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