WordPress 5.3 概述:20 大新功能和改進

已發表: 2019-11-15

WordPress 5.3 計劃於 2019 年 11 月 12 日發布。這個以增強為重點的更新引入了 150 多項新功能和改進,因此我們將它們縮小到前 20 名。在這篇文章中,我們將介紹此版本的新功能WordPress 以便您做好準備。

WordPress 5.3

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

在運行 WordPress 的任何重大更新之前,請確保備份您的網站。

使用像 BackupBuddy 這樣的 WordPress 備份插件來運行完整的網站備份。 整個站點的備份應包括 WordPress 數據庫、WordPress 文件、主題、插件、媒體庫等。

WordPress 5.3:20 大新功能和改進

WordPress 5.3 “Kirk” 明確專注於擴展和完善 WordPress 古騰堡編輯器,也稱為塊編輯器,首次在 WordPress 5.0 中引入。 大多數更值得注意的新功能和改進都與古騰堡有關。 儘管如此,此版本中還有一些其他出色的新增功能,包括更好的圖像處理、WordPress 管理 UI 的更新以提高可訪問性等等。

1. 更快、更直觀的 WordPress 塊編輯器

總的來說,您會注意到使用塊編輯器感覺更“流暢”,而且使用起來也不那麼笨拙。 您可以看出,在改進使用塊編輯器創建帖子和頁面的整體體驗方面做出了重大努力。 WordPress 5.3 引入了 Motion,使與您的塊交互“感覺迅速而自然”。 此外,由於頁面加載時間從 60 毫秒減少到 44 毫秒,塊編輯器現在明顯更加輕量級。 它可能看起來不像,但毫秒確實很重要。

下載電子書:
WordPress 5.0 和古騰堡塊編輯器終極指南
現在就下載

2. 更好的塊預覽和解釋

WordPress 5.3 擴展了左上角“添加塊”菜單中包含的信息。 您現在將看到單個塊的外觀預覽,並更好地解釋了該塊的作用。 如果您不確定要使用哪個塊,這個小小的添加極大地改進了挑選正確塊的過程。 要查看這些,請單擊頂部導航菜單中的“+”號。 將鼠標懸停在列表中的任何塊上以查看有關正確更改的信息。

wordpress 5.3 塊

3. 大圖支持

WordPress 5.3 包括對上傳高分辨率圖像(例如從智能手機或其他高質量相機拍攝的照片)的改進支持。 WordPress 5.3 引入了大圖像檢測並自動生成它們的“網絡優化最大尺寸”。

wordpress 5.3 圖像大小調整

現在,照片在上傳時會立即調整為 2560 像素,成為新的“完整”尺寸。 如果您的圖像已自動調整大小,“縮放”將添加到文件名中。 如果由於服務器超時而失敗,WordPress 也會重試生成圖像大小。

對於可能沒有意識到大圖像會降低網站速度的人以及必須教育客戶優化網站圖像的人來說,這是一個巨大的勝利。

注意:您可以使用“big_image_size_threshold”過濾器禁用自動調整圖像大小。

4.新的二十二十個WordPress默認主題

二十二十是與 WordPress 5.3 捆綁的新的默認 WordPress 主題。 “設計以靈活性為核心”,這個主題大膽而明亮。 你要么喜歡它,要么討厭它的設計。

wordpress二十二十主題

查看二十二十個 WordPress 主題的最大原因是看看當主題與古騰堡塊編輯器完全集成時可能會發生什麼。 開發人員可能希望深入研究主題文件,以了解其中大部分是在後端完成的。

設計師可能會欣賞 220 帶有由 Rasmus Andersson 設計的字體 Inter。 作為 WordPress 默認主題的第一個版本,Inter 提供了可變字體版本,它通過在兩個字體文件中包含所有字體粗細和字體樣式來縮短加載時間。

5. WordPress 管理界面外觀的變化

您可能會立即註意到 WordPress 管理 UI 的外觀發生了一些變化。 這些變化主要與提高可訪問性有關。 在管理儀表板歡迎屏幕上,您會立即註意到 5.3 中的一些更改。

wordpress 5.3 ui 改動

以下是管理界面更新的幾種方式:

  • 按鈕不再有框陰影
  • 引入了更深的表格和元框邊框,以在界面元素之間建立更好的層次結構
  • 表單域和按鈕上的顏色對比更強烈
  • 將樣式集中在表單字段和按鈕上
  • 文本縮放時的內容行為

對錶單字段(文本輸入、文本區域、選擇、複選框、單選按鈕、主要和次要按鈕)以及通知、表格、元框和顏色選擇器進行了特定更改。

6. 更好的頁內/帖子編輯器預覽

如果您的主題支持它,當您在創建帖子或頁面時使用塊編輯器時,您可能會看到全新的預覽體驗。 例如,您可能會看到主題使用的背景顏色,而不僅僅是純白色背景屏幕。 此預覽更好地反映了您將在網站前端看到的最終“已發布”設計。

wordpress 5.3 頁內預覽

新的 20 個 WordPress 主題展示了您在帖子/頁面編輯器中使用塊時的預覽,這無疑會改善使用塊的體驗。

7. 導航模式

