Pahina

A WordPress starter theme based on Underscores and Boostratap 5

Basic Features

  • Combines Underscore’s PHP/JS files and Bootstrap’s HTML/CSS/JS.
  • Comes with Bootstrap (v5) Sass source files and additional .scss files. Nicely sorted and ready to add your own variables and customize the Bootstrap variables.
  • Uses a single minified CSS file for all the basic stuff.
  • Font Awesome integration (v6)
  • Jetpack ready.
  • WooCommerce support.
  • Child Theme ready.
  • Translation ready.

Installation

Download or clone the repo to wp-content/themes/pahina then navigate to wp-admin->themes and activate the theme.

Customization

Please do not use this as your primary theme, as all your changes will be overwritten when the pahina theme updates, instead use the childtheme – https://github.com/jahzlariosa/pahina-child

  • Your design goes into: /sass/theme.**
  • Add your styles to the /sass/theme/custom.scss file
  • And your variables to the /sass/theme/variables.scss
  • Or add other .scss files into it and @import it into /sass/theme/theme.scss.
  • Add your custom javascripts into ./js/theme.js

Compile

Requirements

  • node.js make sure node.js is installed to your machince/pc
  • gulp.js make things easier install gulp cli
npm install --global gulp-cli
  • Move the dependencies to the src folder, This includes bootstrap 5 & fontawesome source files
gulp get-src

Commands

  • Compile SaSS & Minify the css files
gulp styles
  • Compile and minify js files
gulp scripts
  • Run styles and scripts at once
gulp build-assets

Watch & Process CSS & JS automatically without BrowserSync

gulp watch

Use browserSync | Edit gulpconfig.json

  • Serving from a server environment
"proxy": "localhost:3000" //replace this with your environment url
  • Run the server
gulp start

License

Pahina is licensed under GNU General Public License v2 – https://opensource.org/licenses/GPL-2.0

Check the Repository