WordPress 塊目錄:基本指南
已發表: 2020-10-23WordPress 塊目錄是 WordPress 用戶可以從 WordPress 塊編輯器中發現、安裝和測試第三方 WordPress 塊的一種新方式。 WordPress 5.5 中引入的 WordPress 塊目錄使您可以更輕鬆地找到最適合您需求的 WordPress 塊。

如果您還沒有聽說過 WordPress 塊目錄,那麼您並不孤單。 在本指南中,我們將介紹您需要了解的有關新塊目錄的所有信息。 我們還將解釋如何開始使用 Block Director 來簡化您的內容工作流程。
什麼是 WordPress 塊目錄?
WordPress 塊目錄是一類免費的 WordPress 插件,提供第三方 WordPress 塊以在 WordPress 塊編輯器中使用。
新的 WordPress 塊目錄內置於塊編輯器中,因此您無需離開編輯器即可將新的塊類型安裝到您的站點。 塊目錄旨在讓用戶可以更輕鬆地直接從塊編輯器中搜索和安裝 WordPress 塊,因此您可以快速將所需的塊類型添加到您的內容中。
要搜索 WordPress 塊目錄,請使用頁面左上角的“+”圖標使用新的塊插入器並蒐索可用塊。

以下是有關 WordPress 塊目錄的一些重要注意事項:
- 塊目錄搜索功能僅適用於有權添加或安裝插件的 WordPress 用戶角色。
- 如果您從塊目錄中添加第三方塊,則相應的 WordPress 插件將安裝在您的站點上。 因此,如果您看到您的網站上安裝了一個新插件,但您不記得安裝它,請檢查該插件是否為 WordPress 塊插件。
- WordPres 塊目錄包含內置的默認 WordPress 塊和第三方 WordPress 塊插件,因此您可以直接從頁面/帖子編輯器安裝它們。
- 第三方塊插件的搜索結果取決於開發人員必須滿足的一些要求(本文稍後會詳細介紹)。
WordPress 塊目錄的歷史
WordPress 塊目錄是關於如何將塊插件與 WordPress.org 插件目錄中可用的其他免費插件區分開來的 WordPress 核心討論的結果。
WordPress 塊目錄工作是一項跨團隊開發工作,涉及以下方面的主要更新:
- WordPress 插件更新過程
- WordPress 插件庫
- 集成到 WordPress 塊編輯器的插入器中
特色古騰堡 WordPress 插件的 8.4 版本是在塊目錄合併到 WordPress 核心時; 2020 年 8 月 11 日在 WordPress 5.5 中。
WordPress 塊目錄的目的
新的 WordPress 塊目錄與主 WordPress.org 插件目錄分開,因此您可以瀏覽常規 WordPress 插件或單塊插件。

塊目錄旨在幫助區分塊插件,這些插件僅支持 javascript 且僅註冊 WordPress 塊,與具有更多功能的傳統 WordPress 插件。
什麼是 WordPress 塊?
WordPress 塊是頁面元素,您可以在 WordPress 塊編輯器中使用它們來幫助組織和設計博客文章和頁面的內容。 從圖像到引用再到列表和媒體嵌入,幾乎所有內容都有一個 WordPress 塊。

