古騰堡如何影響 WordPress 主題
已發表: 2022-10-15Gutenberg 是一個基於塊的 WordPress 編輯器,目前正在開發中。 它旨在使創建複雜佈局變得更容易,而無需使用代碼。 這可能會對 WordPress 主題產生重大影響,因為它將改變它們的設計和編碼方式。 Gutenberg 仍在開發中,尚不清楚它將如何影響 WordPress 主題。 但是,它可能會對主題的設計和編碼方式產生重大影響。 Gutenberg 旨在使創建複雜佈局變得更容易,而無需使用代碼。 這可能使主題開發人員更容易創建更複雜和復雜的主題。 古騰堡也有可能改變用戶與主題互動的方式。 例如,用戶可以直接從編輯器自定義他們的主題,而無需通過主題選項頁面。 這可以讓用戶更輕鬆地為他們的網站找到完美的主題,而無需費力地進行很多選擇。 只有時間才能證明古騰堡最終將如何影響 WordPress 主題。 然而,很明顯它有可能改變主題的設計和編碼方式。
Gutenberg 塊編輯器對 WordPress 生態系統的影響比最近記憶中的任何其他東西都要大。 優化的主題旨在幫助您利用 Gutenberg 的功能。 它假定您將使用它作為創建內容和佈局的主要工具。 在可預見的將來,在您構建和維護您的網站時,該編輯器將值得您投入時間和金錢。 考慮現在和未來是至關重要的。 頁面構建器附帶一個主題,該主題具有有時與主題不兼容的過時版本。 對於塊編輯器,只有 Gutenberg-Optimized Themes 可用。
即使使用了許多自定義塊,知名頁面構建器的功能和靈活性也不可能與新主題相媲美。 儘管生態系統已經發展壯大,但仍有一些漏洞需要填補。 通過使用優化的Gutenberg 主題,您可以創建漂亮的網站,而無需花費大量時間和金錢。 WordPress 平台自 2010 年發布以來一直在穩步改進,用戶界面也得到了顯著改善。 此外,原生編輯軟件性能良好,使用方便。 主要缺點是 Gutenberg 的默認產品不如完整頁面構建器的強大。 毫無疑問,古騰堡在很長一段時間內都將是一件藝術品,因為它擁有如此多的資源可供使用。
我應該怎麼做而不是使用頁面構建器的主題? 在不久的將來不太可能發生。 主題具有塊編輯器的時間越長,使用它的主題就越多。
WordPress 5.0 引入了新的塊編輯器 Gutenberg。 現在有 WordPress 主題可以自定義以與當前的 WordPress 編輯器以及舊的經典編輯器一起使用。
應該對主題進行 Gutenberg 優化嗎?

這個問題沒有明確的答案,因為它取決於主題和用戶在主題中尋找的內容。 一些用戶可能更喜歡專為 Gutenberg 設計的主題,而另一些用戶可能對不一定針對 Gutenberg 優化但仍可與新編輯器配合使用的主題更感興趣。 最終,由用戶決定在主題中什麼對他們最重要。
古騰堡主題已更新,包括優化的主題。 這是 WordPress 5.0 的第一個版本,它包括功能 Gutenberg 。 為了取代經典編輯器,新的內容編輯平台被稱為古騰堡。 六個 StudioPress 主題已重新發布,它們包括內置功能和增強的 Gutenberg 支持。 Genesis 框架正迅速成為使用 Gutenberg 構建網站的最佳方式。 我們計劃在未來幾個月內將所有 StudioPress 主題升級到這種高級支持。 因此,Genesis Framework 將在 2019 年第一季度升級到 2.8 版。
Elementor Vs Gutenberg:哪個更適合您?
對於那些想要更多動手實踐的人來說,Elementor 可能是一個更好的選擇。 塊和佈局可以使用 WordPress 應用程序中的響應塊庫等插件創建,但您需要使用它來使它們在 WordPress 應用程序中響應。
古騰堡在 WordPress 中做了什麼?

