WordPress 6.3:期待什麼以及如何有效使用新功能

已發表: 2023-07-28

WordPress 6.3 是 WordPress 路線圖第二階段的第二個主要版本,它帶來了許多令人興奮的新功能和改進。

如果您是 WordPress 用戶、開發人員或愛好者,您會想知道會發生什麼以及如何有效地使用新功能。

在這裡,我們將討論 WordPress 6.3 中的新功能和變化,以及它將如何增強您的網站編輯體驗。

據 W3Tech 稱,71.9% 的 WordPress 網站使用最新版本 6。得益於其貢獻者和用戶的開源社區,WordPress 正在不斷發展和改進。 讓我們來探討一下 WordPress 6.3 中有哪些新增功能?

目錄

  • 一、WordPress 6.3 何時推出?
  • 二. WordPress 6.3 的新增功能
    • 塊改進
    • 增強的導航
    • 命令工具
    • 減少編輯器中的干擾
  • 三. WordPress 開發者的重要變化
    • 圖像加載方面的改進
    • 支持 HTML 5“async”和“defer”屬性
    • 發展模式
  • 四. 包起來

WordPress 6.3 何時推出?

WordPress 6.3 RC1 Beta 版本已於 2023 年 7 月 19 日準備下載和測試。該版本尚未準備好在生產環境中安裝和運行。 但您可以繼續在測試服務器和站點上測試它。 最終版本可能於 2023 年 8 月 8 日發布。

WordPress 6.3 的新增功能

雖然尚未發布,但 Beta 版本讓我們可以一睹 WordPress 6.3 的新增功能。 正如您可以想像的那樣,WP 開發人員一直致力於增強與古騰堡相關的功能。

自 2018 年 11 月發布以來,Gutenberg 一直是幾乎所有 WordPress 更新的中流砥柱。 因此,這就是編輯們在此更新中試圖利用的內容。

讓我們來看看。

塊改進

積木是古騰堡的核心。 當然,一旦 WordPress 6.3 發布,您會在塊中看到一些顯著的更改/更新。

您將在此版本中看到兩個新塊。 他們是:

1. 詳細信息:這個新塊帶有標題和可折疊內容部分。您可以使用“詳細信息”塊以緊湊的方式呈現大量內容。 例如,您可以使用它來展示代碼片段、劇透和產品規格。

wp 6.3 詳細信息塊

2.腳註:另一個添加是腳註塊。您可以使用此塊添加引用。 以下是如何使用它。

  • 選擇您要引用的文本。
  • 單擊塊工具欄上的更多選項。
  • 選擇腳註。
  • 您將在內容末尾自動看到彈出的塊。 WordPress 6.3 中的腳註塊

增強的導航

與任何其他主要 WP 更新一樣,您將在站點編輯器中看到相當大的增強。 對於初學者,您將看到現有的導航側邊欄已擴展以方便使用。 開發人員試圖通過關注以下因素來使編輯器更加用戶友好和無縫。

1.導航:在這裡,您將看到導航塊上可用的鏈接。雖然您可以在此處重新排列甚至刪除菜單項,但您可以添加新鏈接。

WordPress 6.3 中的導航

2. 樣式:您可能已經使用“修訂”功能來撤消對帖子和頁面所做的更改。現在,站點編輯器的樣式菜單中將提供相同的功能。

此功能可讓您查看對主題樣式所做的更改,並在需要時撤消它們。 就是這樣:

  • 打開樣式面板。
  • 選擇您要編輯的樣式或塊。
  • 保存更改。
  • 單擊修訂按鈕。
  • 然後選擇修訂歷史記錄。
  • 不同版本之間切換。
  • 單擊應用按鈕返回到以前的版本。

WordPress 中的樣式菜單

WordPress 6.3 中的樣式修訂歷史

WordPress 6.3 中的撤消樣式修訂

3.頁面:通過此功能,您現在可以輕鬆地從編輯器導航菜單中選擇“頁面”。單擊此菜單後,您可以看到最近編輯的頁面。 換句話說,您可以快速恢復編輯。 使用 + 按鈕添加新頁面。 更重要的是,您可以立即在站點編輯器中對其進行編輯。

導航中的頁面

4. 模板:該功能與當前WordPress版本中的功能相同。您可以在此處找到所有可用模板並編輯您想要的模板。 您還可以在此處創建新模板。

wp 6.3 中的模板

5. 模式: 6.3 版本將提供改進的模式管理方式。您可以在編輯器中看到所有這些。 當您單擊此選項時,您將看到所有可用的模式,包括同步和未同步的模式。

您需要記住以下幾點:

A。使用不同步模式

不同步的模式是獨立的模式。 您可以隨時添加它們。 您還可以在添加後進行更改。 由於它們是不同步的模式,這些更改不會影響您的原始模式。

b.使用不同步模式

另一方面,更改同步模式將影響您的原始模式。 它們本質上是可重用的塊。 因此,所有可重複使用的塊都會出現在這裡。 現在,它們將被稱為“同步模式”。

你能做什麼?

  • 使用 + 按鈕添加/創建新模式。
  • 使用“管理我的所有模式”選項來管理您的自定義模式。
  • 根據需要編輯您的定製圖案和可重複使用的塊。

wp 6.3 中的自定義模式

命令工具

WordPress 6.3 還將附帶一個新的命令工具。 這是古騰堡的一個實驗性指揮中心。 您可以使用此工具快速執行所需的操作。

您可以用它來:

  • 在模板之間導航。
  • 打開特定面板。
  • 創建新帖子或頁面。

