Creating a WordPress Block Theme — Creating Theme Style Variations

We’re almost done with creating our full site editing theme. But before we get it ready to submit to the WordPress theme directory, we first need to add one more thing: style variations.

Style variations allow theme developers to quickly create variations of their themes with different colors, fonts and other elements. We used to have to code this ourselves using the Customizer and custom code. Now it’s built in to WordPress’ functionality.

So let’s take a look at how you can add style variations to your new block theme.

Semplice Monospazio: https://wordpress.org/themes/semplice-monospazio/
Semplice Monospazio GitHub: https://github.com/JMWebDevelopment/Semplice-Monospazio
JM FSE Starter Theme GitHub: https://github.com/JMWebDevelopment/JM-Web-Development-FSE-Starter-Theme
WordPress Block Patterns Directory: https://wordpress.org/patterns/
Creating a Block Pattern with Plugins: https://wpmayor.com/how-to-create-a-block-pattern-in-the-wordpress-block-editor/
Code Beautify: https://codebeautify.org/json-escape-unescape
Frost WP Theme: https://github.com/wpengine/frost
WP Rig: https://github.com/wprig/wprig/
Website: https://jacobmartella.com/
Development Blog: https://devblog.jacobmartella.com/
Jacob Martella Web Development YouTube Channel: https://www.youtube.com/channel/UCpOHh4-E6XXVLaWtEtG1XpA
Small Business Website Starter Kit: https://jacobmartella.com/small-business-website-starter-kit/
WordPress Website Care: https://jacobmartella.com/wordpress-website-care/
Hire me as a Freelancer: https://jacobmartella.com/freelance-web-developer/
Twitter: https://twitter.com/ViewFromTheBox
LinkedIn: https://www.linkedin.com/in/jacob-martella/
GitHub: https://github.com/JMWebDevelopment
Instagram: https://www.instagram.com/thesportsjournalist/

Timestamps:
0:00 - Intro
0:35 - Talking about color names
1:37 - Creating theme style variations
4:00 - Outro

#WordPress #WebDevelopment #WordPressBlockThemes