Kadence Pattern Hub Plug-in Complete Tutorial: Creating, Managing and Synchronizing Design Patterns

Kadence The Pattern Hub plugin is a visual template library within the Kadence Themes and Kadence Blocks plugins that provides web designers with the ability to create and host custom content libraries. This plugin makes managing design patterns more efficient, helping you to quickly import and reuse design patterns across multiple projects. This article describes the detailed steps for using the Kadence Pattern Hub plug-in.

Create your first Pattern Hub project

Installation and activation Kadence After the Pattern Hub plugin, you will see a new menu item in the background called "Pattern Hub". Click "Add New" option to create the first project.

• Editorial content: click "Add New" after that, go to the editor and add what you want to use in the design pattern.

• Add Category: After completing the creation of the item, you can add category tags to the item, and finally click "post"Button.

Configuring Pattern Hub Settings

exist WordPress In the dashboard, click on "Pattern Hub" under the menuSettings" option to enter the settings page.

• Setting the name: You can set the name of the Pattern Hub.

• Setting the synchronization time: You can set the interval at which sites are forced to resynchronize to Pattern Hub.
• Enable API Flash to generate thumbnails: This option helps you to one-clickGenerate ThumbnailsEnable this option. When this option is enabled, you need to register and set up an API Flash account.
• Enable anonymous usage tracking: This option tracks the number of times each library item has been imported, and all data is displayed on the Analyze page.

When the settings are complete, click the "Save" button to save the configuration.

Generate Thumbnails

If thumbnails are generated, you need to enable API Flash function and make the relevant settings:

• Enabling API Flash: Enable API Flash on the Settings page.
• Create an API Flash Account: Visit the API Flash website to register and get an API key.
• Adding API Keys: Paste the obtained API key into the Pattern Hub in the Settings page.

• Generate Thumbnails: Go to "Pattern Hub" -> "All Pattern Items", you will see next to each item "Generate Thumbnail" option, click on it to generate a thumbnail.

Note that the thumbnails are actually the featured images for the project, and you have the option to upload your own thumbnails as well.

Generating Library Access Keys

After completing the library creation and thumbnail generation, you can move on to generating access keys:

• Go to "Pattern Library" -> "Settings" -> "Access Keys".
• Click "Generate Key" button to generate a new access key.
• You can also modify the key by clicking on the pencil icon, or by clicking on "Remove"Delete key.

Connect to your Pattern Hub

From another WordPress Website login backend to ensure that the site is installed Kadence Blocks Plugin. Then, follow these steps to connect the site to your Pattern Hub:

• Open the page or article and click on the editor's top "Design Library"Button.

• Click on the plus (+) icon to go to "New Connection"Page.

• Enter your connection URL and access key and click "Add Connection"Button.

After you complete the connection, a new tab displays your Pattern Hub.Now, you can click on the appropriate pattern in the Design Library to import it into the page.

Pattern Hub and Site Index

By default, the Pattern Hub project generates front-ends that can be indexed URL. If you don't want these items to be indexed, you can use the SEO plugin or add custom code to control it:

1. Using the SEO Plugin: Most SEO plugins can set specific post typesnon-indexedYou can set the Pattern Hub type to not be indexed in the SEO plugin settings. You can avoid search engines crawling Pattern Hub URLs by setting the Pattern Hub type to not indexed in the SEO plugin settings.

2. Using custom code snippets: You can also add the following code via the Code Snippets plugin to block unlogged-in users from accessing the Pattern Hub URL:

/**
 * :: Ensure that non-logged-in users do not have direct access to the Pattern Hub
 */
function custom_patternhub_single_only_logged_in_editors() {
if ( is_singular( 'kadence_cloud' ) && ! current_user_can( 'edit_posts' ) ) {
wp_redirect( home_url( '/' ), 301 );
die; }
}
}
add_action( 'wp', 'custom_patternhub_single_only_logged_in_editors' ); }
/**
 * :: Ensure that non-logged-in users do not have direct access to the Pattern Hub
 */
function custom_patternhub_single_only_logged_in_editors() {
if ( is_singular( 'kadence_cloud' ) && ! current_user_can( 'edit_posts' ) ) {
wp_redirect( home_url( '/' ), 301 );
die; }
}
}
add_action( 'wp', 'custom_patternhub_single_only_logged_in_editors' ); }
/**
 * :: Ensure that non-logged-in users do not have direct access to the Pattern Hub
 */
function custom_patternhub_single_only_logged_in_editors() {
if ( is_singular( 'kadence_cloud' ) && ! current_user_can( 'edit_posts' ) ) {
wp_redirect( home_url( '/' ), 301 );
die; }
}
}
add_action( 'wp', 'custom_patternhub_single_only_logged_in_editors' ); }

The above methods can help you control the indexing of your Pattern Hub projects to ensure compliance with the SEO The needs of the

summarize

Kadence The Pattern Hub plugin provides an efficient way to create, manage and share design patterns. With these steps, you can import and reuse design elements across multiple projects, improving the efficiency and consistency of your website design.