WordPress 5.9 來了! 您錯過了哪些重大變化?

已發表: 2022-01-25

WordPress 5.9 約瑟芬來了! 這個 WordPress 版本原定於 2021 年 12 月 14 日發布。但由於一些問題和未解決的錯誤,最終發布被推遲,最終於 2022 年 1 月 25 日發布。

如果您想知道最重要的變化是什麼,答案是全站點編輯 (FSE)。 實際上,大多數新功能只有在您使用支持完整站點編輯的主題時才可用,例如二十二十二——新的默認主題。

使用 WordPress 5.9,我們進入了古騰堡路線圖的第二階段——定制階段。

現在,讓我們了解詳情!

目錄
[顯示隱藏]
  1. 全局樣式:“theme.json”文件的圖形界面
    1. 樣式預覽
    2. 排版
    3. 顏色
    4. 佈局
  2. 二十二十二主題和 WordPress 塊主題
  3. 更新的導航塊
  4. 性能改進
    1. 塊插入器增強功能
    2. 加載較少的 CSS
    3. 延遲加載性能改進
    4. 每個塊多個樣式表
  5. 最後的話

全局樣式:“theme.json”文件的圖形界面

在 WordPress 5.8 中,操作“theme.json”文件已成為主題開發人員自定義編輯器樣式和設置的標準方式。

WordPress 5.9 通過為其引入圖形界面將其提升到一個新的水平。 現在,用戶可以在塊級別或全局上為他們的站點自定義樣式預設,而無需觸及任何一行代碼。

由於全局樣式會影響 WordPress 網站設計的某些方面,因此它將極大地改變您自定義網站外觀的方式。

首先,全局樣式界面取代了定制器。 它是目前使用塊主題自定義樣式和設置的唯一方法。

同樣,將不再需要復雜的主題選項管理頁面。 這提供了一種配置主題設置和样式的新標準方法。

在站點編輯器中,現在可以使用新的側邊欄。 在頂部,您會發現一個小型預覽面板和五個元素,順序如下:

  • 樣式預覽
  • 排版
  • 顏色
  • 佈局
wordpress-5-9-1

讓我們仔細看看!

樣式預覽

第一個元素是預覽面板。 它允許您檢查自定義的結果。 當您的更改應用於編輯器畫布中不可見的元素時,這尤其有用。

wordpress-5-9-2

排版

這是您控製網站排版的地方。 此面板中可用的控件取決於“theme.json”文件中的內容。

wordpress-5-9-3

顏色

在這裡,您可以查看和編輯配色方案並自定義一些網站元素的顏色。

wordpress-5-9-4

通過單擊其中一個元素,您可以訪問一個新面板,您可以在其中從三個調色板中選擇顏色:主題、核心和自定義。 在這裡,您可以設置和修改所選元素的顏色。

wordpress-5-9-4

佈局

最後一組工具用於佈局自定義。 這僅限於全局上下文中的站點容器。

wordpress-5-9-5

隨著全局樣式的實施,您現在還可以更改特定塊的外觀和感覺,例如段落、按鈕、列等。

請注意,如果塊在相應的“block.json”文件中聲明支持特定功能,則只能從此處自定義塊樣式。

例如,由於核心帖子標題塊支持排版和顏色,您將在其塊的全局樣式設置中找到相應的條目。

wordpress-5-9-6

二十二十二主題和 WordPress 塊主題

使用 WordPress 5.9,您無需安裝 Gutenberg 插件即可在您的站點上啟用完整站點編輯。 您只需要使用塊主題。

此外,WordPress 5.9 還包含一個全新的默認主題——二十二十二。 它改變了遊戲規則,因為它是有史以來第一個默認塊主題。 此外,二十二十二是一個非常可定制和靈活的主題。

使用塊主題後,WordPress 儀表板管理菜單中將出現一個新的“編輯器(測試版)”菜單項。

wordpress-5-9-7

