WordPress 6.8 新功能：安全升級、性能提升、編輯器增強(qiáng)等

WordPress 6.8 正式版將于 2025 年 4 月 15 日發(fā)布。此版本沒有添加太多新功能，而是側(cè)重于完善現(xiàn)有功能。

新版本帶來了編輯器和可用性增強(qiáng)，增加了諸如在塊編輯器中管理數(shù)據(jù)視圖的更簡單的選項(xiàng)以及忽略查詢循環(huán)中的置頂文章的能力，設(shè)計(jì)和主題改進(jìn)，例如改進(jìn)的樣式書，性能和安全性改進(jìn)，引入了推測加載和用于密碼散列的 bcrypt。

這些新增功能旨在改善用戶體驗(yàn)，特別是對于使用經(jīng)典主題的用戶體驗(yàn)，并提高網(wǎng)站性能。

編輯器改進(jìn)

WordPress 6.8 帶來了多項(xiàng)更新，增強(qiáng)了內(nèi)容創(chuàng)建和管理體驗(yàn)。從新的預(yù)覽選項(xiàng)到數(shù)據(jù)視圖的改進(jìn)，這些更新將簡化文章和網(wǎng)站編輯器的工作流程。

1. 在預(yù)覽下拉菜單中顯示模板切換
2. 改進(jìn)的數(shù)據(jù)視圖

1. 在預(yù)覽下拉菜單中顯示模板切換

文章編輯器頂部工具欄的預(yù)覽下拉菜單中添加了一個(gè)新的顯示模板 Show template 切換按鈕。

以前，您只能在帖子側(cè)邊欄中訪問模板選項(xiàng)。雖然這有點(diǎn)重復(fù)，但這是一項(xiàng)值得注意的改進(jìn)，因?yàn)閷⒋诉x項(xiàng)放在工具欄下拉菜單中，可以使內(nèi)容視圖和模板視圖之間的切換更加直接和快捷。

2.改進(jìn)的數(shù)據(jù)視圖

數(shù)據(jù)視圖首次在 WordPress 6.5 中推出，是站點(diǎn)編輯器中的一個(gè)強(qiáng)大工具，允許用戶以有組織的方式查看和管理頁面、模板、模板部分和樣板。

WordPress 6.8 的數(shù)據(jù)視圖功能持續(xù)改進(jìn)，旨在為網(wǎng)站編輯器提供更直觀、靈活、高效的編輯體驗(yàn)。重點(diǎn)在于提升可用性并添加自定義選項(xiàng)。

頁面視圖可以使用更多屬性進(jìn)行自定義，包括預(yù)覽、Slug、父級、討論、模板和密碼。樣板和模板也支持預(yù)覽。

WordPress 6.8 還為表格布局引入了新的密度控制功能，允許用戶調(diào)整每行占用的空間。通過舒適、平衡和緊湊三個(gè)選項(xiàng)，用戶可以根據(jù)自己的喜好自定義顯示，從而提升管理體驗(yàn)。

新區(qū)塊和改進(jìn)的區(qū)塊

WordPress 6.8 引入了一個(gè)全新的區(qū)塊并對現(xiàn)有區(qū)塊進(jìn)行了一些更新。

1. 新的查詢總數(shù)區(qū)塊

新的查詢總數(shù)塊顯示與查詢相關(guān)的信息，例如查詢的結(jié)果總數(shù)或當(dāng)前顯示的結(jié)果范圍。

您可以在查詢循環(huán)中添加新塊以顯示分頁結(jié)果中的結(jié)果數(shù)或范圍。

2. 查詢循環(huán)區(qū)塊的更新

在 WordPress 6.8 之前，查詢塊提供了有限數(shù)量的選項(xiàng)，包括：

• 包含– 置頂帖子添加到帖子列表的前面
• 排除– 置頂帖子被完全排除
• 僅– 僅包含置頂帖子

