WordPress 塊目錄：基本指南

WordPress 塊目錄是 WordPress 用戶可以從 WordPress 塊編輯器中發現、安裝和測試第三方 WordPress 塊的一種新方式。 在 WordPress 5.5 中引入的 WordPress 塊目錄可讓您更輕鬆地找到最適合您需求的 WordPress 塊。

如果您還沒有聽說過 WordPress 塊目錄，那麼您並不孤單。 在本指南中，我們將介紹您需要了解的有關新塊目錄的所有信息。 我們還將解釋如何開始使用 Block Director 來簡化您的內容工作流程。

什麼是 WordPress 塊目錄？

WordPress 塊目錄是一類免費的 WordPress 插件，提供第三方 WordPress 塊以供在 WordPress 塊編輯器中使用。

新的 WordPress 塊目錄直接內置於塊編輯器中，因此您無需離開編輯器即可將新的塊類型安裝到您的站點。 塊目錄旨在讓用戶更輕鬆地直接從塊編輯器搜索和安裝 WordPress 塊，因此您可以快速將所需的塊類型添加到您的內容中。

要搜索 WordPress 塊目錄，請使用頁面左上角的“+”圖標來使用新的塊插入器並蒐索可用塊。

以下是有關 WordPress 塊目錄的一些重要事項：

• 阻止目錄搜索功能僅適用於有權添加或安裝插件的 WordPress 用戶角色。
• 如果您從阻止目錄添加第三方阻止，則相應的 WordPress 插件將安裝在您的站點上。 因此，如果您看到您的網站上安裝了一個新插件，但您不記得安裝它，請檢查該插件是否是 WordPress 塊插件。
• WordPress 塊目錄包含內置的默認 WordPress 塊和第三方 WordPress 塊插件，因此您可以直接從頁面/帖子編輯器安裝它們。
• 第三方塊插件的搜索結果取決於開發人員必須滿足的一些要求（本文稍後將詳細介紹）。

WordPress 塊目錄的歷史

WordPress 塊目錄是 WordPress 核心討論的結果，討論了塊插件需要如何與 WordPress.org 插件目錄上提供的其他免費插件區分開來。

WordPress 塊目錄工作是一項跨團隊開發工作，涉及以下方面的重大更新：

• WordPress 插件更新過程
• WordPress 插件存儲庫
• 集成到 WordPress 塊編輯器的插入器中

特色 Gutenberg WordPress 插件的 8.4 版本是塊目錄合併到 WordPress 核心時； 2020 年 8 月 11 日在 WordPress 5.5 中。

WordPress 塊目錄的目的

主 WordPress.org 插件目錄中包含一個新的 WordPress 塊目錄，因此您可以瀏覽常規 WordPress 插件或啟用單個塊的插件。

塊目錄旨在幫助區分塊插件，這些插件是純 javascript 並且只註冊 WordPress 塊，與具有更多功能的傳統 WordPress 插件。

什麼是 WordPress 塊？

WordPress 塊是頁面元素，您可以在 WordPress 塊編輯器中使用它們來幫助組織和設計博客文章和頁面的內容。 從圖像到引用到列表和媒體嵌入，幾乎所有內容都有一個 WordPress 塊。

內置默認 WordPress 塊

WordPress 帶有一個內置默認塊庫。 這是一些最常用的塊的表格。 此表包括一些默認的 WordPress 塊，這些塊包含在新塊編輯器中的 WordPress 中。

當您登錄管理儀表板（假設您使用的是 WordPress 5.0 或更高版本）並單擊以撰寫新帖子時，您會立即註意到一個基於塊的內容編輯面板。

以前，您的帖子編輯器的這一部分是一個包含標准文本格式控件的大型內容字段。

將舊版本的編輯器與新的基於塊的版本進行比較，這對用戶來說是一次重大升級。

新版本中的整體編輯體驗更加流暢且不受干擾。 它使您可以清楚地看到您的主要“畫布”，而沒有其他大部分不需要的元素。

WordPress 塊庫插件

除了內置的 WordPress 塊之外，其他插件（如 Kadence Blocks）向 WordPress 塊庫添加了更多塊。 Kadence Blocks 插件為塊編輯器增加了更多功能，添加了頁面構建器功能。

例如，Kadence Blocks 自定義塊包括：

