Let's check the following example

[suchona.kani.z]

As you can see, there is this line of code that appears throughout this snippet: var(--wp--preset--xxx). These are presets, which are shortcuts in the styles section that refer to values ​​defined in the settings section.


When developing WordPress block themes, developers can create pre-built layouts for pages , posts, or custom post types that users can use.

For example, the Twenty Twenty-Four theme has several custom templates defined in the theme.json file: Untitled Page, Sidebar Page, Wide Image Page, and Single with Sidebar.

You can use any of these to create your own content.

1-click Use in WordPress
As with custom templates, the theme.json file only references templates.

Their actual appearance is defined in the respective part file benin telemarketing data templates in the parts folder .

The block theme's parts folder seen in Bluehost file manager
Models

Patterns are collections of pre-packaged blocks that allow you to create custom layouts for the content of your pages, posts, or any other theme .

When you open the full site editor, you will see the Patterns menu. This is where you will find all the patterns available for the Gutenberg block theme.

The Patterns page in WordPress Full Site Editor
With theme.json, theme developers can reference patterns from the public Pattern directory . This is a great way to offer more custom options without having to design these reusable blocks themselves.

1-click Use in WordPress
We know this because these patterns are present in the Patterns menu of the site editor.