Advanced WordPress starter theme with Tailwind CSS and Laravel Blade based on the Sage theme with some adaptations
- PHP 8.2
- Node 20
- Composer
- From theme run composer install
- Run composer require roots/acord
- **If using nvm run nvm use 20
- Run Yarn
- Run Yarn dev to watch for changes or Yarn build
To use SCSS:
- yarn add @roots/bud-sass --dev
- yarn add @roots/bud-stylelint --dev
Create a Stylelint config file at .stylelintrc.cjs:
module.exports = {
extends: ['@roots/bud-sass/config/stylelint'],
rules: {
'import-notation': null,
'no-empty-source': null,
},
};
cassia-theme
├─ .DS_Store
├─ base-theme
│ ├─ .editorconfig
│ ├─ LICENSE.md
│ ├─ README.md
│ ├─ app
│ │ ├─ Providers
│ │ │ └─ ThemeServiceProvider.php
│ │ ├─ View
│ │ │ └─ Composers
│ │ │ ├─ App.php
│ │ │ ├─ Comments.php
│ │ │ └─ Post.php
│ │ ├─ elementor.php
│ │ ├─ filters.php
│ │ ├─ helpers.php
│ │ └─ setup.php
│ ├─ bud.config.js
│ ├─ composer.json
│ ├─ functions.php
│ ├─ index.php
│ ├─ jsconfig.json
│ ├─ package.json
│ ├─ resources
│ │ ├─ fonts
│ │ ├─ images
│ │ ├─ scripts
│ │ │ ├─ app.js
│ │ │ ├─ components
│ │ │ │ └─ test.js
│ │ │ ├─ editor.js
│ │ │ └─ filters
│ │ │ └─ button.filter.js
│ │ ├─ styles
│ │ │ ├─ app.scss
│ │ │ ├─ common
│ │ │ │ ├─ _content.scss
│ │ │ │ ├─ _global.scss
│ │ │ │ └─ _reset.scss
│ │ │ ├─ components
│ │ │ │ ├─ _button.scss
│ │ │ │ ├─ _forms.scss
│ │ │ │ └─ _nav.scss
│ │ │ ├─ editor.scss
│ │ │ ├─ helpers
│ │ │ │ └─ _media-queries.scss
│ │ │ └─ layouts
│ │ │ ├─ _footer.scss
│ │ │ ├─ _header.scss
│ │ │ ├─ _pages.scss
│ │ │ └─ _posts.scss
│ │ └─ views
│ │ ├─ 404.blade.php
│ │ ├─ components
│ │ │ └─ alert.blade.php
│ │ ├─ forms
│ │ │ └─ search.blade.php
│ │ ├─ index.blade.php
│ │ ├─ layouts
│ │ │ └─ app.blade.php
│ │ ├─ page.blade.php
│ │ ├─ partials
│ │ │ ├─ comments.blade.php
│ │ │ ├─ content-page.blade.php
│ │ │ ├─ content-search.blade.php
│ │ │ ├─ content-single.blade.php
│ │ │ ├─ content.blade.php
│ │ │ ├─ entry-meta.blade.php
│ │ │ └─ page-header.blade.php
│ │ ├─ search.blade.php
│ │ ├─ sections
│ │ │ ├─ footer.blade.php
│ │ │ ├─ header.blade.php
│ │ │ └─ sidebar.blade.php
│ │ ├─ single.blade.php
│ │ └─ template-custom.blade.php
│ ├─ screenshot.png
│ ├─ style.css
│ ├─ tailwind.config.js
│ ├─ theme.json
│ └─ yarn.lock
└─ base-theme.zip
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 Bud
- Out of the box support for Tailwind CSS
