開發服務
網站、Apps、Wix、Shopify等平台及系統開發及設計
社交媒體行銷
Facebook、Ig、Youtube的大數據分析、廣告設定、帳戶管理
搜尋引擎優化與行銷
大數據分析,提高網站排名、Google廣告設定、用戶行為分析
自動化系統
提供各大品牌的CRM、聊天機器人配置及設定,公司沒有相關技術人員也不用擔心
金豬科技
我們為一站式的營銷服務商,按需服務,不誇大、無廢話
開發服務
網站、Apps、Wix、Shopify等平台及系統開發及設計
社交媒體行銷
Facebook、Ig、Youtube的大數據分析、廣告設定、帳戶管理
搜尋引擎優化與行銷
大數據分析,提高網站排名、Google廣告設定、用戶行為分析
自動化系統
提供各大品牌的CRM、聊天機器人配置及設定,公司沒有相關技術人員也不用擔心
Written by Goldpig on August 20, 2021

WordPress 5.8正式版發布,超全更新詳解來啦

文章目錄[隱藏]

  • 更新之前:不要忘記備份您的網站!
  • WordPress 5.8 的主要更新
    • 1. 基於塊的小工具編輯器(默認開啟)
    • 2. 新的基於塊的模板編輯器 (默認關閉)
    • 3. 新的強大的查詢循環塊
    • 4.新的登錄/登出塊+主題塊
    • 5. 改進和擴展的塊列表視圖
    • 6. 新的 WordPress 模式目錄
    • 7. 新的雙色調圖像編輯
    • 8. 列塊的更多樣式選項
    • 9. 表格塊的更多顏色選項
    • 10. 塊的建議模式
    • 11. 使用文件塊嵌入 PDF
    • 12. 改進的可重用塊接口
    • 13. 頂部工具欄模式改進
    • 14. 父塊選擇器更明顯
  • 對開發人員的改進
    • 15. 支持 WebP 圖片上傳
    • 16. 停止支持 IE11
    • 17. 主題.json
    • 18. 添加額外的塊支持
    • 19. 站點健康現在是可擴展的
    • 20. REST API 更改
  • 如何更新到 WordPress 5.8

WordPress 5.8“Tatum”正式版已於 2021 年 7 月 20 日發布,作為今年三大主要 WordPress 核心版本中的第二個。關於 WordPress 5.8 最重要的一點就是:我們使用 WordPress 塊編輯器在全站點編輯 (FSE) 方面全速前進。此外,WordPress 5.8 為 WordPress 塊編輯器本身帶來了許多改進和功能,以及一些開發人員會喜歡的新東西。

在這篇文章中,由WP DAXUE 介紹 WordPress 5.8 中的新功能,以便您可以充分利用此版本的 WordPress。


無論您是 WordPress 網站用戶、構建者還是開發者,WordPress 5.8 都帶來了令人興奮的變化,並且在 WordPress 5.9 中帶來了更多好東西。

更新之前:不要忘記備份您的網站!

在運行WordPress 核心的任何重大更新之前,請確保備份您的網站。我們建議在繼續更新之前進行完整備份,其中包括您的 WordPress 數據庫、WordPress 文件、主題、插件、媒體庫等。

WordPress 5.8 包含多項功能和更新,再次強調了擁有可靠 WordPress 備份策略的重要性。 像 BackupBuddy 這樣的WordPress 備份插件可以處理您網站的完整備份,以便您可以從更新中回滾。

WordPress 5.8 的主要更新

WordPress 5.8包括 96個增強和功能請求,  170個bug修復 和8個古騰堡的版本中,捆綁成WordPress的核心。WordPress 5.8 代表了古騰堡項目第二階段的更多工作。2021 年,WordPress 將專註於 WordPress 核心功能的開發,目標是全站點編輯 (FSE)。

對於那些不熟悉 WordPress中全站點編輯 (FSE) 概念的人,該項目的目標是使使用塊編輯器編輯 WordPress 站點的任何部分成為可能,包括頁眉、頁腳、菜單/導航、側邊欄和小工具。

