Creating Designs (Patterns) In WordPress

Creating Designs(previously called a Reusable Block and Patterns) in WordPress is a powerful way to save and reuse layouts or sets of blocks. This is particularly useful if you want to use the same design across multiple pages or posts without recreating it each time. You can create your own designs or use pre-designed ones.

WordPress Designs are pre-defined block layouts you can effortlessly create and customize. They can be part of a template or even nested inside other designs. With just a few clicks, you can create synced or non-synced content to insert into posts or pages anywhere on your website.

You can find user-contributed designs in the WordPress repository; however, we do not recommend installing plugins that can cause bloat and impact website performance. Instead, keep with Kadence blocks that don’t negatively impact your site.

Here’s how to create and manage designs in WordPress:

Your Theme’s designs

Your theme may have pre-built designs that combine multiple WordPress blocks, such as text, images, buttons, etc., into a cohesive layout. After creating a design, you can customize it to fit your website’s design. You can insert it into a post and use it multiple times across your website.

The theme you bought from Glamsy Designs will have some pre-defined block layouts in the Designs; how many depends on the theme you purchased. To check out your pre-defined designs and block layouts, go to Appearance > Designs.

Creating A New design

This is a super nifty feature if you want to use the same blocks across your website on different posts or pages. If you want to use the same Kadence Block across multiple pages or posts, you can save it as a Design. First, select the Kadence Block you want to reuse, then click the three dots in the popup toolbar and choose Create a Design.

This will open up a dropdown menu, where you must select the ‘Create Design’. Add a name for your design that will quickly help you identify what the block is about. For instance, we use a Design on our themes called After Post, which is inserted at the end of a post.

Afterward, you can select default categories from the dropdown menu. You may need to create one or leave it blank if you don’t have any categories. Lastly, click the blue button to Sync or leave it as is if you prefer not to sync your content across your site.

The Sync button means that if you want to make changes to it, you will need to go to Appearance > Designs, choose your design, make the changes, then save. This will change that design across your website.

To create a design, click the blue button Add New Design, give your design a name, add an optional category, and click to sync or unsync. Syncing your design means it can be easily placed across multiple locations and can only be customized in the Design area. An unsynced design can be customized in the post because it’s only relative to that particular post.

Save your design settings, create your design using Kadence blocks, and save before exiting.

Adding Designs To Posts Or Pages

You can add designs directly to a post or page using the blue plus button at the top left.

Search for the design’s name, then drag it to the content area where you want it to go. You can add a synced design to a post; if you want to, you can unsync it when prompted. This will enable you to customize it directly on the post, and it will not be published anywhere else on your site.

Managing Your Designs

Single Designs Within A Block: Go to Appearance >Designs to modify or delete part or all of your Design. Open up the Design you want to modify. Click on the block within the Design, then in the popup, click on the three dots (⋮) in the top-right corner. You can now delete or duplicate it.

Deleting A Design: Go to Appearance > Designs; this will display all your Designs. Click on the checkbox of the Design you want to delete, this will create a popup at the bottom of your screen with the option to delete it.

NOTE: If some of these options are unavailable, you most likely do not have the Kadence Pro installed.

Related Resources