內置默認 WordPress 塊
WordPress 帶有一個內置默認塊的庫。 這是一些最常用的塊的表格。 此表包含新塊編輯器中 WordPress 隨附的一些默認 WordPress 塊。
WordPress 塊 | 描述 |
---|---|
聲音的 | 嵌入一個簡單的音頻播放器。 |
鈕扣 | 使用漂亮的按鈕推動轉化。 |
類別 | 顯示所有類別的列表。 |
經典的 | 使用經典的 WordPress 編輯器 |
代碼 | 顯示尊重您的間距和製表符的代碼片段。 |
列 | 添加一個在多列中顯示內容的塊,然後添加您想要的任何內容塊。 |
覆蓋 | 添加帶有文本疊加層的圖像或視頻 - 非常適合標題。 |
嵌入 | 嵌入來自外部來源的視頻、圖像、推文、音頻和其他內容。 |
文件 | 添加指向可下載文件的鏈接。 |
畫廊 | 在豐富的圖庫中顯示多個圖像。 |
標題 | 引入新部分並組織內容以幫助訪問者(和搜索引擎)了解您的內容結構。 |
圖片 | 插入圖像以進行視覺陳述。 |
最新的帖子 | 顯示您最近的帖子列表。 |
列表 | 創建項目符號或編號列表。 |
段落 | 所有敘事的基石。 |
拉報價 | 對文本中的引用賦予特殊的視覺興趣。 |
引用 | 給予引用文本視覺強調。 |
更多的 | 添加“閱讀更多”元素 |
分隔器 | 使用水平分隔符在想法或部分之間創建中斷。 |
短代碼 | 使用 WordPress 短代碼插入其他自定義元素。 |
墊片 | 在塊之間添加空白並自定義高度。 |
當您登錄管理儀表板(假設您使用的是 WordPress 5.0 或更高版本)並單擊以撰寫新帖子時,您會立即註意到一個基於塊的內容編輯面板。
以前,帖子編輯器的這一部分是一個包含標准文本格式控件的大內容字段。
當將舊版本的編輯器與基於塊的新版本進行比較時,這對用戶來說是一次重大升級。
新版本中的整體編輯體驗更加流暢且不受干擾。 它使您可以清楚地看到主要“畫布”,而沒有其他大部分不需要的元素。
什麼是 WordPress 塊插件?
一種 WordPress 塊插件 是一個相對較小、簡單的 WordPress 插件,提供單個 WordPress 塊。 插件本質上就是塊。
WordPress 塊目錄有助於將第三方塊插件組織在與傳統 WordPress 插件分開的類別中,以便它們更易於搜索和安裝。
您如何使用 WordPress 塊?
當您開始為您的網站處理新內容時,無論是新頁面還是博客文章,您都會注意到您包含的每個內容片段(例如圖像或一段文本)都被轉換為自己的塊。
您基本上可以將塊想像成一個包裝器,它放置在您包含在帖子或頁面中的每條內容周圍。 但是塊系統不會單獨更改內容片段或它們在您網站上的顯示方式。 圖像仍然是圖像,對最終用戶沒有任何不同。

您會發現使用塊創建內容非常直觀。 當您開始創建新頁面或帖子時,WordPress 會邀請您選擇塊類型或開始編寫文本。
當您完成一段文本時,按 Enter 鍵,WordPress 會自動將您轉換到一個新塊。
如果您想在文本段落之外添加不同的塊,只需單擊位於左上角塊編輯器中的“+”圖標。
可供您選擇的每種塊類型在許多方面都具有高度可定制性。 通過一點時間和實驗,您將能夠使任何塊看起來完全符合您的設想。
塊編輯器的好處
基於塊的編輯器的引入為 WordPress 內容創建者帶來了許多好處。
首先,與以前的編輯器相比,您可以更輕鬆地重新排列每個頁面中的塊。 每個塊都有單獨的控件,允許您將塊向上或向下移動一個位置。 您還可以使用拖放功能手動移動塊。
在以前的 WordPress 編輯器中,移動內容很痛苦。 首先,您必須將內容剪切並粘貼到您想要放置它們的區域。 通常,這樣做會導致很多格式問題; 儘管某些文本編輯器比其他文本編輯器更是如此。 有時,用戶會在移動它們之前丟失整個內容部分,因為他們不小心將其複製到剪貼板中。


這些不是您在使用積木時會遇到的問題,而且它們也更具可操作性。
如何使用 WordPress 塊目錄?
現在我們已經討論了 WordPress 塊是什麼,讓我們看看新的 WordPress 塊目錄。
塊目錄背後的想法並不復雜。 但是,一旦開發人員和站點設計人員了解如何正確使用該工具,它就會非常有用。
當 WordPress 用戶想要使用在其編輯器中本地可用的默認 WordPress 塊中不可用的塊時,他們可以前往插入器的搜索字段並輸入關鍵字,例如“菜單”或“團隊”。