在編輯界面,您可以直觀地編輯您網站的首頁、模板和模板部分。 您還可以從此處訪問全局樣式界面。

wordpress-5-9-8

如您所見,您將找不到定制器。 那是因為它不支持塊主題。 這也是您無法預覽非活動塊主題的原因。

wordpress-5-9-9

如果您使用的是 Woostify 等傳統主題,並且擔心向後兼容性,請放心。 您可以繼續使用它。

目前有四種不同的主題類別供您選擇:

  • 塊主題:專為全站編輯設計的主題
  • 通用主題:可與定制器和編輯器一起使用的主題(測試版)
  • 混合主題:支持全站點編輯功能的經典主題
  • 經典主題:帶有“functions.php”文件、PHP 模板等的主題。

更新的導航塊

導航塊已經處於起步階段已有一段時間了。 現在所有懸而未決的問題都已解決,我們終於可以開始使用 WordPress 5.9 最強大的功能之一了。

首次添加導航塊時,塊佔位符提供三個選項:

  • 選擇現有菜單,
  • 創建一個包含所有頁面的菜單,
  • 或者從空白菜單重新開始。
wordpress-5-9-10

新的導航菜單允許您導入通過經典主題可用的外觀菜單屏幕創建的菜單。

wordpress-5-9-11

因此,如果您從經典主題切換到塊主題,則無需重建現有菜單。 只需選擇您當前的“經典菜單”之一。 它會自動轉換為基於塊的導航菜單。

通過單擊右側的加號圖標,新的導航鏈接會立即添加到導航塊中,除非其他塊類型已經添加到菜單中。

單擊導航鏈接塊工具欄中的編輯按鈕可將菜單項轉換為自定義鏈接。 因此,您可以添加、編輯、重新排列和刪除單個項目。

您還可以通過單擊塊工具欄上的轉換按鈕將鏈接轉換為塊。 因此,您可以直接將特定塊添加到導航菜單。

wordpress-5-9-12

在“設置”側邊欄中,您會找到一組完整的選項來控制導航菜單的許多部分。

wordpress-5-9-13
wordpress-5-9-14
wordpress-5-9-15

導航塊中添加的另一個有用的附加功能是塊間隙支持。 所以你可以控制菜單項之間的間距。

wordpress-5-9-16

性能改進

塊插入器增強功能

從 WordPress 5.9 開始,塊類型、類別和模式會延遲顯示在塊插入器中。 您的瀏覽器會首先加載優先級更高的內容,從而為您提供更流暢的編輯體驗。

加載較少的 CSS

WordPress 5.9 顯著減少了塊主題加載的 CSS 數量,從而顯著加快了頁面加載速度。

延遲加載性能改進

從 WordPress 5.9 開始,'loading="lazy"' 屬性不適用於第一個內容圖像或 iframe。

對 50 個流行的 WordPress 主題進行的分析表明,該解決方案可顯著提高性能,並將頁面加載速度提高 30%。

每個塊多個樣式表

主題和塊開發人員可以為每個塊註冊多個樣式表,並根據需要從其他塊加載樣式。

這允許根據頁面內容加載樣式表,防止在每個頁面上加載大型樣式表。

最後的話

我們將以一個關於 WordPress 市場份額的簡短說明來結束這篇文章。 它目前為超過 65% 的具有已知內容管理系統的網站和約 43% 的網站提供支持。

wordpress-5-9-17

這些數字令人印象深刻,尤其是與市場份額不到 7% 的最接近的競爭對手 Shopify 相比。

每個新版本的 WordPress 都會帶來新功能、性能改進和界面增強。 WordPress 5.9 也不例外。

測試新功能所需的只是塊主題,例如新的二十二十二默認主題。

對於使用 Woostify 主題的任何人,您都可以立即將您的網站更新到 WordPress 5.9,而不會出現任何問題。 開發團隊始終努力確保 Woostify 與較新的 WordPress 版本完全兼容。