Creating a WordPress Block Theme — Creating Block Patterns

Published: 01 January 1970
on channel: Jacob Martella

1,500

So we are continuing on in our efforts to create a WordPress block theme. This time we’re getting starting to create block patterns.

If you’re new to block patterns, they are essentially groups of blocks that you can save in a file in your theme or plugin and then quickly add to any post, page, template or custom post type in the block editor. And as you’ll see, they are really simple and easy to create and use.

So today let’s walk through how I created block patterns for this WordPress block theme.

Semplice Monospazio: https://wordpress.org/themes/semplice...
Semplice Monospazio GitHub: https://github.com/JMWebDevelopment/S...
JM FSE Starter Theme GitHub: https://github.com/JMWebDevelopment/J...
WordPress Block Patterns Directory: https://wordpress.org/patterns/
Creating a Block Pattern with Plugins: https://wpmayor.com/how-to-create-a-b...
Code Beautify: https://codebeautify.org/json-escape-...
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:    / @jacobmartellawebdevelopment
Small Business Website Starter Kit: https://jacobmartella.com/small-busin...
WordPress Website Care: https://jacobmartella.com/wordpress-w...
Hire me as a Freelancer: https://jacobmartella.com/freelance-w...
Twitter:   / viewfromthebox
LinkedIn:   / jacob-martella
GitHub: https://github.com/JMWebDevelopment
Instagram:   / thesportsjournalist

Timestamps:
0:00 - Intro
1:00 - Theme structure
3:47 - Creating block pattern categories
5:11 - Structure of a block pattern file
7:02 - Creating a callout block pattern
11:38 - Adding the HTML for a block pattern
14:31 - Creating a query grid block pattern
20:44 - Outro

#WordPress #WebDevelopment #WordPressBlockThemes

On this page of the site you can watch the video online Creating a WordPress Block Theme — Creating Block Patterns with a duration of hours minute second in good quality, which was uploaded by the user Jacob Martella 01 January 1970, share the link with friends and acquaintances, this video has already been watched 1,500 times on youtube and it was liked by 28 viewers. Enjoy your viewing!

808