Camille是Yoast的內容經理。 她撰寫和優化博客文章,並喜歡創建有助於人們掌握SEO的內容。
感謝來自世界各地的貢獻者,WordPress的改進從未停止。 在WordPress上的這種持續工作反映在任何新版本中都可以找到的許多新功能中。 WordPress 5.7「 Esperanza」的最新版本也不例外。 它在核心和編輯器上都進行了一些重大改進。 讓我們來看看這個版本帶來了什麼!
目錄
將塊拖放到您的帖子中,改進可重用的塊,單擊按鈕即可從HTTP遷移到HTTPS,還有更多其他功能。 WordPress 5.7為您提供了一些不錯的增強功能,可以幫助您管理內容並改進一些技術要點。
1.編輯器中的工作流程更輕鬆
此版本對Gutenberg塊編輯器進行了一些改進。 這些更改將幫助您更好地控制頁面的布局,而不必深入研究任何代碼。
拖放內容
如果您熟悉WordPress中的塊編輯器,您會知道它允許您使用塊將內容添加到頁面中。 現在,有了WordPress 5.7版本,您可以轉到「添加新塊」並將您選擇的塊輕鬆拖到編輯器中。 類似於Divi等其他頁面構建器已經在執行此操作的方式。 有點酷吧? 這使與塊編輯器的工作變得更加順暢。
將塊拖放到WordPress編輯器中
全高積木給人留下深刻印象
WordPress 5.7帶給編輯器的另一項功能是使用全高塊。 以前,塊編輯器已經附帶了幾個塊,您可以使用它們來填充屏幕的整個寬度。 通過添加這些全高塊,您可以創建更引人注目的布局,以填滿網站訪問者屏幕的整個高度。 體驗這些新街區,以令人印象深刻的網站打動您的網站訪問者。
按鈕的更多選項
塊編輯器中的許多塊之一是Button塊。 此塊使您可以輕鬆地按照網站的樣式向頁面添加按鈕。 隨著WordPress 5.7的發布,您現在還可以垂直對齊按鈕中的內容。 此外,此版本還附帶了按鈕寬度的預設百分比。 在放置按鈕的位置以及按鈕的外觀方面給您更多自由。
WordPress 5.7中垂直對齊按鈕的示例
更改社交圖標的大小
WordPress 5.7上已改進的另一個功能塊是「社交圖標」功能塊。 使用此塊,您可以將社交圖標放到想要顯示在頁面中的任何位置。 現在,在最新版本中,您還可以將這些圖標的大小調整為您選擇的大小。 使您可以控制這些圖標上有多少焦點。
可重用塊也有一些改進,使它們更穩定且更易於使用。 現在,可以在更多塊中使用調整字體大小,例如「列表」和「代碼」塊。 此外,塊變體現在還可以在塊檢查器中附帶說明和預覽。 去檢查一下!
2.輕鬆地從HTTP遷移到HTTPS
使用 HTTPS連接 如今,它非常重要,因為它可以保護您網站上託管的用戶信息,文件和其他數據。 此外,很高興知道網路上所有新出現的事物都需要在您的網站上使用這種安全模式。
在此版本中,WordPress可以檢測網站是否在使用HTTPS的託管程序包上運行,但尚未從HTTP遷移。 通過一鍵式更新過程,您可以輕鬆遷移到HTTPS,而WordPress會在可能的情況下自動更新資料庫URL。 現在就像激活SSL證書,檢查設置並一鍵移動(如果您仍在使用HTTP)一樣好。
3.全新,更簡單的調色板
到目前為止,WordPress在後端提供了一組有限的配色方案。 此外,由於該系統的設置方式,引入自定義配色方案非常困難。 現在,所有這些都改變了。 WordPress正在實施CSS自定義屬性系統,從而使添加自定義配色方案的方式更加容易。
您可以在此找到該調色板的顏色代碼 密碼筆
新的調色板WordPress 5.7引入了將WordPress源代碼中的所有顏色摺疊為7種核心顏色(具有56種不同的陰影)的功能。 當再次放置為白色或黑色時,所有這些都滿足推薦的對比度(WCAG 2.0 AA)。 七種核心顏色全部從白色開始,然後隨著每個陰影向著黑暗的相同「暗度」變暗。 您可以在默認的WordPress配色方案中找到此新的和更簡單的調色板。 它為開發人員提供了具有更廣泛的淺色和深色方案的調色板。
4.延遲載入:現在可用於iframe
隨著2020年8月的WordPress 5.5發布,引入了圖像的默認延遲載入。 延遲載入意味著您站點上的圖像或對象只有在訪問者的瀏覽器中顯示後才會載入。 這樣做是為了減少頁面的載入時間,並以此提高網站的速度。
現在,對於所有使用iframe的嵌入,也可以進行延遲載入。 例如,您嵌入到頁面上的YouTube視頻。 您需要做的就是將以下屬性添加到您的iframe代碼中:loading =「 lazy」,一切順利!
5.新的機器人API
WordPress 5.7還附帶了新的Robots API,使開發人員可以管理頁面上的robots meta標籤。 使用名為wp_robots的新功能,他們將能夠通過添加自己的過濾器來管理機器人元標記。 另外,此新API包括一個設置,用於控制是否允許搜索引擎顯示網站中的大型媒體。 如果您想了解更多有關此的信息,請查看我們的 robots.txt終極指南。
我們為什麼要告訴你這個? 因為默認情況下,指令「 max-image-preview:large」將添加到漫遊器元標記中,這意味著您的圖像預覽將在搜索結果中以更大的解析度提供。 例如,谷歌在Google Discover中使用像這樣提供的圖像。 當然,對於標記為非公開的網站,此標籤將自動隱藏。
6.轉向jQuery 3.5.1的最後一步
隨著WordPress 5.7的發布,我們還處於跳到jQuery 3.5.1的第三步也是最後一步。 jQuery的目的是使您在網站上使用JavaScript變得更加容易,並且此最新版本在功能,安全性等方面進行了改進。 WordPress團隊已經進行了一段時間的遷移,第一步是在WordPress 5.5中進行。 在此版本中,它們處於最後階段。 這確實意味著主題和插件開發人員需要確保其代碼與最新版本的jQuery兼容。
如果您是不使用jQuery的WordPress用戶,則此正在進行的清理意味著您將在儀錶板上收到較少的有關此遷移的消息。 他們將使用簡單的語言。
WordPress 5.7和Yoast SEO
在Yoast,我們意識到WordPress的重要性,因此我們總是為即將到來的對該平台的更改做準備。 上周我們發布了 Yoast SEO的補丁 期待此WordPress 5.7版本。 此補丁程序是為了為我們的Yoast SEO用戶準備此版本中的兩個功能。
WordPress輸出機器人標籤的方式發生了變化,這意味著我們必須在Yoast SEO中進行一些更改。 我們已經確保我們的插件可以像以前一樣繼續使用這些標籤,並且您的SEO不會受到影響。 此外,我們對自動更新進行了一些更改,因為自動更新插件是WordPress中的一個相對較新的功能。 我們選擇做的是,當您啟用Yoast SEO的自動更新時,我們還將為其他附加組件(例如Yoast SEO Premium)啟用它們。
測試和更新時間
當然,我們沒有提到最新版本的WordPress中的所有新功能。 如果您有興趣閱讀有關每個新功能的更多信息,請查看 WordPress 5.7實地指南。 之後,是時候在您的登台環境上進行測試了,如果一切順利,請進行更新。 祝您好運,並讓我們知道您對WordPress 5.7的體驗!