Kadence Pattern Hub 插件完整使用教程：创建、管理与同步设计模式

Kadence Pattern Hub 插件是 Kadence 主题和 Kadence Blocks 插件中的一个可视化模板库，为网站设计师提供了创建和托管自定义内容库的功能。这个插件使得设计模式的管理变得更加高效，帮助你在多个项目中快速导入和复用设计模式。本文将介绍使用 Kadence Pattern Hub 插件的详细步骤。

创建第一个 Pattern Hub 项目

安装并激活 Kadence Pattern Hub 插件后，你会在后台看到一个新菜单项，名为“Pattern Hub”。点击“Add New”选项，创建第一个项目。

• 编辑内容：点击“Add New”后，进入编辑器，添加你希望在设计模式中使用的内容。

• 添加分类：完成项目创建后，可以为该项目添加分类标签，最后点击“发布”按钮。

配置 Pattern Hub 设置

在 WordPress 仪表盘中，点击“Pattern Hub”菜单下的“Settings”选项，进入设置页面。

• 设置名称：你可以设置 Pattern Hub 的名称。

• 设置同步时间：你可以设置网站强制重新同步到 Pattern Hub 的时间间隔。
• 启用 API Flash 生成缩略图：此选项可以帮助你一键生成缩略图。启用该选项后，需要注册并设置 API Flash 账户。
• 启用匿名使用追踪：该选项可以追踪每个库项目被导入的次数，所有数据会显示在分析页面。

设置完成后，点击“Save”按钮保存配置。

生成缩略图

如果生成缩略图，你需要启用 API Flash 功能并进行相关设置：

• 启用 API Flash：在设置页面启用 API Flash。
• 创建 API Flash 账户：访问 API Flash 网站，注册并获取 API 密钥。
• 添加 API 密钥：将获取的 API 密钥粘贴到 Pattern Hub 设置页面中。

• 生成缩略图：进入“Pattern Hub” -> “All Pattern Items”，你将在每个项目旁边看到“Generate Thumbnail”选项，点击即可生成缩略图。

需要注意，缩略图实际上是项目的特色图片，你也可以选择上传自己的缩略图。

生成库访问密钥

完成库创建和缩略图生成后，可以继续生成访问密钥：

• 转到“Pattern Library” -> “Settings” -> “Access Keys”。
• 点击“Generate Key”按钮生成新的访问密钥。
• 你也可以通过点击铅笔图标修改密钥，或点击“Remove”删除密钥。

连接到你的 Pattern Hub

从另一个 WordPress 网站登录后台，确保该网站已安装 Kadence Blocks 插件。然后，按照以下步骤将该网站连接到你的 Pattern Hub：

• 打开页面或文章，点击编辑器顶部的“Design Library”按钮。

• 点击加号 (+) 图标，进入“New Connection”页面。

• 输入你的连接 URL 和访问密钥，点击“Add Connection”按钮。

完成连接后，新的标签会展示你的 Pattern Hub。现在，你可以在设计库中点击相应模式，将其导入到页面中。

Pattern Hub 和网站索引

默认情况下，Pattern Hub 项目会生成可以被索引的前端 URL。如果你不希望这些项目被索引，可以使用 SEO 插件或添加自定义代码来控制：

1. 使用 SEO 插件：大多数 SEO 插件可以设置特定帖子类型不索引。你可以在 SEO 插件设置中将 Pattern Hub 类型设置为不被索引，从而避免搜索引擎抓取 Pattern Hub 的 URL。

2. 使用自定义代码片段：你也可以通过 Code Snippets 插件添加以下代码，阻止未经登录的用户访问 Pattern Hub URL：

/**
 * 确保未登录用户无法直接访问 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' );
/**
 * 确保未登录用户无法直接访问 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' );
/**
 * 确保未登录用户无法直接访问 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' );

以上方法可以帮助你控制 Pattern Hub 项目的索引情况，确保符合 SEO 的需求。

总结

Kadence Pattern Hub 插件提供了一种高效的方式来创建、管理和共享设计模式。通过这些步骤，你可以在多个项目中导入和复用设计元素，提升网站设计的效率和一致性。