WordPress 6.7 Beta 3測(cè)試指南:新功能、測(cè)試步驟及關(guān)鍵改進(jìn)

WordPress 6.7 Beta 3(第三測(cè)試版本) 現(xiàn)已準(zhǔn)備好進(jìn)行測(cè)試!

這個(gè)測(cè)試版 WordPress 軟件還處于正在開(kāi)發(fā)中。大家下載測(cè)試的時(shí)候,記得一定不要在運(yùn)營(yíng)中關(guān)鍵網(wǎng)站上安裝、運(yùn)行或測(cè)試這個(gè)版本的 WordPress。建議還是和前面兩個(gè)測(cè)試版本WordPress 6.7 Beta 1WordPress 6.7 Beta 2)一樣,最好是下載WordPress 6.7 Beta 3 部署一個(gè)空白網(wǎng)站測(cè)試

圖片[1]-WordPress 6.7 Beta 3測(cè)試指南:新功能、測(cè)試步驟及關(guān)鍵改進(jìn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

還是一樣的,可以通過(guò)下面四種方式測(cè)試 WordPress 6.7 Beta 3:

插件在 WordPress 安裝中安裝并激活WordPress Beta Tester插件。(選擇“Bleeding edge”頻道和“Beta/RC Only”流)。
直接下載下載Beta 3 版本(zip)并將其安裝在 WordPress 網(wǎng)站上。
命令行使用以下WP-CLI命令:wp core update --version=6.7-beta3
WordPress Playground使用6.7 Beta 3 WordPress Playground 實(shí)例直接在瀏覽器中測(cè)試軟件,無(wú)需單獨(dú)的站點(diǎn)或設(shè)置。 

WordPress 6.7 最終版本的當(dāng)前目標(biāo)日期是2024 年 11 月 12 日。

怎么測(cè)試WordPress 6.7 Beta 3

這個(gè)版本中的一大亮點(diǎn)是新的默認(rèn)主題Twenty Twenty-F??ive,它給服務(wù)、登錄頁(yè)面等類(lèi)別提供了多種模式的靈活性。它注重簡(jiǎn)潔性和適應(yīng)性,包括精美的排版和全球通用的調(diào)色板。

圖片[2]-WordPress 6.7 Beta 3測(cè)試指南:新功能、測(cè)試步驟及關(guān)鍵改進(jìn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

測(cè)試 WordPress Beta 版本的方法

有多種方法可以測(cè)試 WordPress 開(kāi)發(fā)或測(cè)試版本:

Playground

Playground是一種簡(jiǎn)單快捷的方法來(lái)測(cè)試 WordPress 的 Beta 版或候選版本,而無(wú)需設(shè)置完整的環(huán)境??梢允褂?a href="http://gqxi.cn/?golink=aHR0cHM6Ly9wbGF5Z3JvdW5kLndvcmRwcmVzcy5uZXQvIyU3QiUyMCUyMnByZWZlcnJlZFZlcnNpb25zJTIyOiUyMCU3QiUyMCUyMnBocCUyMjolMjAlMjI4LjAlMjIsJTIwJTIyd3AlMjI6JTIwJTIyaHR0cHM6Ly9wbGF5Z3JvdW5kLndvcmRwcmVzcy5uZXQvcGx1Z2luLXByb3h5LnBocD9idWlsZC1yZWY9MTFiMzY0ZmJmZmJhYjI4ZDkxMjdiZTkxZWUyZDQ4ZjY2NDVhNjUwOSUyMiUyMCU3RCwlMjAlMjJmZWF0dXJlcyUyMjolMjAlN0IlMjAlMjJuZXR3b3JraW5nJTIyOiUyMHRydWUlMjAlN0QsJTIwJTIyc3RlcHMlMjI6JTIwJTVCJTIwJTdCJTIwJTIyc3RlcCUyMjolMjAlMjJsb2dpbiUyMiwlMjAlMjJ1c2VybmFtZSUyMjolMjAlMjJhZG1pbiUyMiwlMjAlMjJwYXNzd29yZCUyMjolMjAlMjJwYXNzd29yZCUyMiUyMCU3RCwlMjAlN0IlMjAlMjJzdGVwJTIyOiUyMCUyMmltcG9ydEZpbGUlMjIsJTIwJTIyZmlsZSUyMjolMjAlN0IlMjAlMjJyZXNvdXJjZSUyMjolMjAlMjJ1cmwlMjIsJTIwJTIydXJsJTIyOiUyMCUyMmh0dHBzOi8vcmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbS93cGFjY2Vzc2liaWxpdHkvYTExeS10aGVtZS11bml0LXRlc3QvbWFzdGVyL2ExMXktdGhlbWUtdW5pdC10ZXN0LWRhdGEueG1sJTIyJTIwJTdEJTIwJTdELCUyMCU3QiUyMCUyMnN0ZXAlMjI6JTIwJTIyaW1wb3J0RmlsZSUyMiwlMjAlMjJmaWxlJTIyOiUyMCU3QiUyMCUyMnJlc291cmNlJTIyOiUyMCUyMnVybCUyMiwlMjAlMjJ1cmwlMjI6JTIwJTIyaHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL1dvcmRQcmVzcy90aGVtZS10ZXN0LWRhdGEvbWFzdGVyL3RoZW1ldW5pdHRlc3RkYXRhLndvcmRwcmVzcy54bWwlMjIlMjAlN0QlMjAlN0QsJTIwJTdCJTIwJTIyc3RlcCUyMjolMjAlMjJpbnN0YWxsUGx1Z2luJTIyLCUyMCUyMnBsdWdpblppcEZpbGUlMjI6JTIwJTdCJTIwJTIycmVzb3VyY2UlMjI6JTIwJTIyd29yZHByZXNzLm9yZy9wbHVnaW5zJTIyLCUyMCUyMnNsdWclMjI6JTIwJTIycXVlcnktbW9uaXRvciUyMiUyMCU3RCwlMjAlMjJvcHRpb25zJTIyOiUyMCU3QiUyMCUyMmFjdGl2YXRlJTIyOiUyMGZhbHNlJTIwJTdELCUyMCUyMnByb2dyZXNzJTIyOiUyMCU3QiUyMCUyMndlaWdodCUyMjolMjAyJTIwJTdEJTIwJTdELCUyMCU3QiUyMCUyMnN0ZXAlMjI6JTIwJTIyaW5zdGFsbFBsdWdpbiUyMiwlMjAlMjJwbHVnaW5aaXBGaWxlJTIyOiUyMCU3QiUyMCUyMnJlc291cmNlJTIyOiUyMCUyMndvcmRwcmVzcy5vcmcvcGx1Z2lucyUyMiwlMjAlMjJzbHVnJTIyOiUyMCUyMmNyZWF0ZS1ibG9jay10aGVtZSUyMiUyMCU3RCwlMjAlMjJwcm9ncmVzcyUyMjolMjAlN0IlMjAlMjJ3ZWlnaHQlMjI6JTIwMiUyMCU3RCUyMCU3RCwlMjAlN0IlMjAlMjJzdGVwJTIyOiUyMCUyMmluc3RhbGxQbHVnaW4lMjIsJTIwJTIycGx1Z2luWmlwRmlsZSUyMjolMjAlN0IlMjAlMjJyZXNvdXJjZSUyMjolMjAlMjJ3b3JkcHJlc3Mub3JnL3BsdWdpbnMlMjIsJTIwJTIyc2x1ZyUyMjolMjAlMjJkZWJ1Zy1iYXIlMjIlMjAlN0QsJTIwJTIycHJvZ3Jlc3MlMjI6JTIwJTdCJTIwJTIyd2VpZ2h0JTIyOiUyMDIlMjAlN0QlMjAlN0QsJTIwJTdCJTIwJTIyc3RlcCUyMjolMjAlMjJpbnN0YWxsUGx1Z2luJTIyLCUyMCUyMnBsdWdpblppcEZpbGUlMjI6JTIwJTdCJTIwJTIycmVzb3VyY2UlMjI6JTIwJTIyd29yZHByZXNzLm9yZy9wbHVnaW5zJTIyLCUyMCUyMnNsdWclMjI6JTIwJTIyaGVhbHRoLWNoZWNrJTIyJTIwJTdELCUyMCUyMnByb2dyZXNzJTIyOiUyMCU3QiUyMCUyMndlaWdodCUyMjolMjAyJTIwJTdEJTIwJTdELCUyMCU3QiUyMCUyMnN0ZXAlMjI6JTIwJTIyaW5zdGFsbFBsdWdpbiUyMiwlMjAlMjJwbHVnaW5aaXBGaWxlJTIyOiUyMCU3QiUyMCUyMnJlc291cmNlJTIyOiUyMCUyMndvcmRwcmVzcy5vcmcvcGx1Z2lucyUyMiwlMjAlMjJzbHVnJTIyOiUyMCUyMnRlc3QtcmVwb3J0cyUyMiUyMCU3RCwlMjAlMjJwcm9ncmVzcyUyMjolMjAlN0IlMjAlMjJ3ZWlnaHQlMjI6JTIwMiUyMCU3RCUyMCU3RCwlMjAlN0IlMjAlMjJzdGVwJTIyOiUyMCUyMmluc3RhbGxQbHVnaW4lMjIsJTIwJTIycGx1Z2luWmlwRmlsZSUyMjolMjAlN0IlMjAlMjJyZXNvdXJjZSUyMjolMjAlMjJ3b3JkcHJlc3Mub3JnL3BsdWdpbnMlMjIsJTIwJTIyc2x1ZyUyMjolMjAlMjJ1c2VyLXN3aXRjaGluZyUyMiUyMCU3RCwlMjAlMjJwcm9ncmVzcyUyMjolMjAlN0IlMjAlMjJ3ZWlnaHQlMjI6JTIwMiUyMCU3RCUyMCU3RCUyMCU1RCUyMCU3RA==&nonce=1562686fe3" >WordPress Playground快速啟動(dòng)測(cè)試環(huán)境。

本地自托管網(wǎng)站

可以使用Localwp-env等軟件創(chuàng)建本地 WordPress 網(wǎng)站。網(wǎng)站準(zhǔn)備就緒后,可以安裝 Beta Tester插件以切換到 WordPress 的測(cè)試版。

設(shè)置步驟:

  1. 下載并安裝本地
  2. 創(chuàng)建一個(gè)新的 WordPress 網(wǎng)站。
  3. 網(wǎng)站啟動(dòng)并運(yùn)行后,使用 WordPress Beta Tester 插件將其切換到 WordPress 的開(kāi)發(fā)版或測(cè)試版。此插件可以比較輕松的安裝 WordPress 的預(yù)發(fā)布版本。
    要使用此插件:
    1. 安裝并激活 WordPress Beta Tester 插件。
    2. 導(dǎo)航至工具 > Beta 測(cè)試。
    3. 根據(jù)想要測(cè)試的內(nèi)容,選擇“Bleeding edge”或“ Point release nightlies”選項(xiàng)。
    4. 單擊“保存更改”并更新 WordPress 版本。

通過(guò)WP-CLI

如果喜歡使用命令行工具,則可以使用WP-CLI快速安裝 WordPress 測(cè)試版。 

步驟:

  • 使用自己喜歡的方法創(chuàng)建本地 WordPress 網(wǎng)站。
  • 網(wǎng)站設(shè)置完成后,打開(kāi)終端并導(dǎo)航到 WordPress 安裝的根目錄。

運(yùn)行以下命令更新到最新的測(cè)試版本:

wp core update --version=6.7-beta3

或者是

wp core update --version=6.7-RC1

(根據(jù)需要替換版本號(hào),例如 –version=6.7-beta2。)

這個(gè)方法可以快速地在不同版本之間切換,更容易測(cè)試特定的版本。

用臨時(shí)站點(diǎn)測(cè)試

可以為生產(chǎn)/實(shí)時(shí)站點(diǎn)創(chuàng)建一個(gè)臨時(shí)站點(diǎn),并將其更新為 WordPress beta版本。這樣就可以安全地測(cè)試新版本,而不會(huì)影響實(shí)時(shí)站點(diǎn)。在將更新應(yīng)用到生產(chǎn)/實(shí)時(shí)環(huán)境之前,要確保一切正常。

測(cè)試補(bǔ)丁

如果打算測(cè)試補(bǔ)丁,可以按照這些說(shuō)明在本地設(shè)置 WordPress 開(kāi)發(fā)版本。

圖片[3]-WordPress 6.7 Beta 3測(cè)試指南:新功能、測(cè)試步驟及關(guān)鍵改進(jìn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

常規(guī)測(cè)試清單

如果想快速測(cè)試更新后的 WordPress 版本與網(wǎng)站的兼容性,請(qǐng)驗(yàn)證下面檢查:

首先,將 WordPress 更新到 Beta或RC 版本,在 wp-config.php 中啟用調(diào)試,并更新主題和插件。

  • 確保插件和主題在更新后不會(huì)自動(dòng)停用。
  • 檢查 WordPress站點(diǎn)健康工具是否存在任何新的警告或問(wèn)題。
  • 確認(rèn)沒(méi)有布局中斷或未對(duì)齊的元素。
  • 測(cè)試鏈接和永久鏈接以確保沒(méi)有 404 錯(cuò)誤。
  • 驗(yàn)證帖子、圖像和媒體是否正確顯示。
  • 確保站點(diǎn)地圖和 robots.txt 文件正常運(yùn)行。
  • 確保完全訪問(wèn)管理儀表板且無(wú)錯(cuò)誤。
  • 如果網(wǎng)站有自定義塊,請(qǐng)?jiān)谛聣K中創(chuàng)建內(nèi)容并編輯現(xiàn)有內(nèi)容。
  • 創(chuàng)建新帖子:添加內(nèi)容、復(fù)制粘貼文本并手動(dòng)添加媒體文件。保存帖子并觀察控制臺(tái)是否有任何問(wèn)題。
  • 創(chuàng)建一個(gè)新頁(yè)面,添加內(nèi)容,并檢查其在不同瀏覽器中的顯示。
  • 打開(kāi)瀏覽器的開(kāi)發(fā)者控制臺(tái)并檢查是否有任何錯(cuò)誤、警告或通知。
  • 打開(kāi)錯(cuò)誤日志文件并檢查通知、警告和致命錯(cuò)誤。
  • 審查用戶角色和權(quán)限以確保其保持完整。
  • 驗(yàn)證任何預(yù)定的帖子或自動(dòng)任務(wù)(如備份)是否仍按預(yù)期運(yùn)行。
  • 確保所有集成服務(wù)(如支付網(wǎng)關(guān)或分析)正常運(yùn)作。
  • 在不同的瀏覽器中打開(kāi)網(wǎng)站并驗(yàn)證所有功能是否按預(yù)期運(yùn)行。

要測(cè)試的關(guān)鍵功能

新的默認(rèn)主題 – Twenty Twenty-F??ive

在 WordPress 6.7 中,Twenty Twenty-F??ive 主題實(shí)現(xiàn)了簡(jiǎn)潔性和靈活性的完美平衡。該主題的設(shè)計(jì)靈感來(lái)自自然和歷史,提供了各種各樣的圖案和模板,以適應(yīng)從個(gè)人博客到復(fù)雜作品集的各種用例。它包括豐富的調(diào)色板和各種博客模板,使其適合全球受眾,有關(guān)此新主題的更多詳細(xì)信息,請(qǐng)閱讀介紹文章。 

模式

Twenty Twenty-F??ive 主題引入了各種預(yù)構(gòu)建模式,可幫助用戶高效創(chuàng)建頁(yè)面。這些模式涵蓋各種類(lèi)別,例如服務(wù)、關(guān)于頁(yè)面、號(hào)召性用語(yǔ)等。它們旨在提供靈活性和互操作性,讓用戶能夠快速構(gòu)建有目的且有凝聚力的頁(yè)面布局。

測(cè)試步驟:

  1. 導(dǎo)航到外觀 > 編輯器以打開(kāi)站點(diǎn)編輯器。
  2. 打開(kāi)任何模板或創(chuàng)建新頁(yè)面。
  3. 單擊“+”圖標(biāo)添加新塊。
  4. 轉(zhuǎn)到塊插入器中的“圖案”選項(xiàng)卡。
  5. 從不同類(lèi)別(例如服務(wù)、關(guān)于、行動(dòng)號(hào)召或圖庫(kù))中選擇圖案。
  6. 插入圖案并檢查它們是否正確顯示。
  7. 通過(guò)在單個(gè)頁(yè)面上組合多種模式來(lái)測(cè)試這些模式的互操作性。
  8. 根據(jù)需要調(diào)整和定制模式,并確保它們能夠在不同的設(shè)備上響應(yīng)。
  9. 確保站點(diǎn)編輯器中的布局與前端的布局相匹配。 

調(diào)色板和樣式

該主題提供多種配色方案和樣式變化,讓用戶可以輕松自定義網(wǎng)站的外觀。該主題包括多種配色方案和排版搭配,專(zhuān)為全球使用而設(shè)計(jì),確保為各種語(yǔ)言和地區(qū)提供高質(zhì)量的支持。這些選項(xiàng)讓用戶可以靈活地將網(wǎng)站的美感與其獨(dú)特風(fēng)格相匹配,同時(shí)保持統(tǒng)一且視覺(jué)上有吸引力的外觀。

測(cè)試步驟:

  1. 導(dǎo)航到外觀 > 編輯器以打開(kāi)站點(diǎn)編輯器。
  2. 單擊右上角的樣式按鈕(半月形圖標(biāo))。
  3. 選擇不同的調(diào)色板和字體搭配應(yīng)用于您的網(wǎng)站。
  4. 當(dāng)選擇新的調(diào)色板或樣式時(shí),觀察整個(gè)網(wǎng)站的顏色和字體如何變化。
  5. 保存更改并在前端預(yù)覽網(wǎng)站以確認(rèn)新樣式已正確應(yīng)用于所有頁(yè)面。

模板

Twenty Twenty-F??ive 提供一系列可適應(yīng)的博客模板,包括帶有側(cè)邊欄的以文本為中心的博客和以視覺(jué)為主導(dǎo)的照片博客。它與網(wǎng)站編輯器完全集成,并利用了網(wǎng)格塊和圖案/部分樣式等新設(shè)計(jì)功能。

替代模板設(shè)計(jì)

主題包含四套備選設(shè)計(jì):純文本博客、照片博客、新聞博客和帶有垂直標(biāo)題的博客。這些設(shè)計(jì)以圖案形式構(gòu)建,用于替換模板內(nèi)容。

要測(cè)試照片博客設(shè)計(jì),請(qǐng)按照以下步驟操作:

  1. 轉(zhuǎn)到外觀 > 編輯器。
  2. 選擇菜單選項(xiàng)模板。
  3. 選擇您想要測(cè)試的模板,例如單個(gè)帖子、頁(yè)面、存檔或博客主頁(yè)。
  4. 在編輯器中,打開(kāi)“設(shè)置”側(cè)欄。
  5. 選擇“模板”選項(xiàng)卡。
  6. 在模板選項(xiàng)卡中,找到并展開(kāi)設(shè)計(jì)面板。
  7. 設(shè)計(jì)面板顯示可用設(shè)計(jì)的預(yù)覽:
    • 將鼠標(biāo)懸停在預(yù)覽上即可查看設(shè)計(jì)名稱(chēng)。
    • 單擊預(yù)覽可以用所選的設(shè)計(jì)替換模板的內(nèi)容。
  8. 確保站點(diǎn)編輯器中的布局與前端的布局相匹配

部分樣式

Twenty Twenty-F??ive 主題引入了四種獨(dú)特的部分樣式,主要用于更改組塊和列塊的顏色。這些樣式可以靈活地創(chuàng)建具有視覺(jué)吸引力的布局。測(cè)試包括確保新樣式在編輯器和前端都正確應(yīng)用,重點(diǎn)是可用性和可讀性。


測(cè)試步驟:

  1. 在儀表板中創(chuàng)建新帖子或頁(yè)面。
  2. 插入組塊或列塊。
  3. 在組或列塊內(nèi),添加一些塊,如標(biāo)題、段落等。
  4. 打開(kāi)設(shè)置側(cè)欄,然后選擇阻止選項(xiàng)卡。
  5. 打開(kāi)“樣式”選項(xiàng)卡并找到頂部的“樣式”面板。
  6. 選擇其中一種備選樣式。對(duì)每種樣式重復(fù)上述步驟,以測(cè)試所有樣式。
  7. 確保編輯器和前端的設(shè)計(jì)看起來(lái)相同。
  8. 驗(yàn)證顏色組合是否可讀,包括背景、文本、鏈接和按鈕。

完善數(shù)據(jù)視圖 

能夠設(shè)置網(wǎng)格布局中的信息密度

在 WordPress 6.7 中,用戶可以調(diào)整網(wǎng)格布局的密度,從而提供更加可定制且響應(yīng)更快的查看體驗(yàn)。這更新在網(wǎng)格視圖中引入了新的UI控件,使用戶可以選擇自己喜歡的密度。

圖片[4]-WordPress 6.7 Beta 3測(cè)試指南:新功能、測(cè)試步驟及關(guān)鍵改進(jìn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

測(cè)試說(shuō)明:

  1. 從儀表板打開(kāi)站點(diǎn)編輯器
  2. 導(dǎo)航至“模式”部分。
  3. 單擊設(shè)置圖標(biāo),打開(kāi)外觀和設(shè)置面板。
  4. 從“預(yù)覽大小”調(diào)整網(wǎng)格密度選項(xiàng)。
  5. 觀察圖案如何顯示。

在用戶界面中隱藏/顯示過(guò)濾器的選項(xiàng)

圖片[5]-WordPress 6.7 Beta 3測(cè)試指南:新功能、測(cè)試步驟及關(guān)鍵改進(jìn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

能夠自定義表格視圖中的列順序

WordPress 6.7 引入了自定義表格視圖中列順序的功能,為數(shù)據(jù)顯示方式提供了更大的靈活性。此功能允許用戶在管理模板、模式或頁(yè)面時(shí)向左或向右移動(dòng)表格列以創(chuàng)建更個(gè)性化的布局。

測(cè)試說(shuō)明:

  1. 在 WordPress 中打開(kāi)任何表格數(shù)據(jù)視圖(模板、模式或頁(yè)面)。
  2. 單擊列標(biāo)題可查看可用的操作。
  3. 選擇“左移”或“右移”來(lái)重新排列列。
  4. 驗(yàn)證列是否進(jìn)行了相應(yīng)調(diào)整并在頁(yè)面刷新時(shí)保持新的順序。

菜單上的分級(jí)數(shù)據(jù)視圖選項(xiàng)允許更多設(shè)計(jì)表達(dá)

數(shù)據(jù)視圖選項(xiàng)已得到改進(jìn),設(shè)計(jì)靈活性更高。添加了一個(gè)帶有齒輪圖標(biāo)的新“視圖選項(xiàng)”設(shè)置。這會(huì)打開(kāi)一個(gè)“外觀”彈出窗口,允許用戶管理視圖首選項(xiàng)。

例如:每頁(yè)的項(xiàng)目數(shù)和排序選項(xiàng)。

例如:“排序依據(jù)”、“排序依據(jù)”、預(yù)覽大小、每頁(yè)的項(xiàng)目數(shù)等。

測(cè)試說(shuō)明:

  1. 在站點(diǎn)編輯器中打開(kāi)任何數(shù)據(jù)視圖(模板、模式或頁(yè)面)。
  2. 單擊齒輪圖標(biāo)以顯示“查看選項(xiàng)”設(shè)置。
  3. 打開(kāi)“外觀”彈出窗口來(lái)探索可用的選項(xiàng)。
  4. 調(diào)整每頁(yè)的項(xiàng)目數(shù)和排序選項(xiàng)(例如“排序依據(jù)”和“排序依據(jù)”)。
  5. 驗(yàn)證設(shè)置是否已應(yīng)用并反映在數(shù)據(jù)視圖中。

完善查詢循環(huán) 

查詢循環(huán)塊是 WordPress 中網(wǎng)站建設(shè)的關(guān)鍵組件,目前正在進(jìn)行改進(jìn),以提高其可用性和直觀性。雖然它仍然是一個(gè)功能強(qiáng)大且用途廣泛的塊,但這些改進(jìn)的重點(diǎn)是使自定義更加簡(jiǎn)單。主要變化包括更好的上下文檢測(cè)和更清晰的設(shè)置副本,確保用戶可以輕松創(chuàng)建和管理復(fù)雜的查詢。 

測(cè)試說(shuō)明:

  1. 打開(kāi) WordPress 儀表板并創(chuàng)建新頁(yè)面或帖子。
  2. 在頁(yè)面或帖子中插入查詢循環(huán)塊。
  3. 檢查側(cè)欄中的設(shè)置,并注意描述。
  4. 自定義查詢循環(huán)并確保更改直觀且易于應(yīng)用。
  5. 保存您的更改并檢查前端輸出的準(zhǔn)確性。 

縮小以使用圖案進(jìn)行構(gòu)圖

WordPress 6.7 引入了新的“縮小”功能,以增強(qiáng)用戶在構(gòu)建和編輯網(wǎng)站時(shí)與圖案的交互方式。這個(gè)功能提供高級(jí)編輯視圖,使用戶可以專(zhuān)注于圖案,而不是逐塊進(jìn)行精細(xì)的調(diào)整。關(guān)鍵方面包括用于插入圖案、創(chuàng)建以圖案為重點(diǎn)的新頁(yè)面以及通過(guò)垂直工具欄管理它們(移動(dòng)、刪除等)的縮小界面。用戶可以在縮小和詳細(xì)的塊編輯之間切換,通過(guò)改進(jìn)的圖案操作和高級(jí)純內(nèi)容編輯來(lái)增強(qiáng)整體用戶體驗(yàn)。

用圖案構(gòu)建

測(cè)試說(shuō)明:

  1. 導(dǎo)航到站點(diǎn)編輯器并將模式插入頁(yè)面或帖子。
  2. 使用縮小按鈕切換到縮小視圖。
  3. 驗(yàn)證頁(yè)面的整體結(jié)構(gòu)是否可見(jiàn),以便更輕松地操作模式。
  4. 在縮小視圖中,嘗試使用新的垂直工具欄移動(dòng)、刪除和重新排列圖案。
  5. 確保圖案準(zhǔn)確響應(yīng)拖放操作并且正確放置而不會(huì)意外移動(dòng)。
  6. 檢查縮放選項(xiàng)是否按預(yù)期運(yùn)行,可以放大以查看詳細(xì)的塊編輯,并縮小以查看更廣闊的頁(yè)面視圖。
  7. 觀察在縮小模式下與圖案交互時(shí)是否存在任何UX問(wèn)題或不一致之處。
  8. 退出縮小模式并確保所有更改保持完整并在標(biāo)準(zhǔn)塊編輯器中正確顯示。

探索縮小版風(fēng)格變化

測(cè)試說(shuō)明:

  1. 打開(kāi)外觀 > 編輯器以訪問(wèn)站點(diǎn)編輯器。
  2. 選擇畫(huà)布開(kāi)始編輯博客主頁(yè)模板。
  3. 打開(kāi)樣式并選擇瀏覽樣式以查看各種樣式變化選項(xiàng)。這將自動(dòng)觸發(fā)縮小視圖。
  4. 滾動(dòng)瀏覽不同的樣式選項(xiàng)并探索縮小視圖的功能。
  5. 通過(guò)打開(kāi)和關(guān)閉樣式塊、切換樣式塊以及返回樣式變化進(jìn)行比較,可以在進(jìn)入和離開(kāi)縮小視圖之間切換。

媒體改進(jìn)

WordPress 6.7 引入了重大的媒體改進(jìn),增強(qiáng)了媒體的處理和顯示方式。主要更新包括支持 HEIC 圖像上傳和自動(dòng)轉(zhuǎn)換、延遲加載圖像的自動(dòng)調(diào)整大小以及擴(kuò)展的背景圖像功能。用戶現(xiàn)在可以在塊和全局級(jí)別設(shè)置背景圖像,并提供固定背景等新選項(xiàng)。此外,還引入了更簡(jiǎn)化的模式界面來(lái)管理背景圖像。這些改進(jìn)優(yōu)化了媒體處理并提高了網(wǎng)站設(shè)計(jì)靈活性。

支持 HEIC 圖像上傳

HEIC 圖像上傳會(huì)在服務(wù)器上自動(dòng)轉(zhuǎn)換為 JPEG,確保與所有瀏覽器兼容。原始 HEIC 圖像仍可從附件頁(yè)面下載。如果服務(wù)器不支持通過(guò) Imagick 進(jìn)行 HEIC 轉(zhuǎn)換,WordPress 將提示用戶手動(dòng)轉(zhuǎn)換圖像。

測(cè)試說(shuō)明:

  1. 在媒體庫(kù)中上傳 HEIC 圖像。
  2. 確認(rèn)圖像已轉(zhuǎn)換為 JPEG。
  3. 檢查原始 HEIC 是否可以在附件頁(yè)面下載。
  4. 在工具 → 站點(diǎn)健康 → 信息 → 媒體處理中驗(yàn)證 Imagick HEIC 支持。
  5. 如果服務(wù)器缺少 HEIC 支持,則確保出現(xiàn)警告。
  6. 確認(rèn)圖像在不同瀏覽器的帖子和頁(yè)面中正確顯示。

延遲加載圖像的自動(dòng)大小。 

此功能會(huì)自動(dòng)將 auto 值添加到任何延遲加載圖像的 sizes 屬性開(kāi)頭。此增強(qiáng)功能可幫助瀏覽器自動(dòng)確定合適的圖像大小,從而提高圖像響應(yīng)能力。 

測(cè)試說(shuō)明:

  1. 在您的 WordPress 網(wǎng)站上啟用圖像的延遲加載(此功能可能默認(rèn)啟用)。
  2. 將圖像上傳或插入到帖子或頁(yè)面中。
  3. 打開(kāi)瀏覽器的開(kāi)發(fā)者工具并檢查圖像標(biāo)簽。
  4. 檢查所有延遲加載圖像的 size 屬性是否以 auto 開(kāi)頭。
  5. 保存并預(yù)覽帖子或頁(yè)面以確保前端的圖像加載行為正確。

全局樣式中的塊級(jí)背景圖像

WordPress 6.7 引入了在全局樣式級(jí)別設(shè)置塊背景圖像的功能,使用戶可以更好地控制其網(wǎng)站的外觀。此新功能允許用戶將背景圖像應(yīng)用于特定塊類(lèi)型(例如 Quote 塊)的所有實(shí)例,同時(shí)還保留了在單個(gè)塊級(jí)別覆蓋默認(rèn)背景的靈活性。這為 WordPress 主題增加了另一層自定義功能,從而實(shí)現(xiàn)了更具凝聚力和視覺(jué)吸引力的設(shè)計(jì)。

測(cè)試說(shuō)明:

  1. 從外觀 > 編輯器打開(kāi)站點(diǎn)編輯器 
  2. 選擇一個(gè)模板并導(dǎo)航到“樣式”>“塊”。
  3. 搜索一個(gè)塊并在全局樣式級(jí)別為該塊設(shè)置背景圖像,例如,為 Quote 塊設(shè)置背景圖像。
  4. 檢查所有引用塊現(xiàn)在是否都應(yīng)用了默認(rèn)背景圖像。
  5. 驗(yàn)證全局和單個(gè)塊級(jí)設(shè)置是否正常工作且沒(méi)有任何問(wèn)題。

添加對(duì)背景附件(固定背景)的支持

WordPress 6.7 引入了一項(xiàng)新功能,允許切換塊和站點(diǎn)背景的背景附件行為。用戶現(xiàn)在可以選擇背景圖像是否隨頁(yè)面滾動(dòng)或保持固定。這增強(qiáng)了塊和站點(diǎn)背景的設(shè)計(jì)靈活性。

測(cè)試說(shuō)明:

  1. 向塊添加背景圖像。
  2. 確認(rèn)背景圖片默認(rèn)隨頁(yè)面滾動(dòng)。
  3. 切換“固定背景”選項(xiàng)。
  4. 驗(yàn)證背景圖像現(xiàn)在是否已修復(fù)。
  5. 保存更改并檢查前端以確認(rèn)行為。
  6. 在站點(diǎn)編輯器的樣式 > 布局下,添加站點(diǎn)背景圖像。
  7. 對(duì)網(wǎng)站背景測(cè)試相同的滾動(dòng)和固定行為。

更新背景圖像支持以使用模式 

本次更新引入了一個(gè)彈出側(cè)邊欄面板,允許用戶添加、上傳或重置背景圖片。彈出窗口可以更輕松地訪問(wèn)背景圖片控件,確保無(wú)縫調(diào)整背景圖片屬性(如位置、大小等)。

測(cè)試說(shuō)明:

  1. 導(dǎo)航到側(cè)邊欄中的塊設(shè)置并添加背景圖像。
  2. 驗(yàn)證單擊側(cè)邊欄中的背景圖像是否會(huì)觸發(fā)模態(tài)彈出窗口。
  3. 使用彈出窗口內(nèi)的控件來(lái)調(diào)整背景圖像屬性(例如位置、大?。?。

設(shè)計(jì)工具 

設(shè)計(jì)工具已得到顯著增強(qiáng),擴(kuò)大了塊支持,為設(shè)計(jì)師和主題設(shè)計(jì)者提供了更大的靈活性和創(chuàng)造性控制。主要更新包括期待已久的組塊陰影支持,以及增加了對(duì)按鈕、圖庫(kù)和段落等各種塊的邊框、顏色、填充和背景的支持。這些改進(jìn)旨在簡(jiǎn)化自定義,允許直接在塊編輯器中進(jìn)行更復(fù)雜的設(shè)計(jì)。

繼續(xù)改進(jìn)對(duì)PHP 8.x 的支持

WordPress 6.7 通過(guò)刪除特定于較舊、不受支持的 PHP 版本的代碼,繼續(xù)增強(qiáng)與 PHP 8.x 的兼容性。這可確保在最新版本的 PHP 上運(yùn)行的網(wǎng)站具有更好的性能、安全性和穩(wěn)定性。

測(cè)試說(shuō)明:

  1. 將 WordPress 網(wǎng)站更新到 PHP 8.x。
  2. 按照上面“一般測(cè)試”部分所述執(zhí)行測(cè)試。
  3. 監(jiān)控網(wǎng)站功能中的任何警告、通知或錯(cuò)誤。
  4. 檢查錯(cuò)誤日志以確保沒(méi)有使用已棄用或已刪除的功能。
  5. 驗(yàn)證管理儀表板和前端加載是否沒(méi)有問(wèn)題。

API發(fā)布和迭代

此版本包含兩個(gè)旨在簡(jiǎn)化開(kāi)發(fā)人員工作流程的新 API:

模板注冊(cè) API  

此功能通過(guò)引入新 API 簡(jiǎn)化了插件的模板注冊(cè)。以前,插件必須掛接到多個(gè)過(guò)濾器,但現(xiàn)在它們可以更輕松、更高效地注冊(cè)模板。

預(yù)覽選項(xiàng) API  

此 API 為預(yù)覽功能提供了更大的靈活性,使插件開(kāi)發(fā)人員能夠?qū)⒆远x預(yù)覽選項(xiàng)無(wú)縫集成到 WordPress 編輯器中。它滿足了對(duì)各種發(fā)布流程和工具的需求。

交互API

WordPress 6.7 引入了 Block API 的增強(qiáng)功能,包括旨在提高交互性的新功能。目前,重點(diǎn)是測(cè)試 Lightbox Support 功能的 UI 和功能。 

測(cè)試說(shuō)明:

  1. 將圖庫(kù)塊添加到帖子或頁(yè)面。
  2. 上傳并插入一些圖片。
  3. 對(duì)于每張圖片,選擇“鏈接”選項(xiàng),然后選擇“單擊以展開(kāi)”以啟用燈箱。
  4. 保存頁(yè)面并在前端查看。
  5. 測(cè)試單擊圖像是否會(huì)打開(kāi)燈箱并確保它支持鍵盤(pán)輔助功能。
圖片[6]-WordPress 6.7 Beta 3測(cè)試指南:新功能、測(cè)試步驟及關(guān)鍵改進(jìn)-光子波動(dòng)網(wǎng) | 專(zhuān)業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

塊綁定 API

塊綁定 API 允許開(kāi)發(fā)人員將插件中的自定義元數(shù)據(jù)和動(dòng)態(tài)數(shù)據(jù)綁定到塊。此 API 簡(jiǎn)化了將帖子元數(shù)據(jù)字段和自定義數(shù)據(jù)集成到塊屬性的過(guò)程,無(wú)需更改現(xiàn)有代碼庫(kù)即可實(shí)現(xiàn)塊的動(dòng)態(tài)內(nèi)容渲染。此測(cè)試重點(diǎn)是驗(yàn)證是否可以使用各種塊在前端成功注冊(cè)、更新和顯示帖子元數(shù)據(jù)。

測(cè)試步驟:

1.將以下代碼添加到您的主題或插件文件中以注冊(cè)帖子元數(shù)據(jù)并模擬動(dòng)態(tài)插件數(shù)據(jù)。

add_action('init', function () {
	// Register custom post meta.
	register_meta(
		'post',
		'block_binding_meta_test',
		[
			'label'   		=> __( 'My Custom Post Meta', 'text-domain' ),
			'show_in_rest'  => true,
			'single'        => true,
			'type'          => 'string',
			'default'       => '',
		]
	);
	// END Register custom post meta.

	// Register dynamic data binding.
	$blockBindingCallback = function () {
		return sprintf( __( 'Current Time: %s', 'your-text-domain' ), date_i18n( 'r' ) );
	};

	if (function_exists('register_block_bindings_source')) {
		register_block_bindings_source( 'my-plugin/current-time', [
			'label'					=> __( 'Current Time', 'text-domain' ),
			'get_value_callback' 	=> $blockBindingCallback
		] );
	}
	// END Register dynamic data binding.
});

2. 創(chuàng)建新帖子并添加段落塊。

3. 在區(qū)塊設(shè)置中,選擇屬性并點(diǎn)擊內(nèi)容。您應(yīng)該會(huì)看到選擇我的自定義帖子元數(shù)據(jù)的選項(xiàng)。

4. 輸入帖子元數(shù)據(jù)的值并保存帖子。

5. 在前端,檢查自定義帖子元值是否顯示。

6. 添加另一個(gè)段落塊并確保自動(dòng)填充先前輸入的自定義元值。

7. 對(duì)圖像、標(biāo)題和按鈕等其他塊重復(fù)這些步驟。

8.現(xiàn)在使用以下代碼手動(dòng)添加另一個(gè)段落塊。

<!-- wp:paragraph {
    "metadata": {
        "bindings": {
            "content": {
                "source": "my-plugin/current-time"
            }
        }
    }
} -->
<p></p>
<!-- /wp:paragraph -->

9.驗(yàn)證是否可以在前端看到當(dāng)前時(shí)間輸出。

如果想查看更多信息,可以參考官方更新日志。


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M(fèi)解答!免費(fèi)助力個(gè)人,小企站點(diǎn)!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時(shí)間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:Harry
THE END
喜歡就支持一下吧
點(diǎn)贊0 分享
評(píng)論 搶沙發(fā)

請(qǐng)登錄后發(fā)表評(píng)論

    暫無(wú)評(píng)論內(nèi)容