WordPress 6.4 正式版已經(jīng)發(fā)布，一起來探索新 WordPress 版本附帶的最值得注意的功能和改進吧！
最有趣的添加包括區(qū)塊鉤子、改進的樣板組織、重新設(shè)計和增強的命令調(diào)色板、對附件頁面的更改、圖像上的燈箱效果以及對寫作工作流程的多項改進。
改進的模板加載、完善的腳本加載策略和其他性能增強將使您的 WordPress 網(wǎng)站運行得更快，而列表視圖增強和對管理用戶界面的多項升級將使其更易于使用和訪問。
WordPress 6.4 還帶來了一個新的默認主題 Twenty Twenty-Four，其中包含大量即用型樣板和模板，可簡化您的編輯過程。
好了，讓我們來詳細看看 WordPress 6.4 中的新增功能吧。
區(qū)塊鉤子 Block Hooks
區(qū)塊掛鉤（以前稱為自動插入塊）使插件能夠自動與古騰堡編輯器交互。
更準確地說，借助 Block Hooks，當另一個塊添加到內(nèi)容中時，可以自動將一個塊放置在特定位置。
Block Hooks 的工作方式有兩個原則指導(dǎo)：
- 不必要求用戶手動在編輯器中插入塊，并且前端中的塊插入應(yīng)該在激活提供掛鉤塊的插件后立即發(fā)生。禁用插件應(yīng)該會自動刪除該塊。
- 該塊應(yīng)該在編輯器中可見，并且應(yīng)該允許用戶控制自動插入。
為了考慮這兩個原則并保留代碼中包含的信息，掛鉤塊僅在未修改的模板和模板部分以及主題提供的樣板中工作，從樣板目錄復(fù)制或在register_block_pattern函數(shù)中注冊。它們不適用于帖子內(nèi)容、修改后的模板和模板部分以及用戶生成的樣板。
此外，開發(fā)說明警告：
從 WordPress 6.4 開始，您無法自動插入具有保存功能的塊，否則會出現(xiàn)塊驗證錯誤。用通俗的話說，這意味著塊鉤子與動態(tài)塊一起工作，而不是靜態(tài)塊。
您可以通過兩種方式實現(xiàn) Block Hooks：使用block.json文件或新的hooked_block_types過濾器。
通過 block.json 掛鉤區(qū)塊
使用block.json是掛鉤第三方塊的快速且簡單的方法，但它沒有提供很大的靈活性，這意味著通過block.json自動插入的塊將無條件附加到目標的所有實例。
您可以使用新blockHooks屬性添加掛鉤塊，該屬性采用鍵/值對的對象，其中鍵是要掛鉤的塊的名稱，值指定其相對于目標塊的位置。
您可以設(shè)置以下位置之一：
before目標塊前面after目標塊后面firstChild目標容器塊的第一個子項lastChild目標容器塊的最后一個子項
例如，您可以使用blockHooks以下方式將一個塊掛接到每個 Spacer 塊上：
{
blockHooks: {
'core/spacer': 'after'
}
}當您使用firstChild或lastChild與block.json一起使用時，塊檢查器中的新插件面板會列出要自動插入的塊，并帶有用于選擇加入/退出自動塊插入的切換按鈕。
使用掛鉤塊hooked_block_types
將塊連接到目標的更靈活的方法是使用新的hooked_block_types過濾器。它允許您無條件地掛鉤塊，就像block.json方法一樣，或者基于條件 – 例如根據(jù)塊所在的模板、模板部分或模式將塊掛鉤到目標。
的回調(diào)函數(shù)hooked_block_types接受四個參數(shù)：
$hooked_blocks– 一系列鉤住的塊。$position– 可以是before、、、或。afterfirst_childlast_child$anchor_block– 錨塊的名稱。$context– 錨塊所屬的塊模板、模板部分或圖案。
有關(guān) Block Hooks 的更多技術(shù)見解，請參閱開發(fā)說明。
樣板系統(tǒng)的增強
塊樣板（Patterns）是一種功能強大的設(shè)計工具，可在您的內(nèi)容或模板中使用，使您能夠輕松構(gòu)建復(fù)雜的塊結(jié)構(gòu)。您可以使用塊主題提供的樣板，也可以通過從樣板目錄復(fù)制它們來添加更多樣板。
您還可以在站點/帖子編輯器界面中從頭開始創(chuàng)建樣板。如果您對編碼感到滿意，您可以使用 .php 文件向當前主題（或子主題）添加樣板。
現(xiàn)在，讓我們了解一下 WordPress 6.4 樣板系統(tǒng)中的新增功能。
首先，樣板類別。在之前的WordPress版本中，當您創(chuàng)建新樣板時，您只能設(shè)置樣板名稱和類型、同步或不同步。
從 WordPress 6.4 開始，您還可以為您的樣板添加類別，以便在網(wǎng)站和帖子編輯器中更輕松地識別它。
編輯樣板時也可以更改類別。
此外，塊插入器的同步樣板選項卡已被刪除，您現(xiàn)在可以從同一樣板選項卡訪問所有樣板。
從站點編輯器導(dǎo)入或?qū)С?JSON 格式的樣板也更加容易。
其他更改提高了與經(jīng)典主題的模式兼容性，并為未來的實現(xiàn)鋪平了道路。
推薦閱讀：探索 WordPress 6.3 中的增強樣板（Patterns）
新的默認主題 Twenty Twenty-Four
Twenty Twenty-Four 是 WordPress 6.4 附帶的新默認 WordPress 主題。這是一個多功能但簡約的 WordPress 主題，專為三個主要用例量身定制：小企業(yè)主、攝影師和藝術(shù)家、作家和博主。
Twenty Twenty-Four 不會向您的網(wǎng)站添加功能。它更多的是模板和樣板的集合，將它們組合在一起，使您能夠構(gòu)建各種網(wǎng)站。
此外，它還提供了大量默認內(nèi)容以及大量真實的頁面結(jié)構(gòu)示例，您可以根據(jù)需要進行編輯和自定義。
推薦閱讀：深入講解 WordPress 6.4 新的默認主題 Twenty Twenty-Four
新的設(shè)計工具和功能
WordPress 6.4 引入了多種設(shè)計工具和功能。最有趣的包括：
- 內(nèi)容塊的顏色控制
- 背景圖像塊支持
- 圖像上的燈箱效果
- 垂直文本方向
- 腳注塊的增強功能
- 導(dǎo)航塊中允許使用的按鈕
內(nèi)容塊的顏色控制
內(nèi)容塊是查詢循環(huán)塊的子級，當您需要自定義查詢循環(huán)中內(nèi)容的外觀時特別有用。
當您編輯查詢循環(huán)時，它可以在帖子編輯器中使用；當您創(chuàng)建或編輯模板時，它可以在站點編輯器中使用。
在 WordPress 6.4 中，內(nèi)容塊得到了增強，現(xiàn)在支持文本、背景和鏈接的顏色。
背景圖像塊支持
WordPress 6.4 添加了新的背景圖像塊支持，默認情況下選擇加入組塊。
當主題使用theme.json中的appearanceTools功能時，背景面板會顯示相應(yīng)的背景圖像控件，該控件還顯示背景圖像的預(yù)覽。
設(shè)置背景圖像會將background-image屬性添加到塊的div元素以及background-size: cover確保圖像覆蓋組塊的聲明。
您有兩種方法可以為主題添加背景圖像支持。第一個也是最簡單的方法是選擇購買該appearanceTools房產(chǎn)。這支持多種設(shè)計工具，包括背景圖像。
如果您需要對設(shè)計工具進行更精細的控制，您可以通過以下方式使用theme.json中的backgroundImage屬性：
{
"settings": {
"background": {
"backgroundImage": true
}
}
}圖像上的燈箱效果
塊圖像設(shè)置面板中新的單擊展開切換允許您啟用/禁用圖像上的燈箱效果。這是此功能的第一次迭代，未來的版本應(yīng)該會進一步改進。
燈箱效果也適用于雙色調(diào)濾鏡，但當涉及到圖片庫時，它有點令人困惑。在撰寫本文時，無法在圖庫級別啟用燈箱效果，您應(yīng)該在單個圖像上啟用該功能。
要在以前的 WordPress 版本中實現(xiàn)此功能，您必須使用插件。現(xiàn)在它是核心的一部分，這意味著您的 WordPress 網(wǎng)站需要更少的第三方代碼。
垂直文本方向
新的文本方向選項允許主題支持垂直文本。如果您的主題支持此功能，您可以在版式設(shè)置中啟用從右到左的垂直文本。
默認情況下禁用此功能。主題開發(fā)人員可以通過向theme.json添加新設(shè)置writingMode來添加對文本方向的支持：
{
settings: {
"typography": {
"writingMode": true
}
}
}您還可以為特定塊設(shè)置不同的默認行為。以下示例顯示如何設(shè)置所有段落塊的vertical-rl方向：
{
"styles": {
"blocks": {
"core/paragraph": {
"typography": {
"writingMode": "vertical-rl"
}
},
}
}
}腳注塊的增強功能
WordPress 6.4 還對腳注塊進行了一些改進。它現(xiàn)在支持鏈接、背景和文本顏色。它還提供了版式、尺寸和邊框的控件。
默認情況下，文本和鏈接顏色控件是展開的。其他控件在頁面加載時折疊。
導(dǎo)航塊中允許使用按鈕
按鈕現(xiàn)在位于導(dǎo)航塊允許的內(nèi)部元素列表中。
當您創(chuàng)建新的菜單項時，您可以輕松地將其轉(zhuǎn)換為塊工具欄中的按鈕。
用戶界面和工作流程改進
WordPress 6.4 還對編輯器界面進行了多項改進，增強了編輯體驗并簡化了工作流程。我們最喜歡的變化包括：
- 增強的命令面板
- 改進的列表視圖
- 捕獲的工具欄
增強的命令面板
命令面板首次在 WordPress 6.3 中引入，允許您在站點編輯器界面中運行常用操作。WordPress 6.4 通過設(shè)計更新和一些其他改進標志著向前邁出了新的一步。
下圖顯示了 WordPress 6.3 和 6.4 中命令面板的不同行為示例。
此版本還添加了一些新命令并改進了一致性和命名。新命令包括塊變換以及在之前/之后復(fù)制、復(fù)制、刪除和插入的選項。
輕微的更改會從許多命令的開頭刪除動詞。這提高了多個命令的可搜索性和清晰度。
新版本還添加了塊選擇命令。要查看其實際效果，請在站點編輯器中選擇幾個塊，然后按cmd + k(MacOS) 或ctrl + k(Windows)，然后輸入搜索鍵，例如“轉(zhuǎn)換”。您應(yīng)該會看到以下建議：
您可以對選定的塊執(zhí)行多個命令。例如，您可以將幾個塊分組：
您也可以取消它們的分組。
在撰寫本文時，塊選擇命令包括“添加之前”、“添加之后”、 “刪除”、 “復(fù)制”、“移動到”、“分組”、“取消分組”和“變換到”。
改進的列表視圖
列表視圖允許您瀏覽頁面內(nèi)容并對塊、組和模式執(zhí)行多項操作。這些操作包括復(fù)制、重復(fù)、分組等等。這對于嵌套塊的復(fù)雜結(jié)構(gòu)特別有用，因為它允許您展開和折疊項目組并對單個塊、組和模式執(zhí)行多個操作。
從 WordPress 6.4 開始，您還可以重命名一組塊、預(yù)覽圖庫和圖像塊的圖像、使用快捷方式復(fù)制塊cmd + shift + d（ctrl + shift + d在 Windows 上）。
捕獲的工具欄
當編輯具有多個子塊的塊時，使用內(nèi)部塊可能會很棘手。當涉及到導(dǎo)航塊時尤其如此。
在 WordPress 6.4 之前，當選擇內(nèi)部塊時，塊工具欄會移動到屏幕上的不同位置。此行為導(dǎo)致導(dǎo)航和列表等塊的用戶體驗不佳。
從 WordPress 6.4 開始，子塊工具欄附加到父塊工具欄的位置。這樣，當您在同級塊之間切換選擇時，工具欄將固定在與父塊相同的位置。
捕獲的工具欄當前在導(dǎo)航Navigation、列表List和引用Quote塊上實現(xiàn)。
開發(fā)人員的性能改進和其他變化
超過 100 個性能更新已合并到核心中，同時還為主題開發(fā)人員進行了一些更改。讓我們探討一些有趣的變化。
- 腳本加載策略
- 附件頁面的更改
- 進度條組件
- 在 WordPress 6.4 中加載樣板
- 減少文件存在性檢查
- 新選項功能
- 針對開發(fā)人員的其他更改
腳本加載策略
腳本加載策略是在 WordPress 6.3 中引入的，并提供了一種使用async和defer屬性來防止腳本在腳本依賴樹中以意外順序加載的方法。
在 WordPress 6.4 中，為核心主題和捆綁主題中的前端腳本實施了腳本加載策略。
此外，從 WordPress 6.4 開始，“使用defer屬性加載的腳本已從頁腳移動到了頁眉head，以便在加載文檔時更早地發(fā)現(xiàn)它們，并且在加載文檔后可以更快地執(zhí)行它們。”
其他更改提高了核心安全性和可維護性。有關(guān)腳本加載的更多技術(shù)概述，請查看WP 6.4 開發(fā)說明。
附件頁面的更改
從 WordPress 6.4 開始，新安裝的 WordPress 的附件頁面將被完全禁用。
在 WordPress 6.4 之前，WordPress 會自動為每個上傳的多媒體文件創(chuàng)建一個附件頁面。但這在許多網(wǎng)站上沒有意義。這些頁面被搜索引擎索引，可能會給用戶帶來糟糕的體驗。
從 WordPress 6.4 開始，wp_attachment_pages_enabled數(shù)據(jù)庫選項控制附件頁面的行為。
從 WordPress 6.4 開始，此選項對現(xiàn)有網(wǎng)站設(shè)置1（啟用附件頁面）和對新網(wǎng)站設(shè)置為0（禁用附件頁面）。
站點管理員可以通過 WP CLI 更改該值：
wp option set wp_attachment_pages_enabled 0|1或者訪問您網(wǎng)站上的wp-admin/options.php并更改wp_attachment_pages_enabled選項的值。
進度條組件
引入了基本的水平ProgressBar組件來替換以前在站點編輯器中加載內(nèi)容時使用的Spinner組件。
在 WordPress 6.4 中加載樣板
在 WordPress 6.4 之前，_register_theme_block_patterns()函數(shù)用于注冊活動主題在其樣板Patterns目錄下可能提供的任何樣板。由于此函數(shù)需要大量的文件操作，因此它的使用會導(dǎo)致資源開銷問題，尤其是在提供大量樣板的主題（例如“二十二十四”）中尤其明顯。
為了解決這個問題，WordPress 6.4 引入了一個新_wp_get_block_patterns()功能，可以將樣板存儲在臨時緩存中。后續(xù)請求不需要查找文件，從而顯著提高了性能。
開發(fā)者可以通過啟用主題的開發(fā)模式、更新主題的版本號、切換主題或調(diào)用WP_Theme::delete_caches()方法來繞過模式緩存。
減少文件存在性檢查
以前，主題 API 中的一些函數(shù)會在回退到父主題之前對子主題中是否存在文件執(zhí)行多次檢查。
這是不夠優(yōu)化的，因為這些函數(shù)沒有考慮當前主題是否是子主題。
為了防止無用的文件存在檢查，主題 API 的多個函數(shù)和方法已更新，現(xiàn)在在進行文件存在檢查之前檢查當前主題的樣式表目錄是否與模板目錄匹配。
這應(yīng)該會帶來顯著的性能提升，尤其是對于非子主題。
其他性能改進涉及get_block_theme_folders()和the_header_image_tag()功能。
新選項功能
默認情況下會自動加載選項。當網(wǎng)站有太多選項時，可能會導(dǎo)致服務(wù)器響應(yīng)時間緩慢和錯誤。為了防止這種行為，插件開發(fā)人員現(xiàn)在可以利用幾個新功能，使開發(fā)人員能夠管理選項、提高性能并設(shè)置不同的默認行為。
兩個函數(shù)允許通過單個數(shù)據(jù)庫查詢獲取多個選項。
prime_options()允許使用單個數(shù)據(jù)庫查詢獲取多個選項。選項值存儲在緩存中，以便后續(xù)get_option()調(diào)用不需要額外的數(shù)據(jù)庫查詢。
prime_options()接受選項名稱數(shù)組并且不返回任何選項值，因為它的唯一職責是更新相關(guān)緩存。
prime_options_by_group()工作方式與此類似，prime_options()但適用于特定選項組。
另外兩個函數(shù)允許設(shè)置選項自動加載值。
wp_set_option_autoload_values()可用于設(shè)置單個選項的自動加載值。
wp_set_options_autoload_values()可用于設(shè)置多個選項的自動加載值。
針對開發(fā)人員的其他更改
開發(fā)人員的其他變化包括：
- 將硬編碼樣式標簽替換為
wp_add_inline_style()（請參閱開發(fā)說明） - theme.json中流體排版的可配置最小和最大視口值（請參閱開發(fā)說明）
- 禁用theme.json中的布局控件（請參閱開發(fā)說明）
- 使用新
useBlockEditingMode掛鉤設(shè)置塊編輯模式（請參閱開發(fā)說明） - 該
wp_get_loading_optimization_attributes()功能已得到增強，并引入了新的過濾器來控制加載優(yōu)化屬性（請參閱開發(fā)說明） - 新的
registerInserterMediaCategoryAPI 允許插件開發(fā)人員注冊自定義插入器媒體類別并為用戶提供更多選項。API 只能添加自定義插入器媒體類別，但不提供對核心類別的控制，類別除外Openverse（請參閱開發(fā)說明） - 兩個新
wp_get_admin_notice()功能wp_admin_notice()“減少維護負擔，鼓勵一致性，并為所有管理通知啟用參數(shù)和消息過濾”（請參閱??開發(fā)說明） WP_Query緩存WP_Term_Query系統(tǒng)得到了改進，減少了數(shù)據(jù)庫查詢并提高了整體效率（請參閱開發(fā)說明）- 登錄和注冊頁面的標記已得到改進，以優(yōu)化其結(jié)構(gòu)并為開發(fā)人員提供更靈活的定制（請參閱開發(fā)說明）
總結(jié)
2023 年第三個 WordPress 版本帶來了許多新功能、新的設(shè)計工具以及對 UI 的大量改進、錯誤修復(fù)和其他小更改。它還引入了一個新的輕量級多功能默認主題，其中包含大量模式和模板，您可以針對特定用例進行自定義。
總的來說，WordPress 6.4 版本的改進非常棒，期待明年發(fā)布的下一個主版本吧！
