核心要點(diǎn)

• Daniel Bachhuber 編寫的 Gutenberg 遷移指南是開發(fā)人員必備資源，可幫助他們調(diào)整 WordPress 主題和插件，使其與新的 Gutenberg 編輯器兼容。它比較了經(jīng)典編輯器和 Gutenberg 之間的自定義點(diǎn)，並涵蓋了所有受影響的鉤子和經(jīng)典編輯器功能。
• 儘管 Gutenberg 的功能不斷增強(qiáng)，並為最終用戶和開發(fā)人員帶來了諸多益處，但許多 WordPress 開發(fā)人員對(duì)其產(chǎn)品的適應(yīng)速度仍然緩慢。然而，隨著 Gutenberg 成為 WordPress 的新默認(rèn)編輯器，確保主題和插件與其兼容至關(guān)重要。
• Gutenberg 遷移指南佈局清晰，易於使用，它提供了鉤子使用方法的實(shí)際示例、Gutenberg 中等效鉤子的屏幕截圖以及對(duì) Gutenberg 開發(fā)人員手冊(cè)的引用。但是，它仍然需要 WordPress 社區(qū)的更多貢獻(xiàn)才能充分發(fā)揮其潛力。

本文關(guān)於 Gutenberg 遷移指南的文章最初由 Torque 雜誌發(fā)表，經(jīng)許可在此轉(zhuǎn)載。

無論您喜歡與否，Gutenberg 都已成為 WordPress 的一部分。因此，讓您的 WordPress 主題和插件與新的編輯器配合使用應(yīng)該是一個(gè)首要任務(wù)。說實(shí)話，如果您現(xiàn)在才開始考慮這方面的問題，那麼您已經(jīng)錯(cuò)過了很多時(shí)間。但是，仍然有足夠的時(shí)間來準(zhǔn)備您的產(chǎn)品，特別是藉助一些第三方幫助。

Daniel Bachhuber 與 Gutenberg 相關(guān)的項(xiàng)目以前曾在 Torque 博客上發(fā)表過，而這也是一個(gè)值得關(guān)注的項(xiàng)目。調(diào)整您的插件以使其與 Gutenberg 兼容可能是一項(xiàng)棘手的任務(wù)，但 Gutenberg 遷移指南應(yīng)該可以幫助您完成切換。這是一個(gè)方便的參考指南，用於比較 WordPress 經(jīng)典編輯器和 Gutenberg 之間的自定義點(diǎn)。

在這篇文章中，我們將整體了解該項(xiàng)目並討論其工作原理。然後，我們將討論如何確保您的插件和主題已準(zhǔn)備好使用 Gutenberg。讓我們開始吧！

Gutenberg 編輯器的當(dāng)前狀態(tài)

我們?cè)?Torque 博客上多次討論過 Gutenberg 的歷史，因此這裡不再贅述。但是，為了提供一些背景信息，Gutenberg 最終將成為 WordPress 的新默認(rèn)編輯器。它將取代當(dāng)前使用的 TinyMCE 版本。雖然 Gutenberg 現(xiàn)在已不再是測試版，但我們?nèi)栽诘却摬寮蟻愕胶诵钠脚_(tái)中。

然而，儘管 Gutenberg 的功能背後有充分的理由，但許多人對(duì)編輯器目前缺乏完善性感到不滿。考慮到該項(xiàng)目的當(dāng)前狀態(tài)，這種評(píng)價(jià)可能有些苛刻。無論如何，高度的批評(píng)導(dǎo)致許多 WordPress 開發(fā)人員缺乏行動(dòng)，尤其是在使其產(chǎn)品達(dá)到標(biāo)準(zhǔn)方面。

然而，這並沒有阻止一些精明的開發(fā)人員嘗試抓住早期採用者的市場。例如，非常流行的 Elementor Pro 頁面構(gòu)建器現(xiàn)在包含許多與 Gutenberg 兼容的“塊”。其他開發(fā)人員也開始將此功能作為標(biāo)準(zhǔn)功能：

我們最終看到與 Gutenberg 相關(guān)的功能出現(xiàn)在商業(yè)主題中這一事實(shí)應(yīng)該可以使情況更明朗。換句話說，一些開發(fā)人員已經(jīng)研究他們的 Gutenberg 解決方案有一段時(shí)間了。現(xiàn)在，他們開始向公眾提供這些解決方案。