Gutenberg 是 WordPress 的基於塊的編輯器,於 2018 年 12 月作為 WordPress 5.0 的一部分發布。該編輯器以 15 世紀發明印刷機的 Johannes Gutenberg 的名字命名。 Gutenberg 引入了一種在 WordPress 中創建內容的新方法。 您現在可以在小塊中添加內容,而不是使用單個大型編輯器。 這樣可以更輕鬆地構建內容和添加媒體。 古騰堡還使重用內容變得更加容易。 例如,您可以將一段文本保存為模板,然後在您網站的其他地方重複使用。 當您想在整個網站上創建一致的外觀時,這會很有幫助。 總體而言,古騰堡使在 WordPress 中創建和編輯內容變得更加容易。 如果您習慣了舊版 WordPress 編輯器,則需要一些時間來學習新界面。 但是一旦你掌握了它,你會發現古騰堡是一個強大的創建內容的工具。
第一次使用 WordPress 平台,有一個新的編輯器叫做 Gutenberg。 像這樣的功能將徹底改變您在網站上創建帖子、頁面、產品以及幾乎所有其他內容的方式。 此功能已添加到 2018 年 11 月 27 日發布的 WordPress 5.0 中。我們要做的第一件事是查看它的當前狀態及其工作原理,然後是優點和缺點。 在下一次重大更新之後,WordPress 將包括 Gutenberg。 由於該編輯器仍處於早期開發階段,因此尚無法現場使用。 如果您最近將 WordPress 網站更新為最新版本,您可能已經註意到儀表板上有關於古騰堡的通知。 最早可能在 2018 年 11 月 27 日或最晚於 2019 年 1 月 22 日發布的 WordPress 5.0 將包括 Gutenberg。 您應該記住,您最喜歡的插件和主題已經在更新以支持 Gutenberg,因此值得注意的是,他們的開發人員已經在努力更新它們以做同樣的事情。
WordPress 是一個功能強大的內容管理系統,擁有超過 2500 萬用戶。 現在可以使用 WordPress 後端的新 Gutenberg 功能在您網站上的多個頁面和帖子中添加、編輯、重新排列和刪除塊。 如果您使用兼容的主題,使用 Gutenberg 可以幫助您更輕鬆地創建和編輯內容。 在為您的 WordPress 網站確定正確的主題時,找到一個與您的網站風格相匹配且與您的所有插件兼容的主題可能很困難。 如果您想使用它,您必須確保您的主題適合與 Gutenberg 一起使用。

