核心要點
- Daniel Bachhuber 編寫的 Gutenberg 遷移指南是開發(fā)人員必備資源，可幫助他們調(diào)整 WordPress 主題和插件，使其與新的 Gutenberg 編輯器兼容。它比較了經(jīng)典編輯器和 Gutenberg 之間的自定義點，並涵蓋了所有受影響的鉤子和經(jīng)典編輯器功能。
- 儘管 Gutenberg 的功能不斷增強，並為最終用戶和開發(fā)人員帶來了諸多益處，但許多 WordPress 開發(fā)人員對其產(chǎn)品的適應速度仍然緩慢。然而，隨著 Gutenberg 成為 WordPress 的新默認編輯器，確保主題和插件與其兼容至關重要。
- Gutenberg 遷移指南佈局清晰，易於使用，它提供了鉤子使用方法的實際示例、Gutenberg 中等效鉤子的屏幕截圖以及對 Gutenberg 開發(fā)人員手冊的引用。但是，它仍然需要 WordPress 社區(qū)的更多貢獻才能充分發(fā)揮其潛力。
本文關於 Gutenberg 遷移指南的文章最初由 Torque 雜誌發(fā)表，經(jīng)許可在此轉(zhuǎn)載。
無論您喜歡與否，Gutenberg 都已成為 WordPress 的一部分。因此，讓您的 WordPress 主題和插件與新的編輯器配合使用應該是一個首要任務。說實話，如果您現(xiàn)在才開始考慮這方面的問題，那麼您已經(jīng)錯過了很多時間。但是，仍然有足夠的時間來準備您的產(chǎn)品，特別是藉助一些第三方幫助。
Daniel Bachhuber 與 Gutenberg 相關的項目以前曾在 Torque 博客上發(fā)表過，而這也是一個值得關注的項目。調(diào)整您的插件以使其與 Gutenberg 兼容可能是一項棘手的任務，但 Gutenberg 遷移指南應該可以幫助您完成切換。這是一個方便的參考指南，用於比較 WordPress 經(jīng)典編輯器和 Gutenberg 之間的自定義點。
在這篇文章中，我們將整體了解該項目並討論其工作原理。然後，我們將討論如何確保您的插件和主題已準備好使用 Gutenberg。讓我們開始吧！
Gutenberg 編輯器的當前狀態(tài)
我們在 Torque 博客上多次討論過 Gutenberg 的歷史，因此這裡不再贅述。但是，為了提供一些背景信息，Gutenberg 最終將成為 WordPress 的新默認編輯器。它將取代當前使用的 TinyMCE 版本。雖然 Gutenberg 現(xiàn)在已不再是測試版，但我們?nèi)栽诘却摬寮蟻愕胶诵钠脚_中。
然而，儘管 Gutenberg 的功能背後有充分的理由，但許多人對編輯器目前缺乏完善性感到不滿?？紤]到該項目的當前狀態(tài)，這種評價可能有些苛刻。無論如何，高度的批評導致許多 WordPress 開發(fā)人員缺乏行動，尤其是在使其產(chǎn)品達到標準方面。
然而，這並沒有阻止一些精明的開發(fā)人員嘗試抓住早期採用者的市場。例如，非常流行的 Elementor Pro 頁面構建器現(xiàn)在包含許多與 Gutenberg 兼容的“塊”。其他開發(fā)人員也開始將此功能作為標準功能：
我們最終看到與 Gutenberg 相關的功能出現(xiàn)在商業(yè)主題中這一事實應該可以使情況更明朗。換句話說，一些開發(fā)人員已經(jīng)研究他們的 Gutenberg 解決方案有一段時間了?，F(xiàn)在，他們開始向公眾提供這些解決方案。
如果您尚未開始這樣做，您可能需要一些幫助才能入門。幸運的是，有一個偉大的倡議可以提供這種幫助。
介紹 Gutenberg 遷移指南
在將您的功能遷移到 Gutenberg 的過程中獲得一些支持可能會受到許多開發(fā)人員的歡迎。為此，Daniel Bachhuber（最近已成為 Gutenberg 相關倡議的焦點）創(chuàng)建了 Gutenberg 遷移指南。
這是一個資源，可幫助開發(fā)人員將其以 TinyMCE 為中心的插件和主題移植到新的編輯器。它包含大量屏幕截圖以及對 Gutenberg 開發(fā)人員手冊的方便引用。您可以將其視為 Gutenberg 自己的“Codex”，儘管它不被歸類為 WordPress Codex 的官方部分。
本指南還包括一個簡短的概述，列出了每個 TinyMCE 編輯器自定義點及其 Gutenberg 等效項。此外，它還涵蓋了所有受影響的鉤子和經(jīng)典編輯器功能。當您嘗試查找將功能移植到 Gutenberg 的解決方案時，這顯然將成為重要的參考資源。
如何幫助 Gutenberg 遷移項目取得成功
正如 4 月底在 Make WordPress 博客文章中概述的那樣，Daniel 正在尋求眾包這個項目，而不是保持唯一的貢獻者。然而，儘管構成新編輯器的組件眾多，但額外的貢獻卻很少：
因此，特別是考慮到該項目的高價值，需要更多貢獻者來幫助完善本指南。要開始貢獻，您可以像往常一樣發(fā)送拉取請求，然後將其批準並合併到指南中。您還可以通過打開 GitHub 問題來建議新的鉤子（或提出問題）。
如何使用 Gutenberg 遷移指南來交付現(xiàn)代 WordPress 插件
實際使用 Gutenberg 遷移指南非常簡單，這主要是因為其佈局井井有條：
您會在每一頁的頂部找到對相關 TinyMCE 編輯器操作或過濾器的引用，然後是其在 WordPress 中使用的通用示例。接下來，您將找到鉤子使用方法的實際示例。這是該項目需要更多貢獻的一個領域。許多插件會向編輯器添加自己的功能，這些功能需要記錄在案。
在下面，您將找到 Gutenberg 中等效鉤子的屏幕截圖。這將附帶簡要說明您可以在哪裡找到該鉤子，以及關於其使用的任何深奧信息。最後，還有一個方便的 Gutenberg 開發(fā)人員手冊參考，如果您需要更多信息，可以幫助您。
總的來說，這是一個非常有用的 Gutenberg 開發(fā)人員參考指南，在遷移過程中應該將其添加為書籤。在我們看來，您應該首先查看的部件是那些尚未切換到 Gutenberg 的部件。例如，許多 edit_form 操作在 Gutenberg 中不再兼容。根據(jù)您的主題或插件的功能，這可能需要全面的解決方法。
最後，兩個尚未合併到 Gutenberg 的經(jīng)典編輯器功能是“屏幕選項”選項卡和非官方的自定義帖子狀態(tài)功能。前者可能會讓許多開發(fā)人員更擔心，因為這是許多 WordPress 用戶發(fā)現(xiàn)有用的“強大”功能。
確保您的主題和插件能夠適應這兩個編輯器至關重要。正如您所看到的，Gutenberg 遷移指南將幫助您實現(xiàn)這一目標。
結論
Gutenberg 有其批評者，但每次測試版更新都帶來了更多內(nèi)容。新的編輯器正在慢慢成為創(chuàng)建 WordPress 佈局的強大方法，這對最終用戶和開發(fā)人員來說都是好消息。
此外，Daniel Bachhuber 的 Gutenberg 遷移指南對於那些需要快速調(diào)整自己項目的人來說是一個極好的資源。它本身非常易於使用，但仍然需要 WordPress 社區(qū)的幫助才能充分發(fā)揮其潛力。為了提供幫助，您可以發(fā)送拉取請求、打開 GitHub 問題，甚至可以提供您自己 TinyMCE 編輯器功能的 Gutenberg 等效項的實際示例。
關於使用 Gutenberg 遷移指南的現(xiàn)代 WordPress 插件的常見問題解答
什麼是 WordPress 中的 Gutenberg？
Gutenberg 是在 WordPress 5.0 中引入的新編輯器。它取代了之前的 TinyMCE 編輯器，並提供了一種更直觀、基於塊的內(nèi)容創(chuàng)建方法。每一段內(nèi)容，無論是段落、圖像還是視頻，都是一個您可以單獨操作的塊，從而提供更大的靈活性和對內(nèi)容佈局的控制。
如何遷移到 Gutenberg？
遷移到 Gutenberg 包括安裝和激活 Gutenberg 插件或更新到 WordPress 5.0 或更高版本。激活後，Gutenberg 將取代默認編輯器。建議在進行切換之前備份您的網(wǎng)站，並首先在暫存網(wǎng)站上測試新編輯器。
什麼是 Gutenberg 塊？
Gutenberg 塊是您在 Gutenberg 編輯器中用來構建內(nèi)容的各個元素。有各種類型內(nèi)容的塊，包括段落、圖像、視頻、列等等。每個塊都可以自定義和排列以創(chuàng)建獨特的佈局。
如何向 Gutenberg 添加新塊？
您可以通過單擊編輯器中的加號 ( ) 圖標來向 Gutenberg 添加新塊。這將打開一個菜單，您可以在其中搜索並選擇要添加的塊類型。還有一些插件可以向 Gutenberg 添加其他塊。
我仍然可以使用我的舊插件與 Gutenberg 兼容嗎？
是的，大多數(shù)現(xiàn)有的 WordPress 插件都應該與 Gutenberg 兼容。但是，某些插件可能不兼容，並可能導致問題。建議在將所有插件用於您的實時網(wǎng)站之前，在暫存網(wǎng)站上使用 Gutenberg 測試所有插件。
一些推薦的 Gutenberg 塊插件是什麼？
有很多很棒的 Gutenberg 塊插件可用。一些流行的插件包括 Advanced Gutenberg、Stackable 和 Atomic Blocks。這些插件向 Gutenberg 添加了各種其他塊，為您提供了更多內(nèi)容選項。
如何自定義 Gutenberg 塊？
可以使用編輯器中的塊設置來自定義 Gutenberg 塊。這些設置允許您更改塊的外觀、佈局和其他屬性。某些塊還支持通過 CSS 進行其他自定義。
如果我不喜歡 Gutenberg，我可以恢復到舊編輯器嗎？
是的，如果您更喜歡舊編輯器，您可以安裝並激活 Classic Editor 插件。這將禁用 Gutenberg 並恢復以前的 TinyMCE 編輯器。
Gutenberg 是否對 SEO 友好？
是的，Gutenberg 旨在對 SEO 友好。基於塊的結構使創(chuàng)建乾淨、結構化的內(nèi)容更容易，搜索引擎更容易理解。但是，與任何內(nèi)容一樣，務必遵循 SEO 的最佳實踐。
如何學習使用 Gutenberg？
有很多資源可以幫助您學習 Gutenberg。 WordPress 在 Gutenberg 編輯器中提供教程，並且還有許多在線教程和指南可用。實踐和實驗也是學習新編輯器來龍去脈的好方法。
以上是現(xiàn)代WordPress插件和Gutenberg遷移指南的詳細內(nèi)容。更多資訊請關注PHP中文網(wǎng)其他相關文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何使用WordPress測試環(huán)境
Jun 24, 2025 pm 05:13 PM
使用WordPress測試環(huán)境是為了確保新功能、插件或主題在正式上線前的安全性和兼容性，避免影響真實網(wǎng)站。搭建測試環(huán)境的步驟包括：下載安裝本地服務器軟件（如LocalWP、XAMPP），創(chuàng)建站點、設置數(shù)據(jù)庫和管理員賬號，安裝主題和插件進行測試；複製正式網(wǎng)站到測試環(huán)境的方法是通過插件導出站點、導入測試環(huán)境並替換域名；使用時應注意不使用真實用戶數(shù)據(jù)、定期清理無用數(shù)據(jù)、備份測試狀態(tài)、適時重置環(huán)境，並統(tǒng)一團隊配置以減少差異問題。
如何將git與WordPress一起使用
Jun 26, 2025 am 12:23 AM
使用Git管理WordPress項目時，應只將主題、自定義插件和配置文件納入版本控制；設置.gitignore文件以忽略上傳目錄、緩存和敏感配置；利用webhook或CI工具實現(xiàn)自動部署並註意數(shù)據(jù)庫處理；採用兩分支策略（main/develop）進行協(xié)作開發(fā)。這樣做可避免衝突、保障安全，並提升協(xié)作與部署效率。
如何創(chuàng)建一個簡單的Gutenberg塊
Jun 28, 2025 am 12:13 AM
創(chuàng)建Gutenberg塊的關鍵在於理解其基本結構並正確連接前後端資源。 1.準備開發(fā)環(huán)境：安裝本地WordPress、Node.js和@wordpress/scripts；2.使用PHP註冊塊並用JavaScript定義塊的編輯和顯示邏輯；3.通過npm構建JS文件以使更改生效；4.遇到問題時檢查路徑、圖標是否正確或使用實時監(jiān)聽構建避免重複手動編譯。按照這些步驟，可以逐步實現(xiàn)一個簡單的Gutenberg塊。
如何在WordPress htaccess中設置重定向
Jun 25, 2025 am 12:19 AM
tosetupredirectsinwordpressingthe.htaccessfile，locateThEfileInyourSite'sRootDirectorectoryAndDrectRectrulesabovethe＃beginWordPresssection.forbasic301redirects，USETHEETHEETERECTREFTATRECTATREDERTREFTATREDERTREFTATRECTRECTATRECTRECTATREDECT301/OLD-PAGEHTTPS：
如何以編程方式刷新規(guī)則
Jun 27, 2025 am 12:21 AM
在WordPress中，當新增自定義文章類型或修改固定鏈接結構後，需手動刷新重寫規(guī)則，此時可通過代碼調(diào)用flush_rewrite_rules()函數(shù)實現(xiàn)。 1.可在主題或插件激活鉤子中添加該函數(shù)以自動刷新；2.僅在必要時執(zhí)行一次，如添加CPT、分類法或修改鏈接結構後；3.避免頻繁調(diào)用以免影響性能；4.多站點環(huán)境下需視情況為每個站點單獨刷新；5.某些託管環(huán)境可能限制規(guī)則保存。此外，訪問“設置>固定鏈接”頁麵點擊保存也可觸髮刷新，適合非自動化場景。
如何使用SMTP從WordPress發(fā)送電子郵件
Jun 27, 2025 am 12:30 AM
UsingsMtpForWordPresseMailSimProvesDeliverabilitialComparedComparedTothEdeDefaultPhpMail（）函數(shù).1.smtpauthenticateswithyouremailserver.2.somemomehostsdisablesablephpmail（）
如何使WordPress主題響應迅速
Jun 28, 2025 am 12:14 AM
要實現(xiàn)響應式WordPress主題設計，首先要使用HTML5和移動優(yōu)先的Meta標籤，在header.php中添加viewport設置以確保移動端正確顯示，並用HTML5結構標籤組織佈局；其次，利用CSS媒體查詢實現(xiàn)不同屏幕寬度下的樣式適配，按移動優(yōu)先原則編寫樣式，常用斷點包括480px、768px和1024px；第三，彈性處理圖片和佈局，為圖片設置max-width:100%並使用Flexbox或Grid佈局替代固定寬度；最後，通過瀏覽器開發(fā)者工具和真實設備進行充分測試，優(yōu)化加載性能，確保響應
如何將第三方API與WordPress集成
Jun 29, 2025 am 12:03 AM
TOINTEGRATETHIRD-PARTYAPISINTOWORDPRESS，關注臺詞：1.SelectAutableabepianDobtainCredentialslikeapikeYsoroAuthtoKensByEnterRegisteringThemSecure.2.ChooseBeteBetB????eteBetB????eteBetB????etebetInpliCityOorcustimplicityOrcustomPliCoseTompliCoseTomploomcoseusionfunctionfunctionfunctibunitiacuciencipuity forfunigation。
