Creating the boilerplate of theme for fast and rapid WordPress Theme using Gutenberg blocks, together with ACF Pro and blade.
ACF Pro plugin is required.
-
Uses Blade to render blocks on server-side with simple markup
-
🤹🏻 Keep as simple as possible
-
Based on Twenty Twenty Three theme
-
🪶 Lightweght assets and WebPack
- Using wp-scripts package with WebPack underhood to build bundle with minification on production mode
-
Uses FontSource to use fonts locally and embed them to theme
-
🧑🎨 PostCSS with stage-0 features to use any CSS-next features
-
Better Local JSON - ACF Pro UI automatically reads and writes json to block's folder instead of
acf-json -
Clean structure - each block has his own separate folder, build and automatically bundled by WebPack
-
⚡ Great developer experience
- 🚀 Supports multi block compiling using one command to start.
-
Examples
- Testmonial
- Testmonial Item - example using Inner Blocks.
-
🔬 Coding standarts
- Phpcs and wp-coding-standards is available
- Prettier is used to format js, css files
-
🌏 Translation Ready
- 📝 Blade helpers for translation methods
- 📝 Use @wordpress/i18n and __();
- 📥 Generate pot and json files for translation
Clone the repo using next command to your wp-content/themes/ directory:
git clone https://github.com/fnpen/wordpress-theme-acf-blocks-blade-boilerplate.git
Enable theme 'WordPress Theme Boilerplate using ACF Pro Blocks and Blade'.
Previews:
Install nodejs and npm to your system,
Install all packages :
npm install
// if you use pnpm:
pnpm i
Use the next command to build the bundle in development mode:
npm run start
Install PHP packages using Composer:
composer install
Have a great time with developing!
The bundle will be rebuilt on any file change.
Use the next command to build the bundle in production mode:
npm build