這組選項(xiàng)中缺少將置頂帖子視為普通帖子來忽略的功能。該選項(xiàng)已在WP_Query( ignore_sticky_posts => true) 中支持，但在區(qū)塊側(cè)邊欄中不可用。

WordPress 6.8 新增了忽略置頂帖子的選項(xiàng)，用于“忽略”置頂狀態(tài)。這意味著開發(fā)者和用戶現(xiàn)在可以阻止置頂帖子自動(dòng)出現(xiàn)在結(jié)果集的頂部，從而使其位置與查詢固有的排序邏輯保持一致。

此次更新增強(qiáng)了 WordPress 核心查詢行為的靈活性和一致性，使得查詢塊在塊編輯器中的內(nèi)容管理更加靈活。

查詢循環(huán)塊的另一個(gè)更新是，用下拉菜單替換了點(diǎn)擊塊工具欄中的“替換”按鈕時(shí)出現(xiàn)的“選擇樣板”模式。按鈕現(xiàn)在顯示“更改設(shè)計(jì)”。

3. 從圖像塊工具欄將圖像設(shè)置為特色圖片

新增了區(qū)塊工具欄“選項(xiàng)”下拉菜單，可讓您將圖片設(shè)置為特色圖片。如果帖子已設(shè)置特色圖片，用戶也可以從區(qū)塊工具欄進(jìn)行更改。

4. 導(dǎo)航區(qū)塊更新

對導(dǎo)航塊的幾項(xiàng)小改進(jìn)提高了其可用性和整體功能。

• 導(dǎo)航塊現(xiàn)在在導(dǎo)航文本旁邊顯示菜單名稱（PR# 68466）。
• 導(dǎo)航塊的顏色選擇器中現(xiàn)在提供了“清除”選項(xiàng)（PR# 68454）
• 導(dǎo)航鏈接和子菜單塊中允許使用所有非交互式格式（PR# 67585）

有關(guān) WordPress 6.8 中導(dǎo)航塊改進(jìn)的更全面列表，請查看此開發(fā)說明。

設(shè)計(jì)和主題改進(jìn)

WordPress 6.8 為網(wǎng)站編輯體驗(yàn)帶來了顯著的增強(qiáng)。全局樣式界面經(jīng)過重新設(shè)計(jì)，訪問更便捷，并支持實(shí)時(shí)自定義。同時(shí)，樣式表的功能也擴(kuò)展至經(jīng)典主題，彌合了現(xiàn)代和傳統(tǒng) WordPress 工作流程之間的差距。

1. 網(wǎng)站編輯器側(cè)邊欄上可用的全局樣式

在 6.8 版本中，現(xiàn)在可以從網(wǎng)站編輯器的主菜單訪問“全局樣式”界面。點(diǎn)擊“樣式”菜單項(xiàng)即可打開“全局樣式”面板，其中包含所有“排版”、“顏色”、“背景”、“陰影”和“布局”選項(xiàng)。

點(diǎn)擊眼睛圖標(biāo)即可顯示樣式簿，其中實(shí)時(shí)顯示樣式設(shè)置的變更。點(diǎn)擊“全局樣式”面板中的特定部分時(shí)，您將立即跳轉(zhuǎn)到樣式簿的相應(yīng)部分。

這一變化將使您能夠更輕松、更快速地定制您的網(wǎng)站樣式，從而顯著改善設(shè)計(jì)工作流程。

為了有所區(qū)別，請比較 WordPress 6.7 和 6.8 中的樣式界面。

WordPress 6.8 也為經(jīng)典主題帶來了這一增強(qiáng)功能。

2. 經(jīng)典主題新增樣式書

自WordPress 6.2起，塊主題即可使用。在 WordPress 6.8 中，樣式書也適用于支持編輯器樣式 add_theme_support( 'editor-styles' ) 或擁有編輯器樣式文件theme.json的經(jīng)典主題。

此功能最初在 Gutenberg 19.9 中引入。如果您不使用 Gutenberg 插件，從 WordPress 6.8 開始，您可以從外觀>設(shè)計(jì)>樣式訪問經(jīng)典主題中的全局樣式和樣式書。