在幕後,直觀的系統首先在用戶的本地站點上運行搜索。 如果無法找到正在搜索的特定塊,它將開始搜索塊目錄:整個 WordPress 插件存儲庫的指定部分,其中包含單個塊插件。
當系統找到與當前搜索詞匹配的塊時,這些塊將顯示在插入器中,並提供預覽部分供用戶查看。
此時,設計者決定他們想要使用哪個塊,然後單擊“添加塊”按鈕。 這會導致安裝和激活單塊插件,而設計者繼續創建帖子或頁面。
如果第一個塊選擇不是最佳選擇,則用戶可以返回並蒐索也可以安裝的不同塊。 這使用戶可以快速簡便地測試其設計中的不同塊元素。
請記住,塊目錄只能由具有完整站點權限和特權來安裝和激活 WordPress 插件的內容創建者訪問。
搜索 WordPress 塊
搜索功能非常好用。 唯一的問題是當前存儲庫中缺少插件。 重要的是要記住塊目錄仍然很新,它的整體功能還沒有最終確定。
設計師 Steven Dufresne 和 Enrique Sanchez(以及其他人)一直在積極探索在編輯器中搜索、選擇和安裝塊插件的流程的不同考慮和變化。

例如,當用戶運行搜索並且塊插件出現在用戶已安裝在其編輯器中的插入器中時會發生什麼? 它是否應該為該特定搜索結果顯示“禁用阻止”?
如果搜索結果顯示用戶已安裝但已停用的塊插件怎麼辦? 是否應該為此結果顯示“Activate Block”?
如您所見,關於塊搜索及其交付方式,還有許多懸而未決的問題。
正在與設計人員和開發人員進行討論。
WordPress 阻止目錄搜索性能因素
要使 WordPress 塊目錄正常工作,有幾個因素需要完美對齊。
首先,目錄必須有一個唯一的部分,該部分僅指定用於單塊插件來填充搜索。 有許多插件有兩個或更多的塊,不允許在塊目錄搜索提要中顯示。

此後,目錄搜索功能必須以可以在插入器中顯示的格式返回其結果。
然後塊編輯器必須運行一個過程,通過 REST-API 搜索 WordPress 插件目錄。 然後,插入器需要一種允許它安裝和激活站點插件的方法。
為此,它必須能夠考慮當前用戶的站點權限。 只有站點管理員才能安裝和激活插件。
WordPress 阻止目錄搜索結果:要求
插件作者要讓他們的插件成為塊目錄的一部分,他們必須提供一個 block.json 文件和一個要在搜索結果中顯示的圖像。 對於插件作者來說,記住在用戶決定下載插件之前,在預覽區域中需要有關插件的其他信息也很重要。
在大多數情況下,用戶希望看到插件的:
- 用戶評分
- 作者信息
- 上次插件更新的日期
這有助於推動用戶決定在其網站上使用哪些塊的決策過程。 畢竟,很多人並不僅僅根據事物的外觀來決定事物。 他們也想知道引擎蓋下是什麼。
對於塊編輯器來說,自動監控丟棄的插件並確保在保存後從站點卸載未使用的塊將是一個好主意(儘管這是一個極其困難的提議,無疑需要進行大量調整)郵政。
避免場地內潛在的“塊墓地”也很重要。 使用更新的塊管理器,應該可以解決這個問題。 去年,Mel Choyce-Dawn 將其作為初始塊目錄設計的一部分進行了討論。 但它不是最初版本的一部分。
WordPress 單塊插件列表
如果您轉到 WordPress 插件存儲庫,您將能夠瀏覽 WordPress 塊插件,這些插件將在 WordPress 塊編輯器中提供您的搜索結果。
在撰寫本文時,只有六頁結果可供瀏覽。 實際上,只有大約一半顯示在插件存儲庫搜索中的內容實際上會通過插入器在塊編輯器中可見。
通過快速抽查,他們中的很多人似乎完全缺少所需的 block.json 文件。 在這些情況下,插件在 WordPress 塊編輯器搜索結果中將不可見,但您會在 WordPress 插件存儲庫中看到它們。
然而,這似乎在上個月有所改善,因為最終要求已經得到更徹底的記錄並發布了關鍵指南。 越來越多的插件作者開始更新他們的插件,以確保它們在塊編輯器中 100% 可搜索。
塊目錄中當前經過全面測試的單塊插件的一些示例包括:
- Automattic 的事件塊
- Ham.works 的用戶配置文件塊
- 蘋果地圖由 10up 塊
- TWST 登錄塊
TWST 是一個簡單但天才的單塊插件,允許您在帖子或頁面的任何位置插入登錄表單。
如何安裝新的 WordPress 塊
塊安裝過程對用戶來說應該是無縫和直觀的。 至少理論上應該是這樣。
基本上,用戶需要做的就是在不退出塊編輯器的情況下單擊“添加塊”按鈕。 所需的新塊然後立即可用。

