什麼是 WordPress 塊模式?

[ad_1]

您是否聽說過很多有關 WordPress 塊模式的信息,但您不知道它們的確切用途是什麼? 你是在正確的地方!

在這篇文章中,我們不僅會解釋什麼是 WordPress 塊模式,還會教您如何在您的網站上使用它們,如何創建自己的自定義模式,以及在哪裡可以在線找到現成的 WordPress 塊模式。

因此,如果您是 WordPress 網站所有者並希望充分利用您的在線形象,請繼續閱讀以了解您需要了解的有關 WordPress 為您提供的這個很酷的功能 – 也就是塊模式。

讓我們潛入吧!

什麼是 WordPress 塊模式以及為什麼要使用它們

WordPress 塊模式是由塊組成的模板。

換句話說,如果您將幾個 WordPress 塊組合在一起形成一個漂亮的設計,那麼您就創建了一個 WordPress 塊模式。

自推出以來,用戶可以使用 WordPress 塊模式 WordPress塊編輯器. 但 WordPress 6.0 特別關注模式,它成為在 WordPress 中構建設計和模板的主要工具。 這個 WordPress 版本將模式而不是單個塊放在聚光燈下。

使用 WordPress 塊模式,您可以為您的頁面構建完整的模板,也可以只是模板的一部分,您可以將其用作網站上的部分。 一個完整的設計可以從您認為適合您需要的任意數量的塊模式中創建。

創建或自定義 WordPress 模式後,您可以將其保存到您的庫中,並隨時在頁面或博客文章中重複使用。

為什麼塊模式有用?

WordPress 塊模式之所以有用有幾個原因:

  • 任何不具備從頭開始構建設計的技術技能的網站所有者現在都可以通過塊模式使他們的網站看起來很棒。 使用此功能,您實際上可以自己設計頁面、版塊和帖子,而無需花費太多精力。
  • 塊模式是 可重複使用的 和靈活。 您可以從保存的塊模式中創建和重新創建大量模板。 例如,您可以將相同的塊圖案保存為許多不同的變體(例如,以不同的顏色或版式)。 如何自定義每個塊模式取決於您。
  • 您還可以創建許多不同的塊組合,您可以簡單地 將來重複用於不同的項目或活動. 從長遠來看,這很好,因為您可以節省時間並避免重複工作。

如何使用 WordPress 塊模式

對用漂亮的頁面和模板裝飾您的 WordPress 網站感到熱情嗎? 讓我們看看如何準確地使用 WordPress 塊模式。

轉到要包含模式的頁面或帖子。 到達那裡後,單擊 WordPress 塊編輯器左上角的 + 圖標。

古騰堡 + 圖標 WP

當菜單下拉時,選擇模式。 您還可以選擇與您的需求更相關的模式類別。 單擊「探索」按鈕以在更大的窗口中打開模式。

wp塊模式下拉

瀏覽完模式集合後,單擊您想在帖子或頁面中插入的模式。

將其插入塊編輯器後,您就可以開始對其進行自定義了。 要自定義塊模式,您必須實際自定義模式包含的每個單獨塊。 因此,您只需單擊該模式中的每個塊並單獨自定義它。

如果您不喜歡某個特定的塊,您可以隨時用另一個塊替換它——無論是 自定義塊 或者圖書館中已經存在的。

自定義塊模式

就是這樣。 當您完成對每個塊的自定義後,您的模式就可以上線了。 就這麼容易!

在哪裡可以找到現成的 WordPress 塊模式

正如您可能已經從上一節中注意到的那樣,WordPress 確實帶有現成的塊模式供您在您的網站上自由使用。 如果你覺得創意不夠,或者只是想為以後的設計找點靈感,你會在官方找到很多現成的積木圖案 WordPress 存儲庫.

在這裡,您會發現令人印象深刻的模式集合,這些模式分為以下幾個類別:按鈕、列、圖庫、標題、圖像、文本和特色。 總的來說,僅 WordPress 存儲庫就提供 800 多種供公眾使用的酷塊圖案.

預製塊圖案

花點時間查看可用的模式,以便為您的網站找到最漂亮的設計。 所以是的,可能需要一段時間才能找到適合自己的產品,因為有很多選擇可供選擇。

當您找到想要使用或進一步自定義的模式時,單擊它以在新頁面上打開它,然後單擊複製模式。

接下來,返回到 WordPress 儀錶板中的初始帖子或頁面,您想在其中添加模式,在塊編輯器中單擊滑鼠右鍵,然後粘貼。

複製塊模式

