Advanced WordPress starter theme with Tailwind CSS SASS/SCSS and Laravel Blade
Adapted and edited by @yCodeTech for usage with Laravel Mix.
Website Documentation Releases Community
Sage is a WordPress starter theme with block editor support.
- Harness the power of Laravel and its available packages thanks to Acorn
- Clean, efficient theme templating utilizing Laravel Blade
- Modern frontend development workflow powered by
BudLaravel Mix - Out of the box support for
Tailwind CSSSASS - Out of the box support for log1x/sage-directives
See the Sage installation documentation.
This Laravel Mix adaptation of Sage 10 is for Bedrock installs. See the Bedrock installation documentation. The instructions below assumes you have knowledge of the Laravel Mix settings, and most other non-documented setting up steps.
-
Once Bedrock is installed, in the root directory, install roots/acorn with
composer require roots/acorn. Then add the following into the scripts section of the composer.json"post-autoload-dump": [ "Roots\\Acorn\\ComposerScripts::postAutoloadDump" ]
-
In the themes directory either clone this repository or download the zip file and unzip it into the directory.
-
If cloning, you can specify the sage theme directory name in the git command, otherwise it will be the same name as this repo. Example:
git clone [email protected]:yCodeTech/sage10-laravelmix.git sage-theme
(Note: the theme name in WP will be Sage 10 Theme, unless it's changed in the style.css file.)
-
-
Do a
composer installand anpm installin the new sage theme directory. -
Activate the theme in wp-admin and start coding locally with Laravel Mix.
npx mix watch - Compile assets, watches the files for any changes, and start Browsersync session.
npx mix --production - Compile assets for production.
- Join us on Discord by sponsoring us on GitHub
- Participate on Roots Discourse
- Follow @rootswp on Twitter
- Read the Roots Blog
- Subscribe to the Roots Newsletter
Sage is an open source project and completely free to use. If you've benefited from our projects and would like to support our future endeavors, please consider sponsoring Roots.