您可以在站點編輯器的頂部找到此工具。 或者,您可以使用CTRL+K鍵打開命令工具。打開後,您可以開始輸入內容來搜索您想要的內容。

wp 6.3 中的命令

要獲取可用命令的列表,您需要在瀏覽器控制台中運行 wp.data.select( wp.commands.store ).getCommands() 。

命令列表

減少編輯器中的干擾

如前所述,站點編輯器正在進行多項升級。 最好的升級之一包括無干擾模式。 以前它只能在頁面和帖子編輯器中用於內容創建。

但現在,您也可以在站點編輯器中使用它。 打開後,此模式將隱藏所有側面和頂部面板並禁用塊工具欄。 反過來,這可以讓您專注於內容創作。

也就是說,頂部工具欄也得到了升級。 您現在將在單個頂部面板中看到它,而不是佔用更多空間。

wp 中的無干擾模式
WordPress 開發者的重要變化

WordPress 6.3 還為 WP 開發人員帶來了一些變化和性能增強。 您可以看到此版本中的一些更改。 但是,您必須考慮以下幾點。

圖像加載方面的改進

這是 WordPress 6.3 版本中最重要的升級之一。 在此版本中,為圖像分配值為"high"“fetchpriority”屬性,以確定其是否為LCP(最大內容痛苦)圖像。

您可能已經知道,LCP 是衡量網站在屏幕上向用戶顯示最大內容所需時間的指標。 “fetchpriority”屬性甚至在計算佈局的其餘部分之前就優先加載 LCP 圖像。 簡而言之,圖像加載速度會更快,這是頁面速度優化的主要因素。

另一個重要的增強功能是使用“loading”屬性自動處理圖像的延遲加載。 它首次在 WordPress 5.5 中引入。 在 6.3 中,所有殘留問題均已得到修復。 這將提高 WordPress 網站的整體性能。

在 WordPress 6.3 中,新函數“wp_get_loading_optimization_attributes()”控制“fetchpriority”“loading”屬性。 現在,您可以同時使用:

  • “loading”的值為"lazy"
  • “fetchpriority”的值為"high"

支持 HTML 5 “async”“defer”屬性

“async”“defer”都是 HTML 5 屬性。 它們指示瀏覽器下載 JavaScript,而不暫停 HTML 解析。 但它們的工作方式不同。

具有“async”屬性的腳本將在加載後立即異步執行。 腳本加載後,瀏覽器將暫停 HTML 解析。 另一方面,具有“defer”屬性的腳本只有在 HTML 解析完成後才會加載。

那麼,WordPress 6.3 發生了哪些變化?

您可以使用“wp_register_script()”“wp_enqueue_script()”函數的“$in_footer”布爾參數來註冊具有“async”“defer”屬性的腳本。 重載此參數後,它現在接受新的“$args”數組參數。 這允許您為腳本指定加載策略。 如果添加$in_footer布爾參數,它將把腳本放置在wp_footer函數中。

例如,如果你想異步加載腳本,而不阻塞 HTML 解析,你可以使用“async”屬性:

您可以使用下面的函數來加載具有“async”屬性的腳本。

 wp_註冊腳本(
    '風俗',
    '/path/to/custom.js',
    大批(),
    '1.0.0',
    大批(
        '策略' => '異步',
    )
)
輸出 <script async src= "~/custom.js" ></ script>

這告訴瀏覽器在後台下載腳本並在準備好後立即執行。 然而,這也意味著腳本可能會在 DOM 完全加載之前運行,或者與其他腳本亂序。

如果你想延遲加載一個腳本,既不阻塞 HTML 解析,又要確保它在 DOM 準備好後運行並與其他腳本按順序運行,你可以使用“defer”屬性:

您可以使用下面的函數來加載具有“defer”屬性的腳本。

 wp_註冊腳本(
'風俗',
'/path/to/custom.js',
大批(),
'1.0.0',
大批(
'in_footer' => 真,
'策略' => '推遲'',
)
)
輸出
<腳本延遲 src="~/custom.js"></腳本>

這告訴瀏覽器在後台下載腳本並僅在 DOM 完全構建後執行。 這對於依賴 DOM 元素或其他腳本的腳本很有用。

通過這些更改,您現在可以防止腳本以意外的順序加載。

發展模式

WordPress 6.3 附帶了新的開發模式。 您可以使用新的WP_DEVELOPMENT_MODE常量來啟用此模式。 該常數將採用以下值之一。

  • “core” ——表示核心開發。
  • “plugin” ——表示插件開發。
  • “theme” ——表示主題發展。
  • “all” ——表示所有三種類型的發展。

當您看到空字符串時,則表明該網站未用作開發環境。 您還可以在站點運行狀況工具的信息面板中檢查WP_DEVELOPMENT_MODE的當前值。

另一種選擇是使用新的“wp_in_development_mode()”來檢查您的網站是否處於開發模式。 並且由於“$mode”參數,您還可以檢查開發模式的類型。 另外,請記住,這種開發模式可能會影響 WordPress 行為的一些低級方面。

可想而知,這種開發模式在生產環境中並沒有什麼用處。 僅在開發安裝中使用它。

包起來

WordPress 在發布新更新方面始終保持一致。 WordPress 6.3 不會讓人失望。 此更新可能於 2023 年 8 月發布,將使站點編輯器更加用戶友好,並提高開發人員的性能。

但是,如果您想節省時間和麻煩,您始終可以信賴我們的白標 WordPress 開發解決方案。 我們可以幫助您創建令人驚嘆的 WordPress 網站,這些網站快速、安全且針對 SEO 進行了優化。 保持聯繫!