如果您尚未開始這樣做，您可能需要一些幫助才能入門。幸運(yùn)的是，有一個(gè)偉大的倡議可以提供這種幫助。

介紹 Gutenberg 遷移指南

在將您的功能遷移到 Gutenberg 的過程中獲得一些支持可能會(huì)受到許多開發(fā)人員的歡迎。為此，Daniel Bachhuber（最近已成為 Gutenberg 相關(guān)倡議的焦點(diǎn)）創(chuàng)建了 Gutenberg 遷移指南。

這是一個(gè)資源，可幫助開發(fā)人員將其以 TinyMCE 為中心的插件和主題移植到新的編輯器。它包含大量屏幕截圖以及對(duì) Gutenberg 開發(fā)人員手冊(cè)的方便引用。您可以將其視為 Gutenberg 自己的“Codex”，儘管它不被歸類為 WordPress Codex 的官方部分。

本指南還包括一個(gè)簡短的概述，列出了每個(gè) TinyMCE 編輯器自定義點(diǎn)及其 Gutenberg 等效項(xiàng)。此外，它還涵蓋了所有受影響的鉤子和經(jīng)典編輯器功能。當(dāng)您嘗試查找將功能移植到 Gutenberg 的解決方案時(shí)，這顯然將成為重要的參考資源。

如何幫助 Gutenberg 遷移項(xiàng)目取得成功

正如 4 月底在 Make WordPress 博客文章中概述的那樣，Daniel 正在尋求眾包這個(gè)項(xiàng)目，而不是保持唯一的貢獻(xiàn)者。然而，儘管構(gòu)成新編輯器的組件眾多，但額外的貢獻(xiàn)卻很少：

因此，特別是考慮到該項(xiàng)目的高價(jià)值，需要更多貢獻(xiàn)者來幫助完善本指南。要開始貢獻(xiàn)，您可以像往常一樣發(fā)送拉取請(qǐng)求，然後將其批準(zhǔn)並合併到指南中。您還可以通過打開 GitHub 問題來建議新的鉤子（或提出問題）。

如何使用 Gutenberg 遷移指南來交付現(xiàn)代 WordPress 插件

實(shí)際使用 Gutenberg 遷移指南非常簡單，這主要是因?yàn)槠鋪丫志袟l：

您會(huì)在每一頁的頂部找到對(duì)相關(guān) TinyMCE 編輯器操作或過濾器的引用，然後是其在 WordPress 中使用的通用示例。接下來，您將找到鉤子使用方法的實(shí)際示例。這是該項(xiàng)目需要更多貢獻(xiàn)的一個(gè)領(lǐng)域。許多插件會(huì)向編輯器添加自己的功能，這些功能需要記錄在案。

在下面，您將找到 Gutenberg 中等效鉤子的屏幕截圖。這將附帶簡要說明您可以在哪裡找到該鉤子，以及關(guān)於其使用的任何深?yuàn)W信息。最後，還有一個(gè)方便的 Gutenberg 開發(fā)人員手冊(cè)參考，如果您需要更多信息，可以幫助您。

總的來說，這是一個(gè)非常有用的 Gutenberg 開發(fā)人員參考指南，在遷移過程中應(yīng)該將其添加為書籤。在我們看來，您應(yīng)該首先查看的部件是那些尚未切換到 Gutenberg 的部件。例如，許多 edit_form 操作在 Gutenberg 中不再兼容。根據(jù)您的主題或插件的功能，這可能需要全面的解決方法。

最後，兩個(gè)尚未合併到 Gutenberg 的經(jīng)典編輯器功能是“屏幕選項(xiàng)”選項(xiàng)卡和非官方的自定義帖子狀態(tài)功能。前者可能會(huì)讓許多開發(fā)人員更擔(dān)心，因?yàn)檫@是許多 WordPress 用戶發(fā)現(xiàn)有用的“強(qiáng)大”功能。

確保您的主題和插件能夠適應(yīng)這兩個(gè)編輯器至關(guān)重要。正如您所看到的，Gutenberg 遷移指南將幫助您實(shí)現(xiàn)這一目標(biāo)。

結(jié)論

Gutenberg 有其批評(píng)者，但每次測試版更新都帶來了更多內(nèi)容。新的編輯器正在慢慢成為創(chuàng)建 WordPress 佈局的強(qiáng)大方法，這對(duì)最終用戶和開發(fā)人員來說都是好消息。