• 行佈局——在列中或作為容器創建帶有嵌套塊的行。 使用背景、覆蓋、填充等為您的行賦予樣式。
• 高級畫廊- 創建令人驚嘆的照片畫廊、輪播和滑塊！ 啟用自定義鏈接、標題等。 另外，您可以選擇圖像尺寸以獲得性能。
• 表單– 我們強大的表單塊允許您輕鬆創建聯繫人或營銷表單並在塊編輯器中對其進行樣式設置。
• 高級文本- 創建標題或段落並定義桌面、平板電腦和移動設備的大小以及字體系列、顏色等。
• 高級按鈕- 創建一個高級按鈕或一排按鈕。 為每一個設置樣式，包括懸停控件。 另外，您可以使用圖標並並排顯示它們。
• 選項卡- 使用高級樣式控件創建自定義垂直或水平選項卡。 每個選項卡內容都是一個空畫布，可以包含任何其他塊。
• 手風琴——創造美麗的手風琴！ 每個窗格都可以包含任何其他塊、自定義標題樣式、內容背景和邊框。
• 推薦- 通過展示美麗而獨特的推薦來建立對您的品牌或產品的信心。 將添加顯示為輪播或網格。
• 圖標- 從超過 1500 多個 SVG 圖標中進行選擇，以添加到您的頁面中並設置大小、顏色、背景、邊框等樣式。您還可以並排添加多個圖標。
• Spacer / Divider – 輕鬆創建分隔線並確定其周圍的空間，或者只是在您的內容中創建一些空間。 您甚至可以定義每個屏幕尺寸的高度。
• 信息框- 創建一個包含圖標或圖像的框，以及可選的標題、描述和了解更多文本。 單獨設置靜態和懸停樣式。
• 圖標列表- 將漂亮的圖標添加到您的列表中，使其更具吸引力並吸引觀眾的注意力。 超過 1500 個圖標可供選擇和無限的樣式。
• 倒計時- 通過為您的產品增加緊迫感來增加您的轉化率。 Pro 還包括常青活動。
• 帖子- 在您網站的任何位置顯示一個乾淨的帖子網格，非常適合您想要逗弄博客的主頁。
• 目錄- 允許您的讀者使用目錄塊輕鬆瀏覽您的內容。 包括平滑滾動到錨點。
• Lottie Animation – 您可以將 Lottie 動畫導入您的網站。 您可以選擇動畫的播放方式和控制動畫速度、循環等。
• 向上計數 - 向上或向下計數到某個值的動畫。 非常適合顯示統計數據。
• 谷歌地圖——在您的網站上嵌入谷歌地圖。
• 高級圖像- 具有更好控制和高級功能的圖像塊。

什麼是 WordPress 塊插件？

一種 WordPress塊插件 是一個相對較小、簡單的 WordPress 插件，提供單個 WordPress 塊。 插件本質上是塊。

WordPress 塊目錄有助於將第三方塊插件組織在與傳統 WordPress 插件不同的類別中，因此它們更易於搜索和安裝。

例如，GiveWP 的 Stripe 捐贈表格塊會在幾秒鐘內通過一個 WordPress 塊向您的網站添加一個由 Stripe 提供支持的捐贈表格。 安裝後，該塊可以輕鬆插入您的 WordPress 網站，並且可以輕鬆定制以滿足您的需求。

什麼是啟用塊的插件？

簡而言之，啟用塊的插件是“傳統”的 WordPress 插件，其中包括可以在塊編輯器中使用的塊。 WordPress 插件目錄也開始區分“啟用塊的插件”以突出顯示利用塊功能的插件。

您將看到這些標記為“分類為塊的插件”，並且可以在 https://wordpress.org/plugins/browse/blocks/ 上瀏覽。

您如何使用 WordPress 塊？

當您開始為您的網站處理新內容時，無論是新頁面還是博客文章，您都會注意到您包含的每個內容片段（例如圖像或一段文本）都被轉換為自己的塊。

您基本上可以將一個塊想像成一個包裝器，它放置在您包含在帖子或頁面中的每條內容周圍。 但是阻止系統不會單獨更改內容片段或它們在您網站上的顯示方式。 圖像仍然是圖像，對最終用戶來說沒有任何不同。

您會發現使用塊創建內容非常直觀。 當您開始創建新頁面或帖子時，WordPress 會邀請您選擇塊類型或開始編寫文本。

當您完成一段文本時，按回車鍵，WordPress 會自動將您轉換到一個新塊。

當您想在文本段落之外添加不同的塊時，只需單擊位於左上角塊編輯器內的“+”圖標。

可供您選擇的每種塊類型都可以通過多種方式進行高度自定義。 通過一些時間和實驗，您將能夠使任何塊看起來完全符合您的設想。

塊編輯器的好處

基於塊的編輯器的引入為 WordPress 內容創建者帶來了許多好處。