下圖顯示了安裝了Twenty Twenty-One 主題的 WordPress 6.7 中的樣式部分和 WordPress 6.8 中的樣式書之間的差異。

樣板已被移至設(shè)計(jì)屏幕的單獨(dú)部分，以便為站點(diǎn)編輯器中的樣式書騰出空間。

下面的圖片展示了 WordPress 6.8 中經(jīng)典 Twenty Twenty-One 主題的樣式書中的排版和顏色預(yù)覽。

推出經(jīng)典主題樣式書標(biāo)志著向更大程度地整合塊樣式編輯功能邁出了一步。

性能和安全

WordPress 6.8 在性能和安全性方面帶來了顯著提升。借助全新的 Speculation Rules API，WordPress 頁面可以通過預(yù)測用戶操作來加快加載速度。同時(shí)，切換到 bcrypt 算法進(jìn)行密碼保護(hù)，使系統(tǒng)能夠更安全地抵御網(wǎng)絡(luò)攻擊。讓我們深入了解一下。

1. WordPress 6.8 中的推測加載

推測加載是一種網(wǎng)站性能優(yōu)化技術(shù)，允許在用戶訪問頁面或資源之前對其進(jìn)行預(yù)取或預(yù)渲染，從而減少加載時(shí)間并改善用戶體驗(yàn)。

推測加載基于推測規(guī)則 API，這是一個(gè)實(shí)驗(yàn)性的 API，允許開發(fā)人員通過 JSON 中定義的接口根據(jù)預(yù)期的用戶交互指定預(yù)取或預(yù)渲染 URL 的規(guī)則。

目前，只有有限數(shù)量的瀏覽器支持推測規(guī)則 API，主要是基于 Chromium 121+ 的瀏覽器，例如較新版本的 Chrome、Edge 和 Opera。

如果網(wǎng)站使用推測加載規(guī)則，目前不支持推測規(guī)則 API 的瀏覽器（Firefox 和 Safari）的用戶不會受到懲罰。他們只是無法從該 API 帶來的性能提升中獲益。

預(yù)取和預(yù)渲染之間有一些重要的區(qū)別：

• 預(yù)取：<script type="speculationrules">元素或Speculation-Rules標(biāo)頭中的prefetch規(guī)則強(qiáng)制瀏覽器下載指定頁面的響應(yīng)主體，但不渲染這些頁面。預(yù)取不包括加載子資源和執(zhí)行 JavaScript。結(jié)果保存在指定的緩存中，當(dāng)用戶離開頁面時(shí)，緩存會被清空。如果用戶未訪問預(yù)取的頁面就離開，會造成一些資源浪費(fèi)，但與預(yù)渲染相比仍然較少。
• 預(yù)渲染：<script type="speculationrules">元素或Speculation-Rules標(biāo)頭中的prerender規(guī)則強(qiáng)制瀏覽器獲取、渲染內(nèi)容并將其加載到不可見的選項(xiàng)卡中，該選項(xiàng)卡存儲在每個(gè)文檔的內(nèi)存緩存中。使用預(yù)渲染時(shí)，所有子資源都會被加載，所有 JavaScript 代碼都會被執(zhí)行。結(jié)果會保存在專用緩存中，當(dāng)用戶離開頁面時(shí)，除了用戶導(dǎo)航到的頁面外，緩存會被清空。預(yù)渲染在性能方面帶來了顯著的優(yōu)勢，但會占用內(nèi)存和網(wǎng)絡(luò)帶寬，并且可能會消耗大量資源。

推測規(guī)則可以放在內(nèi)聯(lián)<script type="speculationrules">元素中，也可以放在 HTTP 標(biāo)頭Speculation-Rules引用的外部文件中。以下是在script標(biāo)簽中使用的示例：

{
	"prefetch": [
		{
			"source": "list",
			"urls": ["firstpage.html", "secondpage.html"]
		}
	]
}