同樣,將 WordPress 塊模式從官方存儲庫添加到您的 WordPress 網站非常容易! 它只需要點擊幾下。

如果在複製後,您看到包含「意外或無效內容」的塊,只需單擊下面的嘗試塊恢復按鈕即可修復它。

嘗試塊恢復

幹得好! 您剛剛將 WordPress 塊模式複製到您的 WordPress 網站。 您可以繼續並根據自己的喜好對其進行自定義!

回到 WordPress 存儲庫中的模式,請注意,您還可以將模式標記為收藏夾,以便將來更輕鬆地訪問它們。 心的數量表明有多少其他人喜歡特定的設計。

如何創建自己的塊模式

到目前為止,您已經了解了如何使用默認可用的 WordPress 塊模式。 不過,如果您需要庫中沒有的非常具體或特殊的東西,您可以創建自己的模式。 在本節中,我們將向您展示如何在沒有代碼的情況下創建自己的塊模式。

通過 WordPress 存儲庫創建 WordPress 塊模式

轉到 WordPress.org -> 模式 -> 創建一個新模式。 您需要登錄才能創建模式。 因此,如果您沒有帳戶,請務必創建一個帳戶。

WordPress.org 模式

接下來,您將看到塊編輯器的空白頁面,您可以在其中 添加新塊 並像通過 WordPress 儀錶板一樣創建模式。

在這裡,您可以鍵入要插入的塊的名稱。 例如段落、詩句、圖像、封面、標題、列、媒體和文本等。您還可以使用左上角的 + 圖標添加塊(就像通過 WordPress 儀錶板一樣)。

如果您想使用圖像,您可以從默認圖庫中選擇它們或上傳您自己的圖像。 插入所有塊、自定義它們並創建模式的最終版本後,您可以執行以下兩項操作中的任何一項:

提交到存儲庫(頁面右上角)

提交模式

為您的模式命名、描述,為其選擇一個類別,然後單擊完成。 請記住,您的模式將由 WordPress 核心團隊審核並發布到存儲庫。 這意味著其他人將能夠在他們的網站上使用它。

將其另存為草稿

我的模式

如果您只想為自己保留模式(不公開),只需將其保存為草稿即可。 每次你想使用你的模式時,去我的模式,你會在那裡找到它們。

使用插件創建 WordPress 塊模式

如果您想將所有內容放在 WordPress 儀錶板中,而不必去 WordPress 存儲庫創建新模式,您可以安裝一個插件,讓您無需離開儀錶板即可創建它們。

選擇這兩個插件之一開始(它們都是免費的):

我們將簡要向您展示使用 BlockMeister 插件創建模式的步驟:

通過 Plugins -> Add New 安裝插件。

安裝塊模式插件

安裝插件後,再次轉到您的 WordPress 儀錶板菜單,單擊 Block Patterns,然後單擊 Add New。 接下來,您將看到 WordPress 塊編輯器,您可以在其中開始添加塊。

通過插件創建模式

創建模式後,發布它。 您將在 Block Patterns -> All Patterns 中看到所有自定義模式。

下一步是返回您要插入塊模式的帖子或頁面,單擊 + 圖標 -> 模式,然後搜索您的模式(也就是您在構建模式時給模式命名的名稱)。 你的模式應該出現在圖書館裡。

我的第一個模式

單擊它以插入它,隨意進一步定製它以滿足您的需求,瞧! 您現在可以在 WordPress 網站的任何地方使用它。

如果要在自定義後保存相同自定義圖案的新變體,請單擊圖案(不是在單個塊上,而是在整個圖案上),然後選擇添加到塊圖案。 給它一個不同的名稱,然後單擊創建模式。

添加到塊模式

刷新頁面後,您將在庫中找到這種新的模式變體。

結論

這總結了我們關於 WordPress 塊模式的教程。 您現在可以嘗試按照您想要的方式設計您的網站,並使其對訪問者更具吸引力。

正如您在閱讀本文時可能注意到的那樣,使用和自定義塊模式一點也不複雜。 即使創建自己的模式也只需要幾個簡單的步驟。

除了易於管理之外,WordPress 塊模式特別有用,因為即使您是初學者,您也有機會創建自己的模板,自定義模板多少次,並在您網站的任何地方重複使用它們。

這不是很酷嗎? 對於用戶和讀者來說,這是向更直觀的 WordPress 體驗邁出的一步。

您如何看待 WordPress 塊模式? 您發現它們對您的網站有用嗎? 通過評論部分讓我們知道。

相關文章