首頁 > CMS教程 > &#&按 > 現代WordPress插件和Gutenberg遷移指南

現代WordPress插件和Gutenberg遷移指南

William Shakespeare
發布: 2025-02-09 11:02:08
原創
905 人瀏覽過

Modern WordPress Plugins with the Gutenberg Migration Guide

核心要點

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

本文關於 Gutenberg 遷移指南的文章最初由 Torque 雜誌發表,經許可在此轉載。

無論您喜歡與否,Gutenberg 都已成為 WordPress 的一部分。因此,讓您的 WordPress 主題和插件與新的編輯器配合使用應該是一個首要任務。說實話,如果您現在才開始考慮這方面的問題,那麼您已經錯過了很多時間。但是,仍然有足夠的時間來準備您的產品,特別是藉助一些第三方幫助。

Daniel Bachhuber 與 Gutenberg 相關的項目以前曾在 Torque 博客上發表過,而這也是一個值得關注的項目。調整您的插件以使其與 Gutenberg 兼容可能是一項棘手的任務,但 Gutenberg 遷移指南應該可以幫助您完成切換。這是一個方便的參考指南,用於比較 WordPress 經典編輯器和 Gutenberg 之間的自定義點。

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

Gutenberg 編輯器的當前狀態

我們在 Torque 博客上多次討論過 Gutenberg 的歷史,因此這裡不再贅述。但是,為了提供一些背景信息,Gutenberg 最終將成為 WordPress 的新默認編輯器。它將取代當前使用的 TinyMCE 版本。雖然 Gutenberg 現在已不再是測試版,但我們仍在等待該插件合併到核心平台中。

然而,儘管 Gutenberg 的功能背後有充分的理由,但許多人對編輯器目前缺乏完善性感到不滿。考慮到該項目的當前狀態,這種評價可能有些苛刻。無論如何,高度的批評導致許多 WordPress 開發人員缺乏行動,尤其是在使其產品達到標準方面。

然而,這並沒有阻止一些精明的開發人員嘗試抓住早期採用者的市場。例如,非常流行的 Elementor Pro 頁面構建器現在包含許多與 Gutenberg 兼容的“塊”。其他開發人員也開始將此功能作為標準功能:

Modern WordPress Plugins with the Gutenberg Migration Guide

我們最終看到與 Gutenberg 相關的功能出現在商業主題中這一事實應該可以使情況更明朗。換句話說,一些開發人員已經研究他們的 Gutenberg 解決方案有一段時間了。現在,他們開始向公眾提供這些解決方案。

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

介紹 Gutenberg 遷移指南

在將您的功能遷移到 Gutenberg 的過程中獲得一些支持可能會受到許多開發人員的歡迎。為此,Daniel Bachhuber(最近已成為 Gutenberg 相關倡議的焦點)創建了 Gutenberg 遷移指南。

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

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

如何幫助 Gutenberg 遷移項目取得成功

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

Modern WordPress Plugins with the Gutenberg Migration Guide

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

如何使用 Gutenberg 遷移指南來交付現代 WordPress 插件

實際使用 Gutenberg 遷移指南非常簡單,這主要是因為其佈局井井有條:

Modern WordPress Plugins with the Gutenberg Migration Guide

您會在每一頁的頂部找到對相關 TinyMCE 編輯器操作或過濾器的引用,然後是其在 WordPress 中使用的通用示例。接下來,您將找到鉤子使用方法的實際示例。這是該項目需要更多貢獻的一個領域。許多插件會向編輯器添加自己的功能,這些功能需要記錄在案。

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

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

最後,兩個尚未合併到 Gutenberg 的經典編輯器功能是“屏幕選項”選項卡和非官方的自定義帖子狀態功能。前者可能會讓許多開發人員更擔心,因為這是許多 WordPress 用戶發現有用的“強大”功能。

確保您的主題和插件能夠適應這兩個編輯器至關重要。正如您所看到的,Gutenberg 遷移指南將幫助您實現這一目標。

結論

Gutenberg 有其批評者,但每次測試版更新都帶來了更多內容。新的編輯器正在慢慢成為創建 WordPress 佈局的強大方法,這對最終用戶和開發人員來說都是好消息。

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

關於使用 Gutenberg 遷移指南的現代 WordPress 插件的常見問題解答

什麼是 WordPress 中的 Gutenberg?

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

如何遷移到 Gutenberg?

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

什麼是 Gutenberg 塊?

Gutenberg 塊是您在 Gutenberg 編輯器中用來構建內容的各個元素。有各種類型內容的塊,包括段落、圖像、視頻、列等等。每個塊都可以自定義和排列以創建獨特的佈局。

如何向 Gutenberg 添加新塊?

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

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

是的,大多數現有的 WordPress 插件都應該與 Gutenberg 兼容。但是,某些插件可能不兼容,並可能導致問題。建議在將所有插件用於您的實時網站之前,在暫存網站上使用 Gutenberg 測試所有插件。

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

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

如何自定義 Gutenberg 塊?

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

如果我不喜歡 Gutenberg,我可以恢復到舊編輯器嗎?

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

Gutenberg 是否對 SEO 友好?

是的,Gutenberg 旨在對 SEO 友好。基於塊的結構使創建乾淨、結構化的內容更容易,搜索引擎更容易理解。但是,與任何內容一樣,務必遵循 SEO 的最佳實踐。

如何學習使用 Gutenberg?

有很多資源可以幫助您學習 Gutenberg。 WordPress 在 Gutenberg 編輯器中提供教程,並且還有許多在線教程和指南可用。實踐和實驗也是學習新編輯器來龍去脈的好方法。

以上是現代WordPress插件和Gutenberg遷移指南的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板