WordPress starter theme with a modern development workflow
Sage is an open source project and completely free to use.
However, the amount of effort needed to maintain and develop new features and products within the Roots ecosystem is not sustainable without proper financial backing. If you have the capability, please consider donating using the links below:
Sage is a productivity-driven WordPress starter theme with a modern development workflow.
master branch currently tracks Sage 10 which is in active development. Looking for Sage 9? See releases.
- Harness the power of Laravel and its available packages thanks to Acorn.
- Clean, efficient theme templating utilizing Laravel Blade.
- Easy Browsersync support alongside asset compilation, concatenating, and minification powered by Laravel Mix.
- Out of the box support for TailwindCSS and jQuery.
- A clean starting point for theme styles using Sass.
See a working example at roots-example-project.com.
Make sure all dependencies have been installed before moving on:
Install Sage using Composer from your WordPress themes directory (replace
your-theme-name below with the name of your theme):
# @ app/themes/ or wp-content/themes/ $ composer create-project roots/sage your-theme-name
To install the latest development version of Sage, add
dev-master to the end of the command:
$ composer create-project roots/sage your-theme-name dev-master
app/setup.php to enable or disable theme features, setup navigation menus, post thumbnail sizes, and sidebars.
yarnfrom the theme directory to install dependencies
webpack.mix.jswith your local dev URL
yarn start— Compile assets when file changes are made, start Browsersync session
yarn build— Compile and optimize the files in your assets directory
yarn build:production— Compile assets for production
Contributions are welcome from everyone. We have contributing guidelines to help you get started.
Help support our open-source development efforts by becoming a sponsor.
Keep track of development and community news.