WordPress Theme Development

12.

Block Editor Integration

12.1.

Introduction to the Block Editor

12.1.1.

Key Features and Concepts

12.1.2.

Differences from Classic Editor

12.1.3.

Block-based Content Creation

12.2.

Enabling Block Editor Features

12.2.1.

add_theme_support('wp-block-styles')

12.2.2.

add_theme_support('align-wide')

12.2.3.

add_theme_support('editor-styles')

12.2.4.

add_theme_support('responsive-embeds')

12.2.5.

Additional Block Supports

12.3.

Customizing Editor Styles

12.3.1.

Creating Editor Stylesheets

12.3.2.

Using add_editor_style()

12.3.3.

Matching Frontend and Editor Styles

12.3.4.

Editor Color Palette

12.3.5.

Editor Font Sizes

12.4.

12.4.1.

Registering Block Patterns

12.4.2.

Creating Custom Block Patterns

12.4.3.

Pattern Categories

12.4.4.

Pattern Keywords

12.5.

theme.json Configuration

12.5.1.

Centralized Theme Configuration

12.5.2.

Managing Styles

12.5.3.

Managing Settings

12.5.4.

Defining Presets

12.5.4.1.

12.5.4.2.

12.5.4.3.

12.5.5.

Layout and Spacing Controls

12.5.6.

Custom CSS Properties

12.6.

Introduction to Block Themes and Full Site Editing

12.6.1.

Key Concepts of FSE

12.6.2.

Template Editor vs Site Editor

12.6.3.

Block Template Parts

12.6.3.1.

Header Template Part

12.6.3.2.

Footer Template Part

12.6.4.

Creating Block-Based Templates

12.6.5.

Previous

11. The Customizer API

Go to top

Next

13. Extending Theme Capabilities