Sage 10 is a theme heavily influenced by Laravel and the MVC coding framework. I use it on almost all of my custom WordPress projects.
- Custom Functionality Plugin - To handle custom post types, taxonomies & othter content-specific functionality
- Advanced Custom Fields - To hold custom meta data for posts
- TailwindCSS v2 - A CSS framework used for styling the frontend
You will need a virtual server for your WordPress instance. Local by Flywheel is easy to set up and free.
Initialize your repo in the root of your local WordPress instance. In local that's located in <instance name>/app/public
Rename ctc
directory for the appropriate project. Rename the theme in the WordPress backend in style.css
. Update browswerSync()
proxy in webpack.mix.js
to reflect your local development URL. Refer to WordPress docs on Plugin Development and Theme Development for options in naming.
Navigate to theme directory and install composer composer install
and initialize yarn yarn
. After packages and modules are built, run yarn build
to build theme assets.
Dashboard is available at <local dev URL>/wp-admin
.
WordPress documentation answers a lot of questions about the WordPress API. Advanced Custom Fields documentation also provides a lot of insight into more pointed WordPress development. Documentation on Sage 10 is not yet available as of writing but the Sage discourse provide a lot of great help with this modern style of theme development. Sage also uses many borrowed functions and plugins from Laravel and their docs can be helpful.