什麼是 WordPress 塊模式以及如何像專業人士一樣使用它

已發表: 2022-10-27

WordPress CMS 從一開始就以其創新理念統治著網絡。 最近,它引入了 WordPress 塊模式,這對網站設計來說可能是革命性的。 使用新功能,無需任何額外努力即可更輕鬆地複製網站設計。

由於它是一項新功能,因此對其用途和如何使用它仍然存在混淆。 在今天的博文中,我將討論它的事實、可能性和用法

內容隱藏
1什麼是 WordPress 塊模式?
2如何使用塊模式?
3如何創建自己的塊模式?
4為什麼要使用 WordPress 塊模式?
5塊模式可以取代頁面構建器嗎?
6為什麼要阻止古騰堡模式?
7塊模式的未來
8總結

什麼是 WordPress 塊模式?

WordPress 塊模式是使用 Gutenberg 的默認塊創建的現成佈局。 用戶可以創建自己的塊模式,然後將其用於多個 WordPress 網站。

現在,您可能想知道將提供哪些類型的佈局! 好吧,準備好的部分有很多類別,包括頁眉、頁腳、按鈕、列、媒體模式、文本模式等等。 這意味著您將為 WordPress 網站的幾乎任何部分準備好佈局。

WordPress塊模式

Gutenberg 塊模式庫中已經有數百個塊模式可用。 您可以選擇特定類別,然後瀏覽所有可用選項並將它們插入您的網站。 即使是不同的插件也可以使用現成的塊模式,這些模式還提供創建自定義塊模式。

在 Gutenberg 編輯器中設計頁面或帖子時,用戶可以瀏覽可用的塊並選擇任何要包含在網站上的塊。

如何使用塊模式?

很高興為您的網站使用塊模式? 不用擔心! 在 WordPress 中使用塊模式太容易了。 正如我之前提到的,默認情況下,WordPress 頁面和帖子編輯器中提供了現成的模式。

為了解釋這個方法,這裡我們用頁面創建來展示它。 為此,請轉到您的WordPress 儀表板 > 頁面 > 添加新的。 現在在左上角,將有一個“+”圖標,您可以使用它瀏覽準備好的塊和模式。 當您想使用模式時,單擊模式,它會將您重定向到所有可用模式。

WordPress塊模式的類別

在模式部分,選擇您需要模式的類別。 目前,可用的類別有 -精選、頁腳、頁眉、查詢、頁面、按鈕、列、圖庫和文本。 在每個類別下,都有多個模式。 您還可以通過輸入特定類別名稱來搜索模式。

選擇一個圖案並單擊它。 它將在頁面編輯器中導入。

假設您要為頁面創建標題。 選擇“標題”作為類別。 瀏覽所有可用的標題模式,然後單擊您喜歡的任何模式。 將在頁面上創建一個準備好的標題。 好消息是,您可以通過添加新塊來編輯和自定義模式。

同樣,您可以從模式庫中添加其他現成的佈局。

尋找最適合 SEO 的網站建設者? 查看列表

6個最佳SEO網站建設者:深度比較

如何創建自己的塊模式?

使用塊模式感覺很棒,對吧? 現在,如何為 WordPress 創建自己的塊模式,以便您可以將它們用於多個網站? 是的,這也是可能的。 您可以使用 Gutenberg 編輯器創建自己的塊模式。 如果您手動執行操作,您將需要基本的編碼知識。

如果您是 WordPress 的初學者並且正在尋找簡單的東西,最好的方法是使用塊模式構建器插件。

為什麼要使用 WordPress 塊模式?

如果您不是頁面構建器的粉絲,那麼您肯定會喜歡塊模式。 這是一個巨大的節省時間。 即使您正在使用頁面構建器並發現它會降低您的網站速度,您也可以開始使用塊模式。

特別是對於重複性設計,塊狀圖案將成為您的救星。 您可以使用 Gutenberg 簡單地創建各種設計並將它們保存以供將來使用。 不會花太多力氣。 但是,您也可以使用 WordPress 庫中提供的可用模式。

在創建一些獨特而復雜的設計時,您將節省更多時間。 您可以將更多時間花在其他研究上。

塊模式可以取代頁面構建器嗎?

塊模式看起來與頁面構建器的功能相同。 例如,如果您考慮 Elementor 頁面構建器,則用戶可以在頁面上拖放特定功能的小部件。 找到特定的小部件不會花費太多時間。 此外,大多數頁面構建器通常具有增強其功能的插件。

想將您的 WordPress 網站移至新主機嗎? 然後看看這個博客

如何將 WordPress 網站移至新主機

另一方面,塊模式是開源的,功能有限。 很難立即找到東西。 由於它們基於古騰堡,因此您不能期望比古騰堡功能更多。 因此,塊模式還不能取代頁面構建器,但在未來,我們可以期待看到一些額外的功能可能會取代一些頁面構建器的功能。

為什麼要阻止古騰堡模式?

WordPress 的 Gutenberg 編輯器現在有足夠的自定義選項,旨在為用戶提供完整的站點編輯體驗。 但是單塊很難得到完美的設計。 您必須為單個設計添加多個塊

但接下來呢? 將同一部分用於另一個 WordPress 網站怎麼樣? 這是塊模式幫助用戶的地方。 當已經使用 Gutenberg 創建了一個部分時,用戶現在可以將其保存為模式並與他人共享。 或者,對其他頁面也使用相同的模式。

它為用戶節省了足夠的時間。 由於設計已準備好在任何地方和任何頁面上實施,用戶無需一次又一次地設計一個部分。

塊模式的未來

區塊模式發布後,到處都是人們議論紛紛。 WordPress 用戶非常高興,他們終於可以免費使用與頁面構建器相同的東西了。 WPTavern 最近提到塊模式將在未來發生變化。

正如我之前提到的,塊模式還不能取代頁面構建器,但在未來,我們肯定會看到更高級的功能。 結合完整的站點編輯功能和塊模式,WordPress Gutenberg 將更加強大。 它肯定會很快威脅到頁面構建器的未來。

如果您想了解更多信息,請查看 Elementor 與 Gutenberg 功能比較。

包起來

到現在為止,您知道如何在 WordPress 中使用塊模式以及它為什麼重要。 使用塊模式,您可以真正為任何網站設計一些令人驚嘆的部分。 將它們包含在多個網站上並不需要太多努力。 訪問 WordPress 的塊模式庫並嘗試一下。

檢查一些其他資源

如何使用 ElementsKit 在 WordPress 中添加自定義標籤(初學者指南)
如何通過 5 個簡單的步驟安裝帶有演示的 WordPress 主題
2022 年最佳 UI 趨勢
WordPress 託管與共享託管:哪個更好?