首先，您可以比以前的編輯器更輕鬆地重新排列每個頁面中的塊。 每個塊都有單獨的控件，可讓您將塊向上或向下移動一個位置。 您還可以使用拖放功能手動移動塊。

在以前的 WordPress 編輯器中，移動內容很痛苦。 首先，您必須將內容剪切並粘貼到您想要放置它們的區域。 通常，這樣做會導致很多格式問題； 儘管某些文本編輯器比其他編輯器更是如此。 有時，用戶會在移動它們之前丟失整個內容部分，因為他們不小心將其複製到剪貼板中。

這些不是您在使用積木時會遇到的問題，而且它們也更具可操作性。

如何使用 WordPress 塊目錄？

現在我們已經討論了 WordPress 塊是什麼，讓我們看看新的 WordPress 塊目錄。

塊目錄背後的想法並不復雜。 但是，一旦開發人員和網站設計人員了解瞭如何正確使用該工具，它就會非常有用。

當 WordPress 用戶想要使用其編輯器中本地可用的默認 WordPress 塊中不可用的塊時，他們可以前往插入器的搜索字段並輸入關鍵字，例如“菜單”或“團隊”。

在幕後，直觀的系統首先在用戶的本地站點上運行搜索。 如果無法找到正在搜索的特定塊，它將開始搜索塊目錄：整個 WordPress 插件存儲庫的指定部分，其中包含單個塊插件。

當系統找到與當前搜索詞匹配的塊時，這些塊將顯示在插入器中，並帶有可供用戶查看的預覽部分。

此時，設計者決定他們想要使用哪個塊，然後單擊“添加塊”按鈕。 這會導致安裝和激活單塊插件，而設計者繼續創建帖子或頁面。

如果第一個塊選擇不是最佳選擇，則用戶可以返回並蒐索也可以安裝的不同塊。 這使用戶可以快速輕鬆地測試其設計中的不同塊元素。

請記住，只有擁有完整站點權限和特權來安裝和激活 WordPress 插件的內容創建者才能訪問塊目錄。

搜索 WordPress 塊

搜索功能真的很好用。 唯一的問題是存儲庫中當前缺少插件。 重要的是要記住，塊目錄仍然很新，它的整體功能還沒有最終確定。

設計師 Steven Dufresne 和 Enrique Sanchez（以及其他人）一直在積極探索在編輯器中搜索、選擇和安裝塊插件的流程的不同考慮和變化。

例如，當用戶運行搜索並且用戶已在其編輯器中安裝的插入器中顯示塊插件時會發生什麼？ 它是否應該為該特定搜索結果顯示“禁用阻止”？

如果搜索結果顯示用戶已安裝但停用的阻止插件怎麼辦？ 它應該為此結果顯示“激活塊”嗎？

正如您所看到的，關於塊搜索以及它們是如何交付的，仍有許多問題懸而未決。

討論正在與設計人員和開發人員進行。

WordPress 塊目錄搜索性能因素

為了使 WordPress 塊目錄正常工作，有幾個因素需要完美對齊。

首先，目錄必須有一個唯一的部分，該部分僅指定用於填充搜索的單塊插件。 有許多插件有兩個或多個塊，不允許在塊目錄搜索提要中顯示。

此後，目錄搜索功能必須以可以在插入器中顯示的格式返回其結果。

然後，塊編輯器必須運行一個通過 REST-API 搜索 WordPress 插件目錄的進程。 然後，插入器需要一種允許它安裝和激活站點插件的方法。

為此，它必須能夠考慮當前用戶的站點權限。 只有站點管理員才能安裝和激活插件。

WordPress 阻止目錄搜索結果：要求

對於插件作者來說，要讓他們的插件成為塊目錄的一部分，他們必須提供一個 block.json 文件和一個要在搜索結果中顯示的圖像。 對於插件作者來說，記住用戶在決定下載之前需要在預覽區域中需要有關插件的其他信息也很重要。

在大多數情況下，用戶會希望看到插件的：

• 用戶評分
• 作者信息
• 上次插件更新日期

這有助於推動用戶嘗試決定在其網站上使用哪些塊的決策過程。 畢竟，很多人不會僅僅根據外觀來決定事情。 他們也想知道引擎蓋下的內容。

對於塊編輯器，自動監控被丟棄的插件並確保在保存後從站點卸載未使用的塊是一個好主意（儘管這是一個極其困難的提議，無疑需要大量調整）郵政。

避免場地內潛在的“區塊墓地”也很重要。 使用更新的塊管理器，應該可以解決此問題。 去年，Mel Choyce-Dawn 將其作為初始塊目錄設計的一部分進行了討論。 但它不是初始版本的一部分。