在 6.8 版本之前，WordPress 用戶如果想要在其 WordPress 網(wǎng)站中添加推測加載功能，可以使用WordPress 性能團(tuán)隊(duì)提供的推測加載插件。該插件通過自動(dòng)預(yù)加載或預(yù)渲染 WordPress 前端 URL，提供了推測規(guī)則 API 的性能優(yōu)勢。

在 6.8 版本中，Speculative Loading 進(jìn)入了 WordPress 核心，它有兩個(gè)新功能：一個(gè)過濾器和一個(gè)操作：

wp_get_speculation_rules_configuration()函數(shù)返回當(dāng)前的推測規(guī)則配置（mode– prefetch/ prerender– 和eagerness– conservative/ moderate/ eager）。默認(rèn)值為 prefetch 和conservative，以最大限度地減少資源消耗并防止出現(xiàn)不良影響。根據(jù)開發(fā)者說明，“這與 Cloudflare 在其推測加載功能中使用的配置一致，并且它最大限度地減少了任何推測加載的可能性，而無需后續(xù)導(dǎo)航到 URL。”

以下代碼是如何在插件或活動(dòng)主題的功能文件中添加 wp_get_speculation_rules_configuration() 功能的示例：

add_action( 'wp_footer', function() {
	$config = wp_get_speculation_rules_configuration();
	echo '<pre>';
	print_r( $config );
	echo '</pre>';
} );

WordPress 核心實(shí)現(xiàn)在所有站點(diǎn)的前端啟用推測加載，除非用戶登錄或永久鏈接被禁用。

我們在 WordPress 6.8 中測試了推測加載，得到了以下輸出：

{
	"prefetch": [
		{
			"source": "document",
			"where": {
				"and": [
					{
						"href_matches": "\/*"
					},
					{
						"not": {
							"href_matches": [
								"\/wp-*.php",
								"\/wp-admin\/*",
								"\/wp-content\/uploads\/*",
								"\/wp-content\/*",
								"\/wp-content\/plugins\/*",
								"\/wp-content\/themes\/twentytwentyfive\/*",
								"\/*\\?(.+)"
							]
						}
					},
					{
						"not": {
							"selector_matches": "a[rel~=\"nofollow\"]"
						}
					},
					{
						"not": {
							"selector_matches": ".no-prefetch, .no-prefetch a"
						}
					}
				]
			},
			"eagerness": "conservative"
		}
	]
}

該wp_get_speculation_rules()函數(shù)根據(jù)配置生成推測規(guī)則的整個(gè)JSON對象。

您可以按照以下示例使用它：

add_action( 'wp_footer', function() {

	if ( function_exists( 'wp_get_speculation_rules' ) ) {

		$rules = wp_get_speculation_rules();

		if ( ! empty( $rules ) ) {
			echo '<h4>Speculation rules:</h4>';
			echo '<pre>';
			echo esc_html( json_encode( $rules, JSON_PRETTY_PRINT ) );
			echo '</pre>';
		} else {
			echo '<p>Speculation rules are empty or invalid.</p>';
		}
	} else {
		echo '<p>wp_get_speculation_rules() not available.</p>';
	}
});

您可以使用新的wp_speculation_rules_configuration過濾器來更改默認(rèn)配置，例如將渴望更改為moderate或eager強(qiáng)制特定行為。

您可以使用 wp_speculation_rules_configuration 過濾器通過添加帶有 source=list而不是 document 的URL 列表來僅預(yù)渲染相關(guān)文章，如下例所示：

