/block-theme-examples

A repository of feature examples for block themes.

Primary LanguagePHP

Block Theme Examples

This repository is meant to showcase various WordPress block-related features and how to use them in your theme. The goal is to provide concise code examples that serve as a foundation for your projects. They are meant for development purposes to customize however you need.

Each sub-folder is an individual child theme of Twenty Twenty-Four and contains a README.md file that explains the example. The decision to use child themes was to create small examples that only had the code needed for the feature.

Each of the examples also have corresponding documentation in either the WordPress Theme Handbook or WordPress Developer Blog.

Requirements:

  • You must be running at least WordPress 6.4.
  • You must have the Twenty Twenty-Four theme installed in your wp-content/themes folder.

Download or Test Live

Folder Short description Tags Download .zip Live Demo
📁 example-block-style-js BLOCK THEME, BLOCK STYLE, JAVASCRIPT 📦
📁 example-block-style-php BLOCK THEME, BLOCK STYLE, PHP 📦
📁 example-block-stylesheet BLOCK THEME, PHP 📦
📁 example-block-variation BLOCK THEME, JAVASCRIPT 📦
📁 example-build-process BLOCK THEME, JAVASCRIPT 📦
📁 example-locked-pattern BLOCK THEME, CURATION 📦
📁 example-template-part-area BLOCK THEME, PHP 📦
📁 twentytwentyfour-starter-content-patterns BLOCK THEME, CURATION 📦
📁 twentytwentyfour-starter-template-patterns BLOCK THEME, CURATION 📦