WordPress Content Blocks: Working with Themes

Learn how to add support for Gutenberg, the new block editor in WordPress 5.0, to both new and older WordPress themes and customize and extend new block styles.

Introduction

• Theme integration with WordPress content blocks
• How this course works

1. Theme Development Setup

• Block unit test data
• How themes without block support work
• Declare support for default styles
• Declare support for block editor styles

2. Adding Block Editor Support in Themes

• Add support for wide alignments
• Add styles for wide alignments
• Add support for theme-specific colors
• Add styles for theme-specific colors
• Disable custom color option
• Add support for font sizes
• Add styles for font sizes
• Disable custom font sizes
• Add support for responsive embeds

3. Customizing and Extending Block Styles

• Extending block styles
• Style variations
• Add new style variations
• Add styles to style variations

Conclusion

• Next steps