在改進屏幕閱讀器可訪問性的另一項舉措中,WordPress 5.3 中的塊編輯器引入了新的導航模式。 現在您可以使用Tab鍵在塊之間移動。 您還可以使用箭頭鍵在塊之間導航。 到達要編輯的塊後,您可以按Enter鍵進入編輯模式。 使用Esc鍵返回導航模式。

WordPress 導航模式

8. 新組塊

在塊編輯器慶祝其第一個生日之際,WordPress 5.3 中引入了幾個新的 WordPress 塊。 新的組塊允許您將其他塊組合在一起,因此您可以輕鬆地將頁面分成帶有背景顏色選項的彩色部分。 這樣,您不必進入並為每個塊設置背景顏色。

wordpress 5.3 組塊

9. 新的間隔塊

WordPress 5.3 引入了一個專用的 Spacer 塊,而不是多次點擊返回來分隔您的內容。 你會在“佈局元素”下找到這個塊。 在頂部工具欄中,您可以顯示塊設置以設置間隔的高度(以像素為單位)。

wordpress 5.3 間隔塊

或者你可以使用藍點來激活一個新的“交互式”sizer,這也很酷。 以像素為單位的高度將自動調整。

WordPress Spacer Block Resizer

10. 列塊改進

對 Columns 塊進行了改進。 現在 Columns 塊支持固定列寬、調整列大小和對齊列的能力。 添加列時還有一個新嚮導。

wordpress 列塊

11. 覆蓋塊的改進

現在您可以為 Cover 塊設置背景顏色,該塊允許您添加帶有文本覆蓋的圖像或視頻,例如標題。

wordpress 封面塊

您還可以使用相同的交互式滑塊來更改標題塊的大小。

wordpress 封面塊調整器

12. Button Block 獲取邊框半徑

在 WordPress 5.3 中,您可以從塊編輯器中自定義按鈕塊的邊框半徑。 邊框半徑可能是一個小細節,但這意味著您不必通過 CSS 來完成。

wordpress 按鈕塊

13. 表格塊更新:頁眉/頁腳行和對齊

現在表格塊支持頁眉和頁腳行,可從塊設置中獲得。 還有一個新的表格對齊選項,而不僅僅是文本對齊。

wordpress 表格塊

14. 改變標題塊的顏色

WordPress 5.3 現在提供對文本和背景顏色的控制。 默認顏色可能由您的主題決定(見此處,如二十二十)。 您還可以將自定義顏色鏈接用於顏色選擇器。

wordpress 標題塊

15. 整體可訪問性改進

WordPress 5.3 大力推動可訪問性改進。 這些改進的樣式修復了許多可訪問性問題,例如表單字段和按鈕上的顏色對比、編輯器和管理界面之間的一致性、新的“snackbar”通知以及標準化默認的 WordPress 配色方案。

16. 自動圖像旋轉

一項最初在九年前提出並通過許多專門貢獻者的堅持而成為可能的功能,現在 WordPress 終於支持自動圖像旋轉。 上傳後,圖像將根據嵌入的方向數據正確旋轉。

17. 管理電子郵件驗證

現在,當您以管理員身份登錄時,系統會定期要求您確認您的管理員電子郵件地址是最新的。 如果您更改電子郵件地址,這將減少被鎖定在您的網站之外的機會。

18. 站點健康改進

5.3 中引入的改進使識別問題變得更加容易。 擴展的建議突出顯示了可能需要從健康檢查屏幕對您的站點進行故障排除的區域。

具體改進包括對分級指示器的更改、恢復電子郵件增強功能和用於已完成站點健康狀態測試的新過濾器。

19. 日期/時間組件修復

開發人員現在可以以更可靠的方式處理日期和時區。 日期和時間功能已收到幾個用於統一時區檢索和 PHP 互操作性的新 API 函數,以及許多錯誤修復。

20. PHP 7.4 兼容性

開發人員會很高興聽到 WordPress 5.3 旨在完全支持 PHP 7.4。 WordPress 5.3 包含多項更改,以刪除不推薦使用的功能並確保兼容性。 與往常一樣,WordPress 鼓勵所有用戶運行最新版本的 PHP。 在 WordPress 5.3 現場指南中查看 WordPress 5.3 中面向開發人員的所有新功能。

有關 WordPress 5.3 的更多信息,請查看我們自己的 iThemes 安全插件開發者 Timothy Jacobs 的額外視頻演練:WordPress 5.3 在最近的 WordPress NYC 聚會上預覽。

如何更新到 WordPress 5.3

WordPress 5.3 將於 2019 年 11 月 12 日發布。 更新發布後,您將在 WordPress 管理儀表板的“更新”頁面上看到可用的 WordPress 版本更新。 同樣,在更新之前不要忘記備份您的網站!

還沒有看到 5.3 更新? 敬請關注! 請在此處關注 make.wordpress.org 發布博客文章以獲取最新更新,並在此處閱讀官方 WordPress 5.3 發布文章。

需要將多個 WordPress 站點更新到 WordPress 5.3? iThemes Sync Pro 允許您從一個儀表板管理多個 WordPress 站點。 您將在同步儀表板中看到可用的 Core 更新。

iThemes 同步 WordPress 5.3 更新

試用 30 天免費同步登錄以同步儀表板

有什麼要添加到此列表中的嗎? 您最喜歡 WordPress 5.3 中的哪些新東西? 快樂更新!