them-es / starter-fse

"Full Site Editing" WordPress Blocks Starter Theme.

them.es Starter Full Site Editing (FSE) Theme

them.es Starter is a WordPress Starter Theme built for the new Full Site Editing experience. Please note that the Source files are only recommended for WordPress Developers who are searching for a simple, solid, proved and tested Full Site Editing Starter Theme to build upon. Don't expect a ready-to-use WordPress Theme!

If you want to see it in action or want to download a customized Theme for free, check out https://them.es/starter-fse

What's included?

• WordPress Theme
• Full Site Editing configuration: Templates, Template parts, theme.json and Sass Source files
• webpack configuration
• 2 Menus

Task Automation

This Theme comes with a built in webpack task automation. Sass files will be compiled if changed, vendor prefixes will be added automatically and the CSS will be minified. JS source files will be bundled and minified.

• Prerequisites: Node.js (NPM) needs to be installed on your system
• Open the Project directory / in Terminal and install the required Node.js dependencies: webpack, Sass-Compiler, Autoprefixer, etc.
• $ npm install
• Run the watch script
• $ npm run watch
• Modify /theme.json (Global settings for the block editor including the CSS variables), /assets/main.scss and /assets/main.js

• Test the Theme
• Run the build script
• $ npm run build

(Optional) Include blocks in the theme

• Download or fork WordPress Blocks Starter
• Reference it via functions.php as described in Setup
• Build your custom blocks

Technology

• Sass, MIT license
• webpack, MIT license
• @wordpress/scripts, GPLv2+ and Mozilla Public License v2.0

Copyright & License

Code and Documentation © them.es

Code released under GPLv2+