此外，Daniel Bachhuber 的 Gutenberg 遷移指南對(duì)於那些需要快速調(diào)整自己項(xiàng)目的人來說是一個(gè)極好的資源。它本身非常易於使用，但仍然需要 WordPress 社區(qū)的幫助才能充分發(fā)揮其潛力。為了提供幫助，您可以發(fā)送拉取請(qǐng)求、打開 GitHub 問題，甚至可以提供您自己 TinyMCE 編輯器功能的 Gutenberg 等效項(xiàng)的實(shí)際示例。

關(guān)於使用 Gutenberg 遷移指南的現(xiàn)代 WordPress 插件的常見問題解答

什麼是 WordPress 中的 Gutenberg？

Gutenberg 是在 WordPress 5.0 中引入的新編輯器。它取代了之前的 TinyMCE 編輯器，並提供了一種更直觀、基於塊的內(nèi)容創(chuàng)建方法。每一段內(nèi)容，無論是段落、圖像還是視頻，都是一個(gè)您可以單獨(dú)操作的塊，從而提供更大的靈活性和對(duì)內(nèi)容佈局的控制。

如何遷移到 Gutenberg？

遷移到 Gutenberg 包括安裝和激活 Gutenberg 插件或更新到 WordPress 5.0 或更高版本。激活後，Gutenberg 將取代默認(rèn)編輯器。建議在進(jìn)行切換之前備份您的網(wǎng)站，並首先在暫存網(wǎng)站上測試新編輯器。

什麼是 Gutenberg 塊？

Gutenberg 塊是您在 Gutenberg 編輯器中用來構(gòu)建內(nèi)容的各個(gè)元素。有各種類型內(nèi)容的塊，包括段落、圖像、視頻、列等等。每個(gè)塊都可以自定義和排列以創(chuàng)建獨(dú)特的佈局。

如何向 Gutenberg 添加新塊？

您可以通過單擊編輯器中的加號(hào) ( ) 圖標(biāo)來向 Gutenberg 添加新塊。這將打開一個(gè)菜單，您可以在其中搜索並選擇要添加的塊類型。還有一些插件可以向 Gutenberg 添加其他塊。

我仍然可以使用我的舊插件與 Gutenberg 兼容嗎？

是的，大多數(shù)現(xiàn)有的 WordPress 插件都應(yīng)該與 Gutenberg 兼容。但是，某些插件可能不兼容，並可能導(dǎo)致問題。建議在將所有插件用於您的實(shí)時(shí)網(wǎng)站之前，在暫存網(wǎng)站上使用 Gutenberg 測試所有插件。

一些推薦的 Gutenberg 塊插件是什麼？

有很多很棒的 Gutenberg 塊插件可用。一些流行的插件包括 Advanced Gutenberg、Stackable 和 Atomic Blocks。這些插件向 Gutenberg 添加了各種其他塊，為您提供了更多內(nèi)容選項(xiàng)。

如何自定義 Gutenberg 塊？

可以使用編輯器中的塊設(shè)置來自定義 Gutenberg 塊。這些設(shè)置允許您更改塊的外觀、佈局和其他屬性。某些塊還支持通過 CSS 進(jìn)行其他自定義。

如果我不喜歡 Gutenberg，我可以恢復(fù)到舊編輯器嗎？

是的，如果您更喜歡舊編輯器，您可以安裝並激活 Classic Editor 插件。這將禁用 Gutenberg 並恢復(fù)以前的 TinyMCE 編輯器。

Gutenberg 是否對(duì) SEO 友好？

是的，Gutenberg 旨在對(duì) SEO 友好?；秹K的結(jié)構(gòu)使創(chuàng)建乾淨(jìng)、結(jié)構(gòu)化的內(nèi)容更容易，搜索引擎更容易理解。但是，與任何內(nèi)容一樣，務(wù)必遵循 SEO 的最佳實(shí)踐。

如何學(xué)習(xí)使用 Gutenberg？

有很多資源可以幫助您學(xué)習(xí) Gutenberg。 WordPress 在 Gutenberg 編輯器中提供教程，並且還有許多在線教程和指南可用。實(shí)踐和實(shí)驗(yàn)也是學(xué)習(xí)新編輯器來龍去脈的好方法。

以上是現(xiàn)代WordPress插件和Gutenberg遷移指南的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！