古騰堡編輯器教程:如何訪問和使用WordPress區塊目錄

古騰堡編輯器教程:如何訪問和使用WordPress區塊目錄-1

如果您曾經在Gutenberg區塊編輯器中搜尋過特定塊,那麼您已經看到了WordPress區塊目錄,甚至可能不知道它。在5.5版中引入並在WordPress 5.8中使用模式目錄進行了增強,區塊目錄的工作方式與WordPress.org上的主題外掛儲存庫非常相似。不同之處在於它直接內建在編輯器本身中,以便於訪問和安裝單個區塊。使用區塊目錄,您只需單擊一下即可將新功能、設計、佈局和自定義區塊新增到文章和頁面——所有這些都來自區塊編輯器本身。

如何訪問和搜尋區塊目錄

古騰堡編輯器教程:如何訪問和使用WordPress區塊目錄-2

在其基礎上,區塊目錄是區塊編輯器擴充套件和外掛的儲存庫,您可以安裝它們以增強您建立的內容。WordPress 5.8 的版本包括一個新的模式庫作為區塊目錄的一部分。此庫為您提供了前所未有的WordPress Core後端設計訪問許可權。在外掛庫中,您可以找到一系列啟用區塊的外掛。但是編輯器本身的主區塊目錄是一個單區塊外掛列表,您可以立即安裝和使用它們。

古騰堡編輯器教程:如何訪問和使用WordPress區塊目錄-3

雖然您絕對可以獨立進入主題和/或模式目錄,但最大的吸引力在於您可以在Gutenberg區塊編輯器本身中訪問此內容。只需按+ 按鈕新增一個塊,然後開始搜尋您需要的任何區塊。如果您已經安裝了該區塊,它將顯示在此處。

但是,如果您不這樣做,則結果的下一部分來自區塊目錄。5.8之後,第一段結果會是patterns,最初只能選擇區塊樣式。

在模式結果下面是特定的區塊,您可以直接從可用安裝標題下的側邊欄目錄安裝這些區塊

古騰堡編輯器教程:如何訪問和使用WordPress區塊目錄-4

這些結果基於您用作搜尋詞的任何內容。在撰寫本文時,區塊目錄本身的結果有些有限。但是,隨著越來越多的人向目錄新增自定義區塊和模式,搜尋結果將變得更加健壯。

如何從目錄中新增新區塊

古騰堡編輯器教程:如何訪問和使用WordPress區塊目錄-5

只需單擊一個區塊即可安裝它。此外,該區塊會立即出現在您的文章中。這是一個非常有用且有點令人討厭的功能,因為您無法單擊區塊目錄條目來展開和閱讀描述或檢視評論。但是,您可以將滑鼠懸停在某個條目上以檢視一些詳細資訊,例如星級和評論數量。

古騰堡編輯器教程:如何訪問和使用WordPress區塊目錄-6

以這種方式通過目錄安裝塊實際上會安裝並啟用相關的WordPress外掛。您可以在管理面板的典型位置外掛–已安裝的外掛中找到它。由於區塊目錄指南,這些區塊的唯一選項將在編輯器本身中。

如果您出於任何原因需要解除安裝區塊外掛,這與使用WordPress管理儀表盤停用和解除安裝任何其他外掛相同。

如何將自定義區塊新增到WordPress區塊目錄

如果您是設計師或開發人員,您可能希望在目錄中顯示您的模式和區塊。像所有其他WordPress庫一樣,有一個專門的過程可以將您的區塊包含在目錄中。該過程相對簡單,使用單一工具進行驗證、上傳和刪除。

開發外掛

第一步顯然是建立自己的外掛。確保您首先遵循WordPress.org 包含的所有外掛指南。從根本上說,自定義區塊仍然是外掛。除了這些準則之外,您的外掛還必須符合要考慮包含的特定於區塊的準則

請記住,如果您提交到目錄,您的外掛必須只包含一個塊。如果您正在建立它們的套件,您將需要決定是將它們作為一個包包含在傳統儲存庫中,還是將它們作為單獨的塊釋出以包含在此處。

驗證併發布您的外掛

古騰堡編輯器教程:如何訪問和使用WordPress區塊目錄-7

開發區塊外掛後,您需要對其進行驗證。該區塊外掛檢查是一個簡單的工具,您可以上傳一個 .zip檔案的程式碼庫檔案或URL(從SVN,GitHub上,還是從外掛庫本身)。

如果檢查器發現問題,您需要在釋出之前解決這些問題。如果驗證器返回一條沒有發現問題的訊息,您就可以實時推送它了。您將使用相同的工具來發布區塊外掛。

您還將使用相同的工具將其從目錄中刪除或在更新程式碼和功能時對其進行調整。

小結

這是新WordPress生態系統的隱藏寶石。作為使用者,從編輯器內向內容新增單個外部區塊是一個巨大的使用者體驗增強。作為建立者,區塊目錄為您提供了前所未有的使用者訪問許可權。以前,他們必須通過庫尋找外掛。多虧了區塊編輯器,您的創作——出於所有意圖和目的——在他們搜尋時尋找它們。希望用不了多久,更多的使用者和開發人員就會意識到並使用這個神奇的工具。對於參與WordPress的每個人來說,它都是一個非常強大的工具。

評論留言