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

現代WordPress插件和Gutenberg遷移指南

Feb 09, 2025 am 11:02 AM

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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1655
14
CakePHP 教程
1414
52
Laravel 教程
1307
25
PHP教程
1253
29
C# 教程
1227
24
如何開始WordPress博客:初學者的分步指南 如何開始WordPress博客:初學者的分步指南 Apr 17, 2025 am 08:25 AM

博客是人們在網上表達觀點、意見和見解的理想平台。許多新手渴望建立自己的網站,卻因擔心技術障礙或成本問題而猶豫不決。然而,隨著平台不斷發展以滿足初學者的能力和需求,現在開始變得比以往任何時候都更容易。 本文將逐步指導您如何建立一個WordPress博客,從主題選擇到使用插件提升安全性和性能,助您輕鬆創建自己的網站。 選擇博客主題和方向 在購買域名或註冊主機之前,最好先確定您計劃涵蓋的主題。個人網站可以圍繞旅行、烹飪、產品評論、音樂或任何激發您興趣的愛好展開。專注於您真正感興趣的領域可以鼓勵持續寫作

wordpress文章列表怎麼調 wordpress文章列表怎麼調 Apr 20, 2025 am 10:48 AM

有四種方法可以調整 WordPress 文章列表:使用主題選項、使用插件(如 Post Types Order、WP Post List、Boxy Stuff)、使用代碼(在 functions.php 文件中添加設置)或直接修改 WordPress 數據庫。

如何在 WordPress 中獲取登錄用戶信息以獲得個性化結果 如何在 WordPress 中獲取登錄用戶信息以獲得個性化結果 Apr 19, 2025 pm 11:57 PM

最近,我們向您展示瞭如何通過允許用戶將自己喜歡的帖子保存在個性化庫中來為用戶創建個性化體驗。您可以通過在某些地方(即歡迎屏幕)使用他們的名字,將個性化結果提升到另一個水平。幸運的是,WordPress使獲取登錄用戶的信息變得非常容易。在本文中,我們將向您展示如何檢索與當前登錄用戶相關的信息。我們將利用get_currentuserinfo(); 功能。這可以在主題中的任何地方使用(頁眉、頁腳、側邊欄、頁面模板等)。為了使其工作,用戶必須登錄。因此我們需要使用

如何在父分類的存檔頁面上顯示子分類 如何在父分類的存檔頁面上顯示子分類 Apr 19, 2025 pm 11:54 PM

您想了解如何在父分類存檔頁面上顯示子分類嗎?在自定義分類存檔頁面時,您可能需要執行此操作,以使其對訪問者更有用。在本文中,我們將向您展示如何在父分類存檔頁面上輕鬆顯示子分類。為什麼在父分類存檔頁面上顯示子分類?通過在父分類存檔頁面上顯示所有子分類,您可以使其不那麼通用,對訪問者更有用。例如,如果您運行一個關於書籍的WordPress博客,並且有一個名為“主題”的分類法,那麼您可以添加“小說”、“非小說”等子分類法,以便您的讀者可以

如何在 WordPress 中按帖子過期日期對帖子進行排序 如何在 WordPress 中按帖子過期日期對帖子進行排序 Apr 19, 2025 pm 11:48 PM

過去,我們分享過如何使用PostExpirator插件使WordPress中的帖子過期。好吧,在創建活動列表網站時,我們發現這個插件非常有用。我們可以輕鬆刪除過期的活動列表。其次,多虧了這個插件,按帖子過期日期對帖子進行排序也非常容易。在本文中,我們將向您展示如何在WordPress中按帖子過期日期對帖子進行排序。更新了代碼以反映插件中更改自定義字段名稱的更改。感謝Tajim在評論中讓我們知道。在我們的特定項目中,我們將事件作為自定義帖子類型。現在

如何使用 IFTTT 自動化 WordPress 和社交媒體(及更多) 如何使用 IFTTT 自動化 WordPress 和社交媒體(及更多) Apr 18, 2025 am 11:27 AM

您是否正在尋找自動化 WordPress 網站和社交媒體帳戶的方法? 通過自動化,您將能夠在 Facebook、Twitter、LinkedIn、Instagram 等平台上自動分享您的 WordPress 博客文章或更新。 在本文中,我們將向您展示如何使用 IFTTT、Zapier 和 Uncanny Automator 輕鬆實現 WordPress 和社交媒體的自動化。 為什麼要自動化 WordPress 和社交媒體? 自動化您的WordPre

如何在 WordPress 中顯示查詢數量和頁面加載時間 如何在 WordPress 中顯示查詢數量和頁面加載時間 Apr 19, 2025 pm 11:51 PM

我們的一位用戶詢問其他網站如何在頁腳中顯示查詢數量和頁面加載時間。您經常會在網站的頁腳中看到這一點,它可能會顯示類似以下內容:“1.248秒內64個查詢”。在本文中,我們將向您展示如何在WordPress中顯示查詢數量和頁面加載時間。只需將以下代碼粘貼到主題文件中您喜歡的任何位置(例如footer.php)。 queriesin

wordpress主機怎麼建站 wordpress主機怎麼建站 Apr 20, 2025 am 11:12 AM

要使用 WordPress 主機建站,需要:選擇一個可靠的主機提供商。購買一個域名。設置 WordPress 主機帳戶。選擇一個主題。添加頁面和文章。安裝插件。自定義您的網站。發布您的網站。

See all articles