add_filter('wp_speculation_rules_configuration', function( $config ) {
	$config['mode'] = 'prerender';
	$config['eagerness'] = 'eager';
	$config['urls'] = [
		'source' => 'list',
		'urls' => [
			home_url('/page-1/'),
			home_url('/page-2/')
		]
	];
	return $config;
}

該wp_load_speculation_rules操作允許您在主要核心推測規(guī)則之外添加自定義規(guī)則，而wp_speculation_rules_href_exclude_paths過濾器允許您從推測加載中排除其他路徑。

根據(jù)開發(fā)者說明，啟用推測加載的網(wǎng)站的最大內(nèi)容繪制 (LCP) 中位數(shù)提升了約 1.9%。考慮到這只是一次添加的結(jié)果，這是一個(gè)顯著的成果。

2. WordPress 6.8 中使用 Bcrypt 進(jìn)行密碼哈希處理

WordPress 6.8 將更改其用于保護(hù)用戶密碼的算法。WordPress 目前使用的是 phpass，但就現(xiàn)代安全性而言，它并非最佳選擇。WordPress 6.8 將改用更安全的 bcrypt 加密算法。

主要區(qū)別在于，bcrypt 需要花費(fèi)更多的時(shí)間和資源來破解，從而降低網(wǎng)絡(luò)攻擊的有效性。

此外，應(yīng)用程序密碼、用戶密碼重置密鑰、個(gè)人數(shù)據(jù)請求密鑰和恢復(fù)模式密鑰將從 phpass 切換到更安全、更快速的 BLAKE2b 哈希算法。

無需用戶操作即可實(shí)現(xiàn)此更改：

更新后，用戶首次登錄或下次更改密碼時(shí)，其密碼將自動(dòng)使用 bcrypt 重新哈希并重新保存到數(shù)據(jù)庫中。應(yīng)用程序密碼和安全密鑰不會自動(dòng)重新哈希，但如果現(xiàn)有哈希是在 WordPress 6.8 版本之前生成并在到期前使??用，則該哈希仍然有效。

目前，文章密碼將繼續(xù)使用 phpass，但將來可能會發(fā)生變化。

為了更深入地了解 WordPress 6.8 對 bcrypt 的采用情況以及針對開發(fā)人員的更深入的分析，請不要錯(cuò)過John Blackbourn 的開發(fā)說明。

面向開發(fā)人員的更新

WordPress 6.8 還為開發(fā)者帶來了一些有趣的更新。這些更新使創(chuàng)建和管理區(qū)塊變得更加容易，改進(jìn)了用戶界面并提升了網(wǎng)站性能。以下是新功能的詳細(xì)介紹以及它如何幫助簡化開發(fā)工作流程。

1. WordPress 6.8 中的多種塊類型注冊

WordPress 6.8 引入了更高效的塊類型注冊功能wp_register_block_types_from_metadata_collection()。此功能允許開發(fā)人員同時(shí)注冊多個(gè)塊類型，從而提高性能并簡化塊開發(fā)。

它基于WordPress 6.7 引入的塊類型注冊 API，對于通過一次調(diào)用注冊多個(gè)塊類型的插件特別有用，與單獨(dú)注冊每個(gè)塊相比，它提供了一種更高效、更簡單的塊注冊方法。

主要好處是，您無需為插件注冊的每個(gè)塊類型重復(fù)調(diào)用 register_block_type()。現(xiàn)在，您只需為該塊類型創(chuàng)建一個(gè)文件夾，即可將新的塊類型添加到現(xiàn)有插件中，并且無需在插件的 PHP 代碼庫中注冊該塊類型，因?yàn)樗袎K類型都會被自動(dòng)識別和注冊。

要使用這項(xiàng)強(qiáng)大的功能，您需要為所有塊類型創(chuàng)建一個(gè)清單。該清單是一個(gè) PHP 文件，包含項(xiàng)目中所有 block.json 文件的塊元數(shù)據(jù)，您可以使用NPM @wordpress/scripts包中的build-blocks-manifest 命令生成它。

一旦生成了清單，您就可以通過以下單個(gè)函數(shù)調(diào)用來注冊所有塊類型：

wp_register_block_types_from_metadata_collection(
	plugin_dir_path( __FILE__ ) . 'dist',
	plugin_dir_path( __FILE__ ) . 'dist/blocks-manifest.php'
);