為什麼古騰堡比 Elementor 更好?
與 Gutenberg 和 Elementor 配合得很好的主題和插件是相似的,但 Elementor 的設計目的是不需要任何其他插件或主題。 Elementor 主要用於創建頁面,而 Gutenberg 主要用於創建塊。 您可以使用 Gutenberg 將塊添加和重新排列到您的網站,然後由您計算機上的主題控制。
使用 Elementor vs. WordPress vs. Weebly vs. WordPress vs. WordPress vs. Weebly vs Weebly vs Weebly vs Weebly vs Weebly vs Weebly vs Weebly vs Weebly vs Weebly vs Weebly vs Weebly Elementor 是最受歡迎的頁面構建器WordPress 用戶。 塊編輯器,也稱為古騰堡編輯器,用於創建 WordPress 頁面或帖子。 我們最新的 HubSpot 集合包括各種 Gutenberg WordPress 網站模板。 Elementor 比 Gutenberg 更容易使用嗎? Elementor 允許您快速準確地配置整個內容。 與 Elementor 相比,Gutenberg 不包括拖放功能。 儘管 Gutenberg 作為默認的 WordPress 編輯器已經三年多了,但有些人不願意嘗試。
Elementor 的小部件系統是基於小部件的,而 Gutenberg 的塊系統是基於塊的。 Elementor 的免費版本包括許多高級小部件,每個網站設計師都應該擁有這些小部件來創建令人驚嘆的網站。 要訪問更高級的塊,您必須首先購買額外的插件,例如 Ocean Gutenberg Blocks。 模板是預先構建、樣式化和設計用於網站的內容集合。 本節中的模板旨在使構建過程更快、更有啟發性。 一般來說,網站插件和主題的質量會對它們的有效性產生重大影響。 在這個實驗中,我們使用了我們的兩個 WordPress 網站模板:Agenda 和 Gutenberg。
兩個網站上的 WordPress 插件非常相似。 Elementor 和 Gutenberg 在 Elementor vs Gutenberg 比賽中競爭。 Gutenberg 構建的頁面的總阻塞時間 (TBT) 只有 50 毫秒。 想像一下,如果圖像針對它進行了優化,網站會是什麼樣子? 當並排比較時,Elementor 和 Gutenberg 名列前茅。 為什麼應該和不應該使用 Elementor 設備? 您也可以這樣做,因為使用 Elementor 也可以取得令人滿意的分數。
只有使用 Gutenberg,我們才發現它可以提供即時、輕鬆和創新的性能結果。 哪個是最好的頁面構建器? 一隻鞋並不適合每隻腳,但如果你不先試穿,你會感到驚訝。 這本書一開始可能看起來令人生畏並且似乎難以理解,但它也可以成為開始學習之旅的絕佳場所。 不建議創建自定義存檔模板,特別是如果您沒有設計經驗或不熟悉整體網站優化。 在您網站的最重要頁面上使用 Elementor,將其他所有內容留給 WordPress 和您的主題。 如果您不介意付出額外的努力,您可能想嘗試一下古騰堡。
Elemento 的最佳替代品
如果您需要創建網站,可以使用 Elementor。 如果您正在尋找 Elementor 的替代品,請考慮 Divi,它具有用於自定義整個網站的完整設計框架。 Divi 的拖放界面使創建一個對所有用戶都易於使用且功能齊全的網站變得簡單。
古騰堡主題開發
Gutenberg 主題開發過程與傳統的 WordPress 主題開發有點不同。 為了創建與 Gutenberg 兼容的主題,您需要使用新的塊編輯器界面和專門用於主題開發的代碼塊。 有關 Gutenberg 主題開發的更多信息,請查看以下資源:https://developer.wordpress.org/block-editor/themes/ https://make.wordpress.org/core/handbook/designers-developers/developers/主題/古騰堡主題開發/
古騰堡優化的 WordPress 主題幾乎肯定會與任何其他 WordPress 主題相似。 對於前端和編輯器樣式表,應該有一些 CSS 變體。 塊可以有不同的樣式,具體取決於它們的類型。 如果您的主題定義了編輯器樣式,它們不會自動加載到 Gutenberg。 如果您使用編輯器,則需要為 CSS 添加前綴才能使其正常工作。 不建議在 Gutenberg 中加載整個前端樣式表。 在我的編輯器樣式部分中,我只加載我的基本、塊特定和編輯器特定樣式。
隨著古騰堡的實施,簡單的內容網站取得了巨大的飛躍。 我們的團隊確保核心模塊適合客戶的品牌,內容符合他們的規格,並且我們可以滿足他們的所有要求。 我的目標是為客戶站點製作高級自定義字段。 一個帶有塊的公共插件將由我從頭開始構建。 與基於塊的內容編輯器相反,頁面不是使用 Gutenberg 構建的。 這很難描述,但是當您在實踐中使用它時會變得更加明顯。 該平台適用於簡單的網站,但不如 Beaver Builder 等頁面構建器或具有多層的內容區域強大。
空白古騰堡主題
沒有“空白的古騰堡主題”之類的東西。 Gutenberg 是一個內容編輯器,而不是一個主題。
Bill Erickson 提供了以下 Gutenberg Starter Themes。 自定義 WordPress 主題建立在 WordPress 入門主題之上,非常值得花時間和精力。 我目前正在為我的兩個對 Gutenberg 友好的入門主題編寫教程,其中包括用於自定義的鉤子和過濾器。 哪些是一些好的古騰堡入門主題? 請允許其他人看到它們,如果您有任何評論,請發表評論。
向空白頁添加內容
因此,您現在可以開始向您的網站添加內容。 更多信息可以在空白頁模板頁面上找到。