WordPress 單塊插件列表

如果您前往 WordPress 插件存儲庫，您將能夠瀏覽啟用 WordPress 塊的插件，這些插件將在 WordPress 塊編輯器中提供您的搜索結果。

在撰寫本文時，只有六頁結果可供瀏覽。 實際上，只有大約一半的插件存儲庫搜索中顯示的內容實際上會通過插入器在塊編輯器中可見。

通過快速抽查，他們中的許多人似乎完全缺少所需的 block.json 文件。 在這些情況下，插件不會在 WordPress 塊編輯器搜索結果中可見，但您會在 WordPress 插件存儲庫中看到它們。

然而，這似乎在上個月有所改善，因為最終要求已得到更徹底的記錄並發布了關鍵指南。 更多的插件作者開始更新他們的插件，以確保它們在塊編輯器中是 100% 可搜索的。

塊目錄中當前經過全面測試的單塊插件的一些示例包括 GiveWP 的 Stripe 捐贈表格塊。

如何安裝新的 WordPress 塊

塊安裝過程對用戶來說應該是無縫且直觀的。 至少理論上應該是這樣。

基本上，用戶需要做的就是單擊“添加塊”按鈕，而無需退出塊編輯器。 然後，所需的新塊立即變得可用。

您可能會發現，在某些情況下，您會收到一條錯誤消息，要求您再次嘗試安裝。 但在您這樣做之前，請務必檢查插件是否已實際安裝以及該塊是否可用。

在許多情況下，似乎錯誤消息本身就是一個錯誤，並且該塊已準備就緒。 隨著時間的推移，更多這些小錯誤將被解決，這個名為 WordPress 塊目錄的有用新功能將順利運行。

阻止目錄插件作者指南

接近 2019 年底，Meta 團隊負責人 Alex Sheils 發布了 WordPress 塊插件指南的初稿，供那些想要將插件添加到塊目錄的人使用。 就在幾個月前，它已經更新了更詳細的要求。

總結關鍵點，block Directory上的插件必須具備這些特定的特徵：

• 僅包含一個塊
• 在帖子編輯器之外沒有 UI
• 擁有最少數量的服務器端代碼
• 必鬚根據特定規范進行結構化並包含 readme.txt 文件

由於規則的嚴格性，一些管理塊目錄的第一個版本的附加規則受到了插件作者的一些爭議。 但是，對目錄的限制並不是要扼殺插件創建者。

目標是將返回到塊編輯器的塊類型限制為特定的協議和類型。

這在最初的版本中尤其重要，在這種情況下，結果並不是越多越好。 結果需要在插入器中非常具體。

知道了這一點，這些附加規則適用於所有希望在 WordPress 塊目錄中獲取其插件的插件作者：

• 創建塊插件以在塊編輯器中使用
• 塊插件必須是單獨的塊
• 插件的標題必須反映塊的標題
• 該插件必須包含一個特定的 block.json 文件
• 插件作者不能收取費用或要求支付功能費用。 付費帳戶也不允許
• 該插件應該能夠獨立運行
• 它不能以任何方式推廣其他插件、主題或塊

想想塊目錄有點像你剛剛放入地下的未成熟植物。 你知道你需要觀察和保護它，這樣它才能成長為一個更大更好的自己。

塊目錄也不例外。

隨著設計和開發團隊繼續觀察、傾聽和解決問題，目錄將開始演變為插件作者和用戶發現很多價值的地方。

如果您是插件作者，並且您的插件尚不滿足在塊目錄中的要求，請記住它仍然在正常的 WordPress 插件目錄中受到歡迎。

WordPress 塊目錄和啟用塊的插件的未來

塊目錄有可能真正擴展 WordPress 平台的設計功能。 它為內容創建者提供了一種快速、簡化的方式來擴展他們的內容創建能力，只需指尖訪問數十個有用的單個塊。

即使有不斷移動的部分，塊目錄的第一個版本也是一個重要的里程碑，內容創建者和插件作者都應該慶祝。

那些在它出版時讀到這篇文章的人處於塊目錄的最前沿以及它將成為什麼。 現在是您考慮一些額外的 WordPress 培訓的好時機，這些培訓將向您展示您尚未發現的 WordPress 的其他區域，例如塊目錄。

隨著您在學習曲線中不斷成長，同時將您的網站變成您設想的成功，請記住錯誤可能（並且將會）發生。 這就是為什麼擁有 WordPress 備份插件和 WordPress 安全插件始終保護您的網站如此重要的原因。

一切就緒後，您的網站可以像 WordPress 塊目錄一樣繼續發展和發展。