要更仔細(xì)地了解新wp_register_block_types_from_metadata_collection()功能，請查看開發(fā)說明和build-block-manifest命令文檔。

2. 6.8 版用戶界面組件的幾項(xiàng)更新

WordPress 6.8對塊編輯器中的用戶界面組件進(jìn)行了多項(xiàng)更改，包括一些棄用和更新。一些值得注意的變化包括：

• Navigation組件已被棄用：Navigation組件（及其所有子組件）已被棄用，計(jì)劃在 WordPress 7.1 中強(qiáng)制移除。它將被Navigator組件取代。
• Navigator組件已經(jīng)穩(wěn)定：__experimentalUseNavigator 鉤子的__experimentalNavigatorToParentButton和goToParent方法已被棄用，并由__experimentalNavigatorBackButton和goBack取代。
• RadioGroup組件已被棄用：RadioGroup組件已被棄用。您可以使用RadioControl或ToggleGroupControl代替。

有關(guān) 6.8 中用戶界面組件更改的完整列表，請參閱開發(fā)者說明。

3. 交互 API 更新

交互 API 得到了多項(xiàng)改進(jìn)。在 WordPress 6.8 之前，當(dāng)用戶與頁面交互時(shí)，所有相關(guān)任務(wù)都會同時(shí)發(fā)生，如果耗時(shí)超過 50 毫秒，速度就會變慢。為了解決這個(gè)問題，WordPress 6.8 引入了異步處理程序，允許默認(rèn)異步運(yùn)行這些任務(wù)。這有助于改進(jìn) INP（Interaction to Next Paint，交互到下一次繪制）指標(biāo)，該指標(biāo)用于衡量網(wǎng)站對用戶交互的響應(yīng)能力。

此項(xiàng)更改正在為 WordPress 6.8 做準(zhǔn)備，但尚未完全實(shí)現(xiàn)。開發(fā)人員需要遵循新的最佳實(shí)踐，以避免出現(xiàn)警告并跟上這些改進(jìn)（例如使用異步方法）。引入的新功能是邁向更快、更可靠的 Interactivity API 的中間步驟。

要更深入了解新的 Interactivity API 最佳實(shí)踐，請查看Felix Arntz 的開發(fā)說明。

4. 給開發(fā)人員的性能警告

useSelect鉤子有助于在塊編輯器中獲取和管理數(shù)據(jù)，但如果使用不當(dāng)，可能會降低網(wǎng)站的速度。

從 WordPress 6.8 開始，如果啟用SCRIPT_DEBUG ，且調(diào)用 useSelect 過于頻繁或效率低下，開發(fā)者控制臺中將出現(xiàn)新的警告。更具體地說，如果在組件每次渲染（更新）時(shí)觸發(fā) useSelect，且未進(jìn)行適當(dāng)?shù)膬?yōu)化，則會顯示警告。

新的警告應(yīng)該可以幫助開發(fā)者識別可能的性能瓶頸。更多詳情請參閱開發(fā)者說明。

總結(jié)

WordPress 6.8 專注于完善現(xiàn)有功能并提升性能。主要增強(qiáng)功能包括：提升編輯器易用性、通過全新設(shè)計(jì)的全局樣式界面進(jìn)行設(shè)計(jì)升級，以及支持經(jīng)典主題的樣式書。此外，它還通過推測規(guī)則 API 的推測加載功能提升了性能，并通過 bcrypt 密碼哈希算法增強(qiáng)了安全性。

但這還不是全部。想要了解 WordPress 6.8 更全面的改進(jìn)和新增功能列表，請查看WordPress 官方博客上的WordPress 6.8 字段指南和其他面向開發(fā)者的變更。

現(xiàn)在輪到你了。你安裝 WordPress 6.8 了嗎？你的第一印象如何？歡迎在下面的評論區(qū)分享你的想法。

注：文本出自 https://kinsta.com/blog/wordpress-6-8/，由 WordPress大學(xué) 翻譯整理。