1. 基於塊的小工具編輯器(默認開啟)

作為邁向完整站點編輯 (FSE) 的第一步,WordPress 5.8 引入了一個基於塊的小工具編輯器,稱為塊小工具編輯器(Block Widgets Editor)。由於默認情況下新的塊小工具編輯器是打開的,在 WordPress 5.8 中編輯小工具的新方式可能是您注意到的最重要的事情之一,因為它對舊的小工具界面進行了大改。

從 WordPress 5.8 開始,小工具區域現在被定義為“站點布局中可以接受塊的全局部分。這些因主題而異,但通常是您網站的側邊欄或頁腳等部分。”

使用塊小工具編輯器,現在您可以在整個站點的小工具區域中使用 WordPress 塊,並通過定製器實時預覽您的更改。新的塊小工具編輯器帶來了一個基於塊的界面來編輯小工具,所以現在你可以在塊編輯器中做的任何事情現在都可以在小工具定製器中完成。

外觀 > 小工具頁面,您將看到一個新的小工具歡迎屏幕,類似於塊編輯器的歡迎屏幕,讓您進入新體驗。


為什麼新的塊小工具編輯器如此出色?根據 WordPress 核心團隊的說法,“這為創建內容開闢了新的可能性:從無代碼迷你布局到龐大的核心和第三方塊庫。”

以下是有關塊小工具編輯器和Customizer 視圖的一些注意事項:

  • 在小工具區域中使用任何 WordPress 塊。您在 WordPress 塊庫中可用的任何塊現在都可以在小工具區域中使用,而不僅僅是 WordPress 默認提供的小工具。


  • 使用定製器實時預覽您的小工具。當您導航到WordPress 管理儀錶板中的外觀 > 自定義時,您將獲得定製器。現在,小工具獲得完整的定製器處理,包括更改的實時預覽。


  • 您可以控制小工具的樣式,例如顏色、排版、間距等。與您可以從塊編輯器訪問的塊設置類似,小工具塊現在帶有自己的一組控件,用於更改顏色、寬度和對齊等內容。當您選擇一個塊時,這些將自動显示和隱藏。


  • 舊版小工具(Legacy Widget)塊允許您在塊布局中使用較舊的插件。傳統小工具是任何沒有等效塊的東西,因此您最喜歡的所有小工具都應該“完美無缺”地工作。例如,舊版小工具包括所有舊的熟悉的 WordPress 默認小工具,如類別、存檔、最新文章、最新評論等。


  • 經典小工具(Classic Widgets)插件恢復了經典的小工具界面。與經典編輯器插件類似,Classic Widgets 插件將新的 塊小工具編輯器轉回舊界面。激活后,此插件會恢復以前的小工具設置屏幕並禁用塊編輯器管理小工具。
  • 為了避免重複功能,建議插件作者為用戶提供一種將其現有小工具轉換為任何等效塊的方法。WordPress 5.8 提供了一種使用塊轉換執行此操作的機制 。開發人員可以訪問這些關於如何從小工具遷移到塊的有用說明。

2. 新的基於塊的模板編輯器 (默認關閉)

作為使用 WordPress 塊編輯器實現完整站點編輯 (FSE) 的又一舉措,WordPress 5.8 引入了一種使用塊編輯器構建站點範圍頁面和發布模板的新方法……但您可能不會立即看到此功能,因為新的模板編輯器功能默認關閉,需要一行代碼才能打開。

什麼是 WordPress 中的模板?如果您不熟悉這個術語,模板是通常由您的主題提供的設計布局,用於“標準化”某些頁面(或文章)在整個站點中的外觀。在此更新之前,模板必須使用第 3 方工具(如某些頁面構建器插件)進行編碼或構建。

雖然這項新功能對大多數用戶來說是“隱藏的”,但 5.8 中的新模板編輯功能作為最重要的新功能之一值得一提,因為它是 WordPress 走向完整站點編輯之路的一個很酷的預覽。這在不需要編碼的情況下打開了很多功能,但是基於塊的模板編輯似乎仍然非常具有實驗性(因此默認情況下它是關閉的)。


