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 插件或添加自定义代码来控制:

使用 SEO 插件:大多数 SEO 插件可以设置特定帖子类型不索引。你可以在 SEO 插件设置中将 Pattern Hub 类型设置为不被索引,从而避免搜索引擎抓取 Pattern Hub 的 URL。使用自定义代码片段:你也可以通过 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 项目的索引情况,确保符合 SEO 的需求。

总结

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

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注