您可能會發現,在某些情況下,您會收到一條錯誤消息,要求您再次嘗試安裝。 但在此之前,請務必檢查並查看插件是否已實際安裝以及塊是否可用。
在許多情況下,似乎錯誤消息本身就是一個錯誤,並且塊已準備就緒。 隨著時間的推移,更多這些小錯誤將得到解決,這個名為 WordPress 塊目錄的有用新功能將順利運行。
阻止目錄插件作者指南
接近 2019 年底,Meta 團隊負責人 Alex Sheils 發布了 WordPress 塊插件指南的初始草案,供那些希望將插件添加到塊目錄中的人使用。 就在幾個月前,它已經更新了更詳細的要求。
總結要點,塊目錄上的插件必須具有以下特定特徵:
- 僅包含一個塊
- 在帖子編輯器之外沒有 UI
- 擁有最少量的服務器端代碼
- 必鬚根據特定規范進行結構化並包含 readme.txt 文件
由於規則的嚴格程度,插件作者遇到了一些管理塊目錄第一個版本的附加規則。 然而,對目錄的限制並不是為了扼殺插件創建者。
目標是將返回塊編輯器的塊類型限制為特定協議和類型。
這在最初的版本中尤為重要,在這種情況下,結果不是越多越好。 結果需要在插入器中非常具體。
知道這一點,這些附加規則適用於所有想要在 WordPress 塊目錄上獲取插件的插件作者:
- 創建塊插件以在塊編輯器中使用
- 塊插件必須是單獨的塊
- 插件的標題必須反映塊的標題
- 該插件必須包含一個特定的 block.json 文件
- 插件作者不能收取費用或要求為功能付費。 也不允許付費帳戶
- 插件應該能夠獨立運行
- 它不能以任何方式推廣其他插件、主題或塊
將塊目錄想像成您剛剛放入地下的未成熟植物。 你知道你需要關注它並保護它,這樣它才能成長為更大更好的自己。
塊目錄也不例外。
隨著設計和開發團隊繼續觀察、傾聽和解決問題,目錄將開始發展成為插件作者和用戶發現很多價值的地方。
如果您是插件作者並且您的插件不符合塊目錄中的要求,請記住它在普通 WordPress 插件目錄中仍然受到歡迎。
WordPress 塊目錄的未來
塊目錄有可能真正擴展 WordPress 平台的設計功能。 它為內容創建者提供了一種快速、簡化的方法,通過指尖訪問數十個有用的單個塊來擴展他們的內容創建能力。
即使有不斷變化的部分,塊目錄的第一個版本也是一個重要的里程碑,內容創建者和插件作者都應該慶祝。
那些在其發佈時閱讀本文的人都處於塊目錄的最前沿以及它將成為什麼。 現在是您考慮一些額外的 WordPress 培訓的好時機,這些培訓將向您展示 WordPress 的其他領域,例如您尚未發現的塊目錄。
一切就緒後,您的網站可以像 WordPress 塊目錄一樣繼續發展和發展。
自 2011 年以來,Kristen 一直在編寫教程來幫助 WordPress 用戶。您通常會發現她在為 iThemes 博客撰寫新文章或為 #WPprosper 開發資源。 工作之餘,克里斯汀喜歡寫日記(她寫了兩本書!)、遠足和露營、烹飪以及與家人一起進行日常冒險,希望過上更現代的生活。
