prttpdx / boilerpresswp

A modern, minimal starter theme for WordPress developers

boilerpressWP

A modern, minimal starter theme for WordPress developers.

Features

• Webpack for task automation
• Compile SASS to CSS with autoprefixing
• Minify JS and CSS for production
• Babel
• BrowserSync
• jQuery
• Bootstrap 4

Installation

1. Clone the repo.
2. Run npm install in the theme root folder to install all dependencies.

Folder structure

root
│    .gitignore                  # folders and files ignored by git
│    404.php                     # 404 template
│    footer.php                  # footer template
│    front-page.php              # front page template
│    functions.php               # theme functions
│    header.php                  # header template
│    index.php                   # index template for archives
│    package-lock.json           # automatically generated by npm  
│    package.json                # all npm dependencies and scripts
│    page.php                    # default page template
│    README.md                   # readme file
│    search.php                  # search results template
│    searchform.php              # custom search form template
│    single.php                  # single post template
│    style.css                   # theme stylesheet (theme headers)
│    webpack.config.json         # webpack config
│    wrapper.php                 # wrapper template
└─── dist/                       # created by Webpack automatically
│    └───fonts/                  # fonts
│    └───img/                    # media files
│    └───js/                     # compiled & minified scripts
│    └───css/                    # compiled & minified stylesheets  
└─── inc/             
│    └───assets.php              # enqueue theme assets
│    └───cpt-register.php        # register custom post types & custom taxonomies
│    └───customize.php           # theme customizations
│    └───globals.php             # define theme constants
│    └───helpers.php             # your helper functions
│    └───navigation.php          # custom theme navigation functions
│    └───performance.php         # performace & security fixes
│    └───setup.php               # theme basic setup
│    └───widgets.php             # init widgets
│    └───wrapper.php             # template wrapper class
└─── node_modules/
└─── src/
│    └───fonts/                  # all your fonts go here
│    └───img/                    # all your media files go here
│    └───js/                     # main.js for your custom js code
│    └───sass/                   # all your sass files go here
└─── template-parts/
│    └───loop/                   # loop template parts
│    └───article-meta.php        # article meta
└─── templates/
     └───template-example.php    # custom template example

How to use

1. watch and compile assets for development

npm run dev

2. compile assets for build

npm run build

License

GNU General Public License v2 or later [GPL 2.0] http://www.gnu.org/licenses/gpl-2.0.html