以下是有關新的基於塊的模板編輯器的一些注意事項:

  • 如果您的主題支持 5.8 中的新模板編輯,您將在頁面/文章設置中看到“新”模板選項。單擊此鏈接以啟動新的模板編輯器。


  • 如果您的主題默認不支持,您可以使用functions.php文件中的一行代碼啟用新的基於塊的模板編輯器。備份您的網站后,只需添加以下代碼行:
add_theme_support( 'block-templates' );

注意:我們建議在沙箱或開發站點(不是實時站點)上試驗新的模板編輯器。在編輯主題的 function.php 文件中的代碼之前,請務必備份您的站點。


  • 兼容主題中提供了 20 多個新模板塊,可用於新的基於塊的模板編輯器。這些新塊真正啟動了這個新模板編輯功能的可能性,包括站點標題、站點Logo、站點標語等(這些內容在 #6 中有更深入的介紹)。
  • 您創建的任何基於塊的模板都可以從頁面/文章編輯器進行編輯。保存模板后,您將在模板列表中看到它可用。單擊編輯按鈕重新啟動編輯器。請注意,所做的任何更改都會影響使用該模板的所有文章或頁面。


3. 新的強大的查詢循環塊

正如我們在上一節中提到的,WordPress 5.8 附帶了幾個新的(功能強大的)WordPress 塊,更高級的用戶會喜歡這些塊。其中之一是查詢循環塊

查詢循環塊是一個高級塊,它允許根據不同的查詢參數和可視化配置显示文章類型。作為參考,在 WordPress 中,“查詢”是指根據一組定義的選項“查詢”或“詢問”數據庫中的文章。“循環”的意思是“循環”通過每個查詢的文章並輸出它。


  • 將查詢循環塊視為更複雜和功能更強大的最新文章塊。查詢循環允許用戶請求一組文章並显示每個文章。例如,您可以輕鬆显示來自特定類別的文章,以執行諸如創建作品集或包含您最喜歡的食譜的頁面之類的操作。


  • 模式建議使創建具有所需設計的文章列表變得前所未有的輕鬆。查詢循環塊加載了幾個建議的WordPress 塊模式,可幫助您快速入門。只需從查詢循環模式插入器(Query Loop Pattern Inserter)中選擇一個(在 Carousel 和 Grid 模式之間進行選擇)。


  • 插入查詢循環塊后,WordPress 添加其內部文章模板(Post Template)塊。此塊允許您選擇文章的显示方式。您可以使用新的擴展列表視圖查看這個新的嵌套塊(更多內容,下一個!)


  • 雖然沒有一個預設是理想的,但它們為用戶和主題開發人員製作自己的. 查詢循環塊選項包括每頁項目、偏移量、显示的最大值、文章類型、排序、類別過濾器、標籤、作者、關鍵字。

4.新的登錄/登出塊+主題塊

為了配合基於塊的模板編輯和小工具定製的引入,WordPress 5.8 添加了幾個新塊,可打開更多功能。您會發現這些新塊中的大多數都列在 WordPress 塊插入器面板的新“主題”類別中。


  • 登錄/登出塊– 現在您可以在文章、頁面和小工具區域中的任何位置显示登錄和登出鏈接。
  • 站點徽標塊– 显示您站點的徽標。
  • 網站標語塊– 显示您網站的標語。
  • 站點標題塊- 显示並允許編輯站點的名稱。站點標題通常出現在瀏覽器標題欄、搜索結果等中。這也可以在“設置”>“常規”中找到。
  • 文章標題塊- 显示文章、頁面或任何其他內容類型的標題。
  • 文章內容塊- 显示文章或頁面的內容。
  • 文章日期塊- 添加發布日期。
  • 文章摘要塊- 显示文章的摘要。
  • 文章特色圖片塊- 显示文章的特色圖片。
  • 文章分類塊- 显示文章的分類。
  • 文章標籤塊- 显示文章的標籤。
  • 頁面列表塊- 显示所有頁面的列表。

5. 改進和擴展的塊列表視圖

WordPress 5.8 中對用戶更友好的更新之一是對塊編輯器列表視圖的改進。

如您所知,有時您需要一個簡單的登錄頁面,但有時您需要更強大的東西。隨着塊的增加、模式的出現和內容的創建變得更加容易,需要新的解決方案來使複雜的內容易於瀏覽。列表視圖是在內容層和嵌套塊之間跳轉的最佳方式。由於列表視圖為您提供了內容中所有塊的概覽,您現在可以快速導航到您需要的精確塊。準備好完全專註於您的內容了嗎?打開或關閉它以適合您的工作流程。

WordPress 5.8 歡迎屏幕

您將在塊編輯器的頂部工具欄中找到列表視圖圖標。打開此圖標以查看頁面的“大綱”視圖。


  • 簡而言之,列表視圖是一個有用的面板,非常適合更複雜的頁面布局。
  • 此視圖可幫助您查看塊如何嵌套並找到要編輯的塊。您可以更輕鬆地導航複雜的層次結構並在塊之間跳轉。
  • 舊版本的列表視圖只是創建了一個下拉“導航”,因此新面板更加用戶友好。

6. 新的 WordPress 模式目錄

與WordPress 5.5 中引入的WordPress區塊模塊類似,WordPress 5.8 引入了WordPress模式目錄(WordPress Patterns Directory)。

WordPress 塊模式是隨時可以插入的、預定義的 WordPress 塊布局。塊模式是一組 WordPress 塊,允許用戶通過單擊幾個按鈕來創建任意數量的複雜布局。

塊模式真正為 WordPress 塊編輯器成為成熟的頁面構建器鋪平了道路。塊模式旨在幫助用戶將塊組合在一起,以實現其頁面的最佳設計。

現在,WordPress.org 託管了一個模式庫,您可以將其複製/粘貼到您的網站中。WordPress 模式目錄位於:wordpress.org/patterns


  • 模式目錄將被拉入您的塊編輯器。以前,您只能使用主題隨附的模式或單獨的插件,因此現在您可以立即使用新模式。
  • 您還可以從 WordPress.org 模式目錄複製/粘貼……所有樣式都完好無損!只需使用複製模式按鈕並粘貼到您的塊編輯器中即可。


7. 新的雙色調圖像編輯

現在您可以使用雙色調濾鏡為圖像着色並覆蓋塊!Duotone 可以為您的設計添加流行色彩,併為您的圖像(或封面塊中的視頻)設置樣式以與您的主題完美融合。您可以將雙色調效果視為黑白濾鏡,但不是陰影為黑色,高光為白色,您可以為陰影和高光選擇自己的顏色

  • 要使用雙色調濾鏡,請在工具欄中為任何圖像塊或封面塊選擇虛線圓圈。


  • 選擇您喜歡的配色方案來轉換圖像。加載了許多顏色選項,因此圖像的陰影和高光會被替換……以獲得狂野的效果。


  • Duotone 使用 CSS 過濾器來更改圖像,因此您的實際圖像文件不會改變。如果您不希望更改原始圖像文件,那是一種解脫。
  • 可以禁用此功能(可能是個好主意)?

8. 列塊的更多樣式選項

現在,您可以為列塊內的各個列定義文本顏色、背景顏色、鏈接顏色和填充。這使您可以更詳細地了解列的外觀。以前,樣式應用於整個列塊。


9. 表格塊的更多顏色選項

與列塊的更新類似,表塊也有更多顏色選項。現在您可以為表格添加文本顏色和背景顏色。


10. 塊的建議模式

WordPress 5.8 引入了一種模式轉換工具,該工具將根據您使用的塊建議塊模式。現在,您可以在查詢塊和社交圖標塊中嘗試一下。隨着更多模式的添加,您無需離開編輯器即可獲得有關如何設計網站樣式的靈感。


11. 使用文件塊嵌入 PDF

現在文件塊會檢測您是否上傳了 PDF 並自動允許您在文章或頁面中嵌入 PDF。

  • 只需選擇文件塊,然後選擇要使用的 PDF 文件。塊編輯器將自動嵌入 PDF。


  • 您可以使用塊設置面板中的“显示內嵌嵌入”切換開關關閉嵌入。
  • PDF 嵌入取決於支持它的瀏覽器,大多數手機和平板電腦瀏覽器不會显示 PDF。

12. 改進的可重用塊接口

當您向WordPress 可重用塊添加塊時,新的模態可以更容易地了解發生了什麼。

可重複使用的塊允許您快速保存您經常使用的任何 WordPress 塊。然後,您可以立即在整個 WordPress 網站的其他頁面和文章中重複使用保存的塊。現在,您可以在添加新的可重用塊之前為其命名。


13. 頂部工具欄模式改進

如果您更喜歡在“頂部工具欄”模式下工作,菜單項現在就在塊編輯器界面的主導航下方。此更新雖然很小,但確實有助於闡明各個塊選項和操作。


14. 父塊選擇器更明顯

如果關閉頂部工具欄模式並使用默認塊編輯器工具欄,您將看到每個子塊都有一個偏移父塊圖標。這使您可以更輕鬆地在嵌套塊之間切換。


對開發人員的改進

WordPress 5.8 有許多以開發人員為中心的更新。以下是此更新中一些值得注意的功能和增強功能,以及WordPress 5.8 現場指南中的開發人員注意事項。

15. 支持 WebP 圖片上傳

WebP 是一種現代圖像格式,可為網絡上的圖像提供改進的無損和有損壓縮。WebP 圖像比它們的 JPEG 或 PNG 等效圖像平均小 30% 左右,從而使網站速度更快,使用的帶寬更少。在 WordPress 5.8 中,添加了 WebP 支持。

  • WebP 是谷歌發明的一種新的(ish)圖像文件格式。
  • WebP 壓縮比同類 PNG 或 JPEG 小 25% – 34%。
  • 現在將支持 WebP 作為可上傳的圖像格式。您過去必須有一個單獨的插件來支持這一點,但現在 WordPress 本身就支持它。
  • 您仍然需要軟件或插件來將 PNG 和 JPG 轉換為 WebP。WordPress Core 不會轉換圖像。

16. 停止支持 IE11

自此版本起,已取消對 Internet Explorer 11 的支持。這意味着您可能在管理您的網站時遇到問題,這些問題將來不會得到解決。如果您當前使用的是 IE11,強烈建議您切換到更現代的瀏覽器。

17. 主題.json

WordPress 5.8 引入了全局樣式和全局設置 API,以幫助開發人員使用活動主題中的 theme.json 文件來控制編輯器設置、可用的自定義工具和樣式塊。此配置文件啟用或禁用功能併為網站和塊設置默認樣式。如果您構建主題,您可以嘗試這一有用新功能的早期迭代。有關當前可用的內容及其工作原理的更多信息,請查看此開發說明。

18. 添加額外的塊支持

擴展之前在 WordPress 5.6 和 5.7 中實現的塊支持,WordPress 5.8 引入了幾個新的塊支持標誌和新選項來自定義您註冊的塊。塊支持開發說明中提供了更多信息。

19. 站點健康現在是可擴展的

開發人員可以添加選項卡以在站點健康界面中提取他們的數據。點此了解更多

20. REST API 更改

WordPress 5.8 中的 REST API 更改主要集中在小工具和側邊欄上,但也有一個用於帖子集合中分類查詢的新運算符,支持期待已久的 AND 比較,它允許匹配滿足所有通過條件的文章。點此了解更多

如何更新到 WordPress 5.8

WordPress 5.8 已於 2021 年 7 月 20 日發布。更新發布后,您將在 WordPress 管理儀錶板的“更新”頁面上看到可用的 WordPress 版本更新。同樣,在更新 WordPress之前不要忘記備份您的網站!


Article written by 金豬科技
由不同團隊組成的一站式服務商,提供各種開發、營銷、自動化、雲端系統等服務