Kadence Pattern Hub 插件是 Kadence 主題和 Kadence Blocks 插件中的一個(gè)可視化模板庫，為網(wǎng)站設(shè)計(jì)師提供了創(chuàng)建和托管自定義內(nèi)容庫的功能。這個(gè)插件使得設(shè)計(jì)模式的管理變得更加高效，幫助你在多個(gè)項(xiàng)目中快速導(dǎo)入和復(fù)用設(shè)計(jì)模式。本文將介紹使用 Kadence Pattern Hub 插件的詳細(xì)步驟。

創(chuàng)建第一個(gè) Pattern Hub 項(xiàng)目

安裝并激活 Kadence Pattern Hub 插件后，你會(huì)在后臺(tái)看到一個(gè)新菜單項(xiàng)，名為“Pattern Hub”。點(diǎn)擊“Add New”選項(xiàng)，創(chuàng)建第一個(gè)項(xiàng)目。

• 編輯內(nèi)容：點(diǎn)擊“Add New”后，進(jìn)入編輯器，添加你希望在設(shè)計(jì)模式中使用的內(nèi)容。

• 添加分類：完成項(xiàng)目創(chuàng)建后，可以為該項(xiàng)目添加分類標(biāo)簽，最后點(diǎn)擊“發(fā)布”按鈕。

配置 Pattern Hub 設(shè)置

在 WordPress 儀表盤中，點(diǎn)擊“Pattern Hub”菜單下的“Settings”選項(xiàng)，進(jìn)入設(shè)置頁面。

• 設(shè)置名稱：你可以設(shè)置 Pattern Hub 的名稱。

• 設(shè)置同步時(shí)間：你可以設(shè)置網(wǎng)站強(qiáng)制重新同步到 Pattern Hub 的時(shí)間間隔。
• 啟用 API Flash 生成縮略圖：此選項(xiàng)可以幫助你一鍵生成縮略圖。啟用該選項(xiàng)后，需要注冊(cè)并設(shè)置 API Flash 賬戶。
• 啟用匿名使用追蹤：該選項(xiàng)可以追蹤每個(gè)庫項(xiàng)目被導(dǎo)入的次數(shù)，所有數(shù)據(jù)會(huì)顯示在分析頁面。

設(shè)置完成后，點(diǎn)擊“Save”按鈕保存配置。

生成縮略圖

如果生成縮略圖，你需要啟用 API Flash 功能并進(jìn)行相關(guān)設(shè)置：

• 啟用 API Flash：在設(shè)置頁面啟用 API Flash。
• 創(chuàng)建 API Flash 賬戶：訪問 API Flash 網(wǎng)站，注冊(cè)并獲取 API 密鑰。
• 添加 API 密鑰：將獲取的 API 密鑰粘貼到 Pattern Hub 設(shè)置頁面中。

• 生成縮略圖：進(jìn)入“Pattern Hub” -> “All Pattern Items”，你將在每個(gè)項(xiàng)目旁邊看到“Generate Thumbnail”選項(xiàng)，點(diǎn)擊即可生成縮略圖。

需要注意，縮略圖實(shí)際上是項(xiàng)目的特色圖片，你也可以選擇上傳自己的縮略圖。

生成庫訪問密鑰

完成庫創(chuàng)建和縮略圖生成后，可以繼續(xù)生成訪問密鑰：

• 轉(zhuǎn)到“Pattern Library” -> “Settings” -> “Access Keys”。
• 點(diǎn)擊“Generate Key”按鈕生成新的訪問密鑰。
• 你也可以通過點(diǎn)擊鉛筆圖標(biāo)修改密鑰，或點(diǎn)擊“Remove”刪除密鑰。

連接到你的 Pattern Hub

從另一個(gè) WordPress 網(wǎng)站登錄后臺(tái)，確保該網(wǎng)站已安裝 Kadence Blocks 插件。然后，按照以下步驟將該網(wǎng)站連接到你的 Pattern Hub：

• 打開頁面或文章，點(diǎn)擊編輯器頂部的“Design Library”按鈕。

• 點(diǎn)擊加號(hào) (+) 圖標(biāo)，進(jìn)入“New Connection”頁面。

• 輸入你的連接 URL 和訪問密鑰，點(diǎn)擊“Add Connection”按鈕。

完成連接后，新的標(biāo)簽會(huì)展示你的 Pattern Hub?，F(xiàn)在，你可以在設(shè)計(jì)庫中點(diǎn)擊相應(yīng)模式，將其導(dǎo)入到頁面中。

Pattern Hub 和網(wǎng)站索引

默認(rèn)情況下，Pattern Hub 項(xiàng)目會(huì)生成可以被索引的前端 URL。如果你不希望這些項(xiàng)目被索引，可以使用 SEO 插件或添加自定義代碼來控制：

1. 使用 SEO 插件：大多數(shù) SEO 插件可以設(shè)置特定帖子類型不索引。你可以在 SEO 插件設(shè)置中將 Pattern Hub 類型設(shè)置為不被索引，從而避免搜索引擎抓取 Pattern Hub 的 URL。

2. 使用自定義代碼片段：你也可以通過 Code Snippets 插件添加以下代碼，阻止未經(jīng)登錄的用戶訪問 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 項(xiàng)目的索引情況，確保符合 SEO 的需求。

總結(jié)

Kadence Pattern Hub 插件提供了一種高效的方式來創(chuàng)建、管理和共享設(shè)計(jì)模式。通過這些步驟，你可以在多個(gè)項(xiàng)目中導(dǎo)入和復(fù)用設(shè)計(jì)元素，提升網(wǎng)站設(shè)計(jì)的效率和一致性。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息