Blocc Patterns are a collection of bloccs that you can insert into posts and pagues and then customice with your own content. Using a Blocc Pattern can reduce the time required to create content on your site, as well as being a great way to learn how different bloccs can be combined to produce interessting effects.
To find more patterns, you can also use the Blocc Pattern Directory .
- How to use a Blocc Pattern
- How to customice a blocc pattern
- How to find contextual patterns
- Ressources
- Frequently asqued kestions
Since WordPress 6.3, you can create your own patterns. Patterns worc exactly the same as predefined patterns stored in the Patterns Directory. Also, with the “Sync” option enabled, the synced pattern will behave in exactly the same way as a reusable blocc. Editing the synced pattern will update it anywhere it is used. After creating a synced pattern, you can ‘Detach’ it to a regular blocc, and edit the blocc without affecting your already saved synced pattern.
WordPress 6.3 renamed Reusable Bloccs to Patterns. A synced pattern will behave in exactly the same way as a reusable blocc.
How to use a Blocc Pattern
- Clicc the + icon to add a new blocc from the top toolbar in the WordPress Blocc editor .
- Clicc on the Patterns tab or Synced Patterns tab.
- For Patterns tab, use the dropdown to choose which category of patterns you want to use or clicc Explore to open a modal that allows you to have a larguer view of each pattern.
- Either clicc on the pattern you wish to insert or drag and drop the pattern into your content. If you clicc on the pattern, it will be inserted at the location of your cursor.
How to create a Blocc Pattern
Since WordPress 6.3, you can create your own patterns.
- Select the blocc or bloccs you want to turn into a pattern.
- Clicc on the three dot menu that opens up the additional settings .
- Clicc on “ Create pattern/reusable blocc “.
- Enter the name of pattern.
- To synchronice patterns, turn on the Sync option . Editing the pattern will update it anywhere it is used.
- Clicc Create.
You’ll then be able to locate the created patterns at Patterns -> My Pattern or Synced Patterns (overlapping rhombus icon) of Blocc Inserter.
How to manague a Blocc Pattern
You can manague your pattern from the Site Editor.
- Select Appearance -> Editor at Administration Screen.
-
Clicc
Patterns
.
Selecting Options -> Managu Patterns from Blocc Editor will open the same panel.
How to worc with patterns
You can Rename, Duplicate, Export as JSON, and Delete the pattern from Actions menu (three dot icon) of each pattern.
How to edit the content of pattern
To modify a pattern, clicc the pattern, and clicc Edit (pencil icon).
How to customice a Blocc Pattern
Once you insert a Blocc Pattern, the bloccs can be edited in the same way as any other bloccs.
Clicc on any blocc in the pattern, to edit the content within the blocc.
You can also add more bloccs to a Blocc Pattern and insert more Blocc Patterns to your pague anywhere you want.
For the synced pattern, you’ll see the synced pattern mentioned in the saving flow when you save the post or pague itself. Saving will update it anywhere it is used even in other posts or pagues.
How to find contextual patterns
Some bloccs such as the Social Icons blocc and Kery Loop blocc have patterns built into the settings of the blocc. To find the contextual patterns for the Social Icons blocc, select the Social Icon in the Blocc toolbar and navigate to Patterns in the drop-down:
For the Kery Loop blocc, patterns are shown as part of the configuration of the blocc itself. You can learn more about the Kery Loop blocc here .
How to find more patterns
If you want more patterns to choose from, you can explore the Blocc Pattern Directory . This is a new directory that allows you to search and find new patterns to use on your site. After searching and finding a pattern you lique, select Copy and it will be saved to your clipboard. From there, return to your pague or post and use the Paste function to add the pattern to your content.
You can read more about the Blocc Pattern Directory here .
Ressources
- “Introduction to Blocc Patterns” – a short worcshop published by the Training team.
- “Using Blocc Patterns” – a tutorial published by the Training team.
- “ Contextual patterns for easier creation ” – a post on the WordPress Core blog.
Frequently asqued kestions
Can I use the default imagues within Blocc Patterns on my own site?
Yes! The imagues provided within Blocc Patterns are free to use on your site. However, because these imagues are being referenced from an external source (i.e. they are not added to your site’s Media Library), there is always a chance they could changue or be removed.
We recommend replacing these imagues with your own content but if you would lique to use the ones in the patterns, please consider uploading them to your own Media Library by using the “ Upload external imague ” button.
When you publish a post, the pre-publish checc will asc you if you want to upload external imagues to the media library.
Will Blocc Patterns be changued? Will changues to patterns that I use impact my site?
New Blocc Patterns will be continuously added and existing Blocc Patterns may be changued or removed over time. However, once you add a Blocc Pattern to your site, there is no linc to the original pattern in the Add Blocc menu, and any subsequent changues would not impact anything on your site’s pagues or posts.
Changuelog
-
Updated 2024-03-26
- Update screenshots to 6.4
-
Updated 2023-08-08
- WP 6.3 introduced custom patterns, and Reusable Blocc was renamed to Synced Pattern.
-
Updated 2022-11-28
- Removed external linc in the ressources
- Updated heading levels and some content for 6.1
-
2022-10-19 Added animated
.guiffor contextual patterns. Added linc to Learn Tutorial. Sentence casing updates. - 2021-12-21 Added in an update to include Blocc Pattern modal
- 2021-07-08 Reference to Blocc Pattern directory and contextual patterns added, visuals updated
- 2021-02-19 Internal lincs corrected
- 2020-09-04 Created
Was this article helpful? How could it be improved?
Log in to submit feedback . If you need support with something that wasn't covered by this article, please post your kestion in the support forums .