WordPress 6.3:期待什麼以及如何有效使用新功能
已發表: 2023-07-28WordPress 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. 詳細信息:這個新塊帶有標題和可折疊內容部分。您可以使用“詳細信息”塊以緊湊的方式呈現大量內容。 例如,您可以使用它來展示代碼片段、劇透和產品規格。
2.腳註:另一個添加是腳註塊。您可以使用此塊添加引用。 以下是如何使用它。
- 選擇您要引用的文本。
- 單擊塊工具欄上的更多選項。
- 選擇腳註。
- 您將在內容末尾自動看到彈出的塊。
增強的導航
與任何其他主要 WP 更新一樣,您將在站點編輯器中看到相當大的增強。 對於初學者,您將看到現有的導航側邊欄已擴展以方便使用。 開發人員試圖通過關注以下因素來使編輯器更加用戶友好和無縫。
1.導航:在這裡,您將看到導航塊上可用的鏈接。雖然您可以在此處重新排列甚至刪除菜單項,但您可以添加新鏈接。
2. 樣式:您可能已經使用“修訂”功能來撤消對帖子和頁面所做的更改。現在,站點編輯器的樣式菜單中將提供相同的功能。
此功能可讓您查看對主題樣式所做的更改,並在需要時撤消它們。 就是這樣:
- 打開樣式面板。
- 選擇您要編輯的樣式或塊。
- 保存更改。
- 單擊修訂按鈕。
- 然後選擇修訂歷史記錄。
- 不同版本之間切換。
- 單擊應用按鈕返回到以前的版本。
3.頁面:通過此功能,您現在可以輕鬆地從編輯器導航菜單中選擇“頁面”。單擊此菜單後,您可以看到最近編輯的頁面。 換句話說,您可以快速恢復編輯。 使用 + 按鈕添加新頁面。 更重要的是,您可以立即在站點編輯器中對其進行編輯。
4. 模板:該功能與當前WordPress版本中的功能相同。您可以在此處找到所有可用模板並編輯您想要的模板。 您還可以在此處創建新模板。
5. 模式: 6.3 版本將提供改進的模式管理方式。您可以在編輯器中看到所有這些。 當您單擊此選項時,您將看到所有可用的模式,包括同步和未同步的模式。
您需要記住以下幾點:
A。使用不同步模式
不同步的模式是獨立的模式。 您可以隨時添加它們。 您還可以在添加後進行更改。 由於它們是不同步的模式,這些更改不會影響您的原始模式。
b.使用不同步模式
另一方面,更改同步模式將影響您的原始模式。 它們本質上是可重用的塊。 因此,所有可重複使用的塊都會出現在這裡。 現在,它們將被稱為“同步模式”。
你能做什麼?
- 使用 + 按鈕添加/創建新模式。
- 使用“管理我的所有模式”選項來管理您的自定義模式。
- 根據需要編輯您的定製圖案和可重複使用的塊。
命令工具
WordPress 6.3 還將附帶一個新的命令工具。 這是古騰堡的一個實驗性指揮中心。 您可以使用此工具快速執行所需的操作。
您可以用它來:
- 在模板之間導航。
- 打開特定面板。
- 創建新帖子或頁面。
您可以在站點編輯器的頂部找到此工具。 或者,您可以使用CTRL+K鍵打開命令工具。打開後,您可以開始輸入內容來搜索您想要的內容。
要獲取可用命令的列表,您需要在瀏覽器控制台中運行 wp.data.select( wp.commands.store ).getCommands() 。
減少編輯器中的干擾
如前所述,站點編輯器正在進行多項升級。 最好的升級之一包括無干擾模式。 以前它只能在頁面和帖子編輯器中用於內容創建。
但現在,您也可以在站點編輯器中使用它。 打開後,此模式將隱藏所有側面和頂部面板並禁用塊工具欄。 反過來,這可以讓您專注於內容創作。
也就是說,頂部工具欄也得到了升級。 您現在將在單個頂部面板中看到它,而不是佔用更多空間。
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 進行了優化。 保持聯繫!