dark

WordPress 5.3的新增功能（新塊，新API，改進的管理界面）

2019年10月16日

WordPress 5.3越來越近（現在我們在WordPress 5.3 RC1上），我們迫不及待想看到所有即將到來的新功能和增強功能。

那麼，我們對WordPress 5.3有什麼期望？

首先，最重要的是，Gutenberg插件的發行版數量將從5.4合併到6.6。這意味著我們將為用戶和開發人員看到大量的功能和增強功能，以及性能的重要提升。

厭倦了緩慢的WordPress託管和低於標準的支持？我們在Kinsta做不同的事情。
        
          查看我們的託管計劃

但是，除了WordPress 5.3中的Gutenberg之外，還有很多其他內容。

實際上，5.3進行了與站點運行狀況工具相關的多項改進，一個全新的默認主題（TwentyTwenty），管理用戶界面中的增強功能，對PHP 7.4的更好支持，改進的可訪問性等等。

那是很多很棒的東西，對吧？因此，讓我們開始深入探討WordPress 5.3。

WordPress 5.3發布時間表

在撰寫本文時，WordPress的下一個主要版本還遠遠不夠穩定。我們仍然可以在計劃於2019年11月12日發布的最終版本之前期待一些錯誤修復，但不再接受任何新增強功能或功能請求的提交。

發布時間表

  • 2019年9月23日：Beta 1
  • 2019年9月30日：Beta 2
  • 2019年10月8日：Beta 3
  • 2019年10月15日：候選發布1
  • 2019年10月22日：候選發布2
  • 2019年10月29日：候選發布3
  • 2019年11月5日：候選發布4
  • 2019年11月12日：WordPress 5.3發布的目標日期。

現在，保存日期，讓我們繼續深入研究WordPress 5.3的功能和改進。

塊編輯器的新增功能

自從首次發布以來，由於來自世界各地的貢獻者的承諾，塊編輯器得到了定期改進。但是，新版本一旦發布就不會合併到核心中。

在5.3版本中，Gutenberg插件的13個發行版將一次全部合併到核心中。因此，如果到目前為止您還沒有使用過Gutenberg插件，並且還沒有定期對其進行更新，那麼隨著WordPress 5.3的發布，您將在Block Editor中找到很多增強功能和新功能。

還報告了整體性能的提高。以下基準比較了使用不同版本的Gutenberg插件的大型文章（36,000字/ 1,000塊）的性能。

您不應該在常規帖子中記錄這種載入時間上的差異，但是很明顯，編輯器的性能有了總體提升。

版 裝車時間 KeyPress事件（輸入）
古騰堡6.6.0 4.7秒 38.96毫秒
古騰堡6.5.0 4.68秒 42.96毫秒
WordPress 5.2 5.69秒 57.65毫秒

很難列出所有添加，更改和錯誤修復的完整列表，因此我們選擇了對用戶/開發人員體驗影響最大的內容，並將它們分組如下：

  • 改善編輯體驗
  • 主題開發人員和設計師的功能
  • 面向塊開發人員的功能

改善編輯體驗

如果您以前從未安裝過Gutenberg插件，則會發現一個全新的塊：Group塊。隨著Gutenberg 5.5發行版添加到編輯器中，Group塊是其他塊的通用容器，使您可以創建高級塊模板，以將其包含在WordPress網站的任何頁面中。

新的Group塊支持廣泛的對齊方式和背景色，使WordPress用戶在創建內容時擁有足夠的自由度。

除了「組」塊外，我們還查看了「塊編輯器」中的十項改進，這些改進將對您使用編輯器的方式產生重大影響。

1.集體追加者

現在，「組」和「列」塊顯示為空狀態的塊追加器。附加程序只是內部帶有加號的灰色區域，它使UI更加清晰並提高了塊的可用性。

WordPress 5.3中的分組阻止

WordPress 5.3中的空組塊

2.按組交互分組塊

現在，您可以通過「分組」交互來創建分組塊，這意味著您可以選擇多個塊並將其分組，僅需單擊幾下即可。您只需要將所有需要的塊添加到選擇中，然後在省略號菜單中單擊「組」即可。做完了！

小組互動

通過組交互創建塊

3.自定義列

現在，「列」塊在「塊」設置中支持滑動控制項，使您可以為每列設置自定義寬度（在將來的版本中，我們期望通過引入可拖動的調整大小控制項來對「列」塊進行進一步的改進）。

WordPress 5.3中的Columns塊

WordPress 5.3中的Columns塊

4.列塊的布局選擇器

布局選擇器是WordPress 5.3中Columns塊的另一項改進。此功能隨Gutenberg 6.0一起添加到編輯器中，使用戶可以從幾種預定義的布局（圖案）中進行選擇或跳至默認布局，從而加快了編輯過程，並使對技術要求不高的用戶更容易使用該塊。 。

列塊布局選擇器

列塊布局選擇器

布局選擇器是Block Patterns API的一種實現，它提供了一種在添加塊時從一組預定義選項中進行選擇的方法。除了Columns塊外，我們還可以在Table和Cover塊中找到塊模式的示例。您可以在GitHub上了解有關Block Patterns API的更多信息。

封面圖案

封面圖案

5.表格塊的改進

表塊已通過幾個新功能得到增強。現在，它支持列，表的頁眉和頁腳以及背景顏色中的文本對齊。

新的表格塊

新的表格塊支持文本對齊，頁眉和頁腳以及背景顏色

6.塊導航模式

Gutenberg 6.3引入了導航模式，可使用Tab鍵或箭頭鍵在塊之間導航，而無需進入塊內容。用戶只需按Enter或Esc鍵，就可以從導航模式切換到編輯模式，然後再切換回編輯模式。此功能極大地提高了可用性，尤其是在屏幕閱讀器方面。

7.添加了運動以阻止更改和重新布置

引入了運動以阻止更改，創建，刪除和重新排序，從而進一步提高了可用性。 MatíasVentura解釋了此功能為何與之相關：

考慮一個包含一組項目的列表的情況：移動，重新排序等動作不僅會影響正在執行的單個項目，還會影響其餘的項目，尤其是正在交換的項目地方」。現實向我們傳達了，為了將某物代替其他物，兩件事都必須移動。僅通過立即更改順序，就很難把握整個團隊的總體狀態變化。重新定向需要一些時間。過渡和基於手勢的交互通常以使交互（「剛剛發生的事情」）更容易理解的方式幫助連接這兩個狀態。

方塊運動

方塊運動

8.畫廊塊中的嵌入式圖像重新排序

內嵌圖像重新排序功能增強了圖庫塊。現在，我們只需單擊「向前移動圖像」和「向後移動圖像」按鈕即可重新排列圖庫中的圖像，而無需打開媒體模式屏幕。

畫廊街區

改進的畫廊街區

9.最新帖子塊的改進

最新帖子塊現在支持摘錄和帖子內容迭代（請參閱拉＃14627）。

最新帖子小部件

最新帖子小部件支持摘錄和帖子內容

塊設置面板現在包含一個部分，用戶可以在其中切換開/關帖子內容。如果帖子內容處於活動狀態，則可以在摘錄和完整帖子選項之間進行選擇。最後，如果選中了摘錄，則可以使用滑塊控制摘錄的長度。

最後一項更改是側重於總體UI增強的更廣泛策略的一部分。 Mel Choyce在「最新帖子」區塊的迭代中指出：

為了準備在古騰堡（Gutenberg）中使用頁面模板，我們需要一組強大的動態塊，這些塊可以放入任何帖子或頁面中。擴展此區塊將使我們處於更好的位置，以應對未來更複雜的動態或全局區塊。

用戶不必知道如何編寫自定義查詢或了解循環以向其主頁添加一些帖子。 「最近發布」塊是一個不錯的開始，但要成為一個功能全面的解決方案，它需要支持的不僅是標題和發布日期。

10.列出阻止功能增強

列表塊現在支持縮進/縮進快捷方式，起始值和對有序列表的逆序支持。

清單區塊

列表塊中的有序列表設置

塊編輯器的其他改進

由於將大量的Gutenberg插件版本合併到Core中，因此我們在這裡甚至都沒有提到很多更改，改進和錯誤修復。一些其他增強功能和新功能包括：

  • 現在，「列」塊支持垂直對齊（Gutenberg 5.4）。
  • Media＆Text塊現在支持垂直對齊（Gutenberg 5.5）。
  • 現在，「按鈕」塊支持鏈接目標選項（Gutenberg 6.2）。
  • 分隔塊現在支持邊框顏色（Gutenberg 6.3）。
  • 封面現在可以調整大小了（Gutenberg 6.4）。
  • 改進的打字機體驗，在移動設備上特別有用（Gutenberg 6.4）。
  • 圖像塊現在具有圓形剪切變體（Gutenberg 6.4）。
  • 添加了全新的Social Links塊（Gutenberg 6.5）。
  • Gallery塊現在提供對Gallery字幕的支持（Gutenberg 6.5）。

主題開發人員和設計師的有趣功能

WordPress 5.3還為主題開發人員和設計人員在塊編輯器中添加了許多功能和改進。

三個主要更改涉及主題設計器，並且與幾個模塊的CSS和HTML有關。

1.組塊內部容器

現在，Group塊包含一個內部容器（wp-block-group__inner-container），如果沒有精心設計，它可以延伸到main塊容器之外。這可能會對頁面的外觀產生意想不到的影響。

組塊內部容器

在塊編輯器中將塊內部容器分組

因此，在主題支持寬和完全對齊樣式的情況下，「塊」容器可能需要一些其他CSS才能使其按預期顯示。

組塊內部容器

在前台將分組內部容器分組

這是Make WordPress Core博客中的一個示例，顯示了如何設置樣式塊以防止此類問題：

//同樣將條目內容樣式應用於分組塊的內部容器。
.entry-content，
.wp-block-group__inner-container {
寬度：60vw;
保證金：0自動;
}
 
//當組塊具有較大的對齊方式時，請確保其全形子級不會超出容器的寬度。
.alignwide，
.wp-block-group.alignwide .alignfull {
左邊距：-10vw;
寬度：80vw;
}
 
.alignfull {
左邊距：-20vw;
寬度：100vw;
}
 
//確保全形和全形子代不會超出標準對齊的Group塊的寬度。
.wp-block-group：not（.alignwide）：not（.alignfull）* {
最大寬度：100％；
左邊距：0；
}
2.文本對齊的新類名稱

在WordPress 5.3之前，內聯樣式用於更改文本塊的對齊方式（標題，段落，引號和文本）。

內聯樣式的高度特異性可能使自定義這些塊的外觀變得困難。但是，主題設計師現在可以利用三個新的CSS類來替換嵌入式樣式：

  • 具有文本對齊權
  • 具有文本對齊中心
  • has-text-align-left

帖子一旦打開並保存在「塊編輯器」中，現有的塊將自動轉換並應用類。

3.庫塊和表塊標記更新

Gallery和Table塊現在包裝在圖形元素中。元素樣式會相應更改，主題可能會受到影響，並且可能需要更新。這是Table塊的新標記：

剩下 中央 對

在Make WordPress Core博客上查看有關類名和與主題相關的其他更改的更多詳細信息。

面向塊開發人員的功能

WordPress 5.3對Block API進行了更改和改進。

1.註冊和取消註冊塊樣式

在5.3之前，開發人員和設計人員必須編寫一些JavaScript來註冊/取消註冊樣式。

隨著WordPress 5.3的發布，我們現在可以利用兩個新的幫助器功能，這些功能允許通過PHP註冊和註銷塊樣式：register_block_style和unregister_block_style。

register_block_style函數為指定的塊註冊新樣式。該函數保留兩個參數：

  • 塊的名稱。
  • 樣式屬性數組。

該數組可以包含以下參數：

  • 名稱：（必需）樣式的唯一標識符。

  • 標籤：（必填）人類可讀的標籤。

  • inline_style ：（可選）註冊樣式樣式的CSS類的CSS代碼。

  • style_handle ：（可選）已註冊樣式的句柄（樣式句柄將樣式排入需要的樣式）。

我們可以使用以下代碼註冊內聯樣式：

add_action（'init'，'register_custom_block_style'）;

函數register_custom_block_style（）{
if（！function_exists（'register_block_style'））返回；

register_block_style（
「核心/報價」，
數組（
'名稱'=>'藍引號'，
'標籤'=> __（'藍引號'），
'inline_style'=>'.wp-block-quote.is-style-blue-quote {color：blue; }'，
）
）;
};

現在，「樣式設置」部分中提供了新樣式。

塊編輯器中的自定義樣式

塊編輯器中具有自定義樣式的報價

除了註冊內聯樣式，我們還可以將句柄傳遞給先前註冊的樣式：

wp_register_style（'custom-style'，get_template_directory_uri（）。'/custom-style.css'）;
 
register_block_style（
「核心/報價」，
數組（
'名稱'=>'自定義引用'，
'標籤'=>'自定義報價'，
'style_handle'=>'自定義樣式'，
）
）;

下圖顯示了在上面的示例中註冊的藍色引號。

前端的自定義塊樣式

前端帶有自定義樣式的報價

要註銷以前使用register_block_style在伺服器上註冊的樣式，我們可以使用unregister_block_style函數。

信息

此功能不適用於使用客戶端代碼註冊的樣式。

我們可以如下使用unregister_block_style：

unregister_block_style（'core / quote'，'custom-quote'）;
2.塊示例API

WordPress 5.3添加了一個新的JS屬性，允許在將選定的塊添加到內容之前對其進行預覽。

我們可以通過在塊設置中定義example屬性來添加對此功能的支持，如下所示：

const blockSettings = {
// …
 
例如：{
屬性：{
內容：__（'塊的內容'）
}，
innerBlocks：（）
}
}
registerBlockType（name，settings）;

塊示例API

塊示例API

3.在REST API中支持對象和數組元類型

WordPress 5.3在register_meta函數中增加了對「對象」和「數組」數據類型的支持。

通過此增強功能，REST API現在原生支持複雜的元數據類型。這使我們能夠使用API​​來執行基於架構的驗證，並可以簡化具有複雜值的客戶端代碼交互，並最終允許開發人員通過REST API創建基於元的複雜塊。

有關此主題的更深入的信息，請參閱REST API中的WP 5.3支持對象和數組元類型。

站點健康組件的改進

WordPress 5.2引入了網站健康工具，以提供有關網站健康的信息，並幫助網站管理員在遇到技術問題時恢復其網站。隨著WordPress 5.3的發布，站點運行狀況工具在組件的兩面都進行了一些改進和更改。

1.刪​​除了站點運行狀況分級

在WordPress 5.2中，「網站運行狀況」狀態頁面的頂部顯示了百分比得分等級。但是，有些人認為分數等級含糊不清，令人困惑，因為用戶的目標可能是使其網站的最佳分數達到100％（在此票證中了解更多）。

WordPress 5.2中的「站點健康狀態」頁面

WordPress 5.2中的「站點健康狀態」頁面

該指標顯示站點已通過多少測試，但不顯示其「運行狀況」級別。因此，該百分比已被刪除，並且網站運行狀況工具現在顯示兩個狀態之一，可以將其視為提醒，而不是網站性能和安全性的精確指標：

  • 有待改進
  • 好

WordPress 5.3中的「站點健康狀態」頁面

WordPress 5.3中的「站點健康狀態」頁面

2.增強的恢複電子郵件

發生故障時，WordPress嘗試向網站管理員發送恢複電子郵件。不幸的是，這些電子郵件沒有提供有用的調試信息，我們只是被告知我們的網站出了點問題。

為了提供更多有用的信息來恢復WordPress網站，WordPress 5.3引入了recovery_email_debug_info過濾器，該過濾器是一組與調試信息相關的數組。現在，輔助郵箱中包含一些基本信息，這些信息應該可以幫助您對網站進行故障排除，或者至少可以從他人那裡獲得幫助。

失敗電子郵件將包含一個附加部分，以以下字元串開頭：

在尋求有關此問題的幫助時，可能會要求您提供以下一些信息：

然後，提供以下信息：

  • WordPress版本。
  • PHP版本。
  • 當前主題和版本。
  • 引起問題的插件的名稱和版本。

有意減少了信息的數量，以免引起最終用戶的困惑，但是開發人員可以在需要時使用recovery_email_debug_info過濾器添加更多詳細信息（有關詳細信息，請參見故障單＃48090）。

3.用於完成站點健康狀態測試的過濾器

新的site_status_test_result篩選器允許開發人員篩選完成的狀態測試的輸出，以擴展測試結果。

開發人員還可以使用此過濾器提供其他操作。這是用法的一個很好的例子（請參見票證＃47864）：

一個示例可能是託管服務提供商，缺少PHP擴展，因此它們在其控制面板的PHP擴展管理器中添加了活動鏈接。
也許他們想更直接一些，他們想對PHP版本進行檢查，以推薦用戶更新，並添加一個ajax按鈕，以便當場為他們切換PHP版本。

此過濾器在PHP（直接測試）和JavaScript實現（對於非同步測試）中均可用。

管理員體驗增強

除了Site Health Tool之外，WordPress 5.3還帶來了一些Admin UI增強功能，這些功能應該可以大大改善整個WordPress儀錶板的整體體驗。

1.改進的色彩對比度

顏色對比度得到了改善，並且許多可訪問性問題已得到解決。

WordPress 5.2中的帖子屏幕

WordPress 5.2中的帖子屏幕

WordPress 5.3中的帖子屏幕

WordPress 5.3中的帖子屏幕

2.管理員電子郵件驗證

現在，在一段時間未登錄管理員後，將觸發管理員電子郵件驗證。默認情況下，此間隔設置為六個月，但是開發人員可以使用admin_email_check_interval過濾器設置不同的間隔（請參見故障單＃46349和＃48144）。

管理員電子郵件驗證

管理員電子郵件驗證

3.恢復上傳

從智能手機上載大圖像不會在過程中中斷工作，因為WordPress現在支持在失敗時恢復上載。

4.圖像旋轉

現在可以根據EXIF方向元數據在上傳時正確旋轉圖像。

全新的默認主題：二十二十

WordPress 5.3帶有一個全新的默認主題：二十二十。這是一個最小的主題，旨在提高靈活性，清晰度和可讀性，並特別關注「塊編輯器」。

藉助WordPress，我們的流量增長了1,187％。我們將向您展示方法。
加入20,000多個其他人，他們每周都會收到有關WordPress內部技巧的新聞！

          現在訂閱
        
        
          
            
            成功！感謝您的訂閱

您將在一周內收到下一期的Kinsta新聞通訊。

訂閱Kinsta新聞通訊
        

  
    
  

    訂閱
  

  
    
  
    
      
        
      
      
      我同意條款和條件以及隱私政策

20個20個WordPress主題

20個20個WordPress主題

《二十歲二十歲》以社區現有的免費主題為基礎，由安德斯·諾倫（AndérsNoren）撰寫的卓別林（Chaplin），並採用具有強烈個性的免費開源字體：《拉斯·馬斯》（Rasmus Andersson）。

您可以在我們的深入博客文章「二十二十：新的默認WordPress主題簡介」中閱讀有關二十二十的更多信息。

WordPress開發人員的更改

WordPress 5.3為WordPress開發人員帶來了一些更改和改進。在許多更改中，我們認為這些值得一提：

  • 日期/時間核心組件的改進
  • 新的aria-current屬性
  • 新的aria標籤屬性
  • 將UGC值添加到鏈接中相關屬性的函數

日期/時間核心組件的改進

日期/時間核心組件處理與WordPress中的日期，時間和時區相關的所有內容。正如Andrey「 Rarst」 Savchenko所說：

日期/時間組件依賴於所謂的「 WordPress時間戳」，即帶有時區偏移量的Unix時間戳的總和。這導致許多錯誤，並且與上游PHP或任何外部系統缺乏互操作性。內聯文檔錯誤地將它們稱為Unix時間戳。

儘管不可能完全刪除WordPress時間戳而沒有向後兼容性問題，但組件代碼已通過一些錯誤修復得到了改進，並且內聯文檔已更新並在需要時進行了更正。

此外，隨著WordPress 5.3的發布，我們可以訪問幾個新的API日期/時間函數：

  • wp_timezone_string（）–此函數以字元串形式檢索站點時區。它可能返回PHP時區字元串或±HH：MM偏移量。

  • wp_timezone（）–此函數將站點時區作為DateTimeZone對象檢索。

  • wp_date（）–這是日期本地化的新功能。它旨在替換date_i18n（）。

  • current_datetime（）–此函數從設置中檢索當前時間作為帶有時區的DateTimeImmutable對象。

  • get_post_datetime（）–檢索發布時間DateTimeImmutable對象。

  • get_post_timestamp（）–以Unix時間戳檢索發布時間。

所有這些功能都在wp-includes / functions.php中定義和記錄。

現在不建議使用current_time（），get_post_time（）和date_i18n（）。

另請參閱WordPress 5.3中的日期/時間組件改進和在GitHub上添加到API的新功能。

新的aria-current屬性

發布新頁面或帖子時，其名稱將出現在幾個菜單和小部件中。在WordPress 5.3之前的版本中，許多用戶不會意識到該鏈接，而這尤其會對殘障用戶和/或屏幕閱讀器用戶造成混淆。

隨著WordPress 5.3的發布，以編程方式添加了新的aria-current =「 page」屬性，以指出指向同一頁面的鏈接，並鼓勵主題開發人員向這些鏈接添加特定的樣式。此更改影響以下核心窗口小部件：

  • 最近的帖子。
  • 導航菜單。
  • 頁面。
  • 類別。
  • 檔案。

這是用法示例：

a（詠嘆調）{
/ *當前鏈接的CSS樣式* /
}

導航菜單中的新aria標籤屬性

「地標提供了一種確定網頁組織和結構的有力方法」，並允許主題開發人員使用地標角色添加對網頁中鍵盤導航的支持。

ARIA地標提供了Web內容的上下文，對於輔助技術用戶特別有用。

由於ARIA地標對於可訪問性的重要性，WordPress 5.3現在在帖子和評論導航中添加了對aria標籤屬性的支持。

主題開發人員和設計人員可以將ARIA地標添加到帖子和評論導航菜單中，並為以下功能添加新的aria_label參數：

  • _navigation_markup（）
  • get_the_post_navigation（）
  • get_the_posts_navigation（）
  • get_the_posts_pagination（）
  • get_the_comments_navigation（）
  • get_the_comments_pagination（）
  • the_post_navigation（）
  • the_posts_navigation（）
  • the_posts_pagination（）
  • the_comments_navigation（）
  • the_comments_pagination（）

在Make WordPress Core上的帖子和評論導航中閱讀有關aria-label屬性的更多信息。

將UGC值添加到鏈接中相關屬性的函數

早在2019年9月，Google宣布了兩個新屬性，提供了一種識別鏈接性質的方法：rel =「 sponsored」和rel =「 ugc」：

rel =」 ugc」：UGC代表用戶生成的內容，建議將ugc屬性值用於用戶生成的內容內的鏈接，例如評論和論壇帖子。

WordPress 5.3在注釋中添加了對rel =「 ugc」屬性的支持。這項更改已在幾個小時內實施，很有趣的是，開發團隊對Google的公告做出了多快反應（請參見故障單＃48022）。

此外，WordPress 5.3引入了兩個新功能，允許開發人員添加nofollow和ugc值以關聯鏈接中的rel屬性：

  • wp_rel_callback（）用於將值添加到rel屬性到指定鏈接的位置，並替換現在不推薦使用的wp_rel_nofollow_callback（）函數。
    該函數在wp-includes / formatting.php中定義：
    / **
    *回調以將rel屬性添加到HTML A元素。
    *
    *在添加之前將刪除已經存在的字元串，以防止使（X）HTML無效。
    *
    * @自5.3.0起
    *
    * @param array $ matches單個匹配。
    * @param string $ rel要添加的rel屬性。
    * @return string HTML具有添加的rel屬性的元素。
    * /
    函數wp_rel_callback（$ matches，$ rel）{}

  • wp_rel_ugc（）將nofollow和ugc值添加到鏈接中的rel屬性。
    該函數在wp-includes / formatting.php中定義：
    / **
    *向內容中的所有HTML A元素添加rel =「 nofollow ugc」`字元串。
    *
    * @自5.3.0起
    *
    * @param string $ text可能包含HTML A元素的內容。
    * @return string轉換後的內容。
    * /
    函數wp_rel_ugc（$ text）{
    //這是一個預先保存的過濾器，因此文本已經被轉義。
    $ text = stripslashes（$ text）;
    $ text = preg_replace_callback（
    '|| i'，
    函數（$ matches）{
    返回wp_rel_callback（$ matches，'nofollow ugc'）;
    }，
    $文字
    ）;
    返回wp_slash（$ text）;
    }

因此，從現在開始，開發人員可以將rel =「 nofollow ugc」屬性添加到鏈接，如下所示：

$ link ='用戶生成的鏈接示例';
$ ugc_link = wp_rel_ugc（$ link）;
回聲$ ugc_link;
//輸出： 用戶生成的鏈接示例
如何安裝WordPress Beta版本

您是想為核心做出貢獻，還是對最新的WordPress版本附帶的新功能和附加功能有點好奇，因此您可以在幾分鐘之內快速安裝當前的開發版本。

為此，您有兩種安裝WordPress Beta / RC版本的方法。您可以：

  • 安裝WordPress Beta Tester插件，並在現有WordPress環境的儀錶板上運行安裝。
  • 手動下載並安裝當前的Beta / RC。您可以獲得從Subversion存儲庫創建的「每晚構建」。如果您要查找特定的WordPress版本（穩定版或開發版），則可以查看發布類別存檔。

如果您決定安裝Beta測試器插件，則需要在本地計算機或登台環境中設置常規的WordPress安裝平台。 WordPress網站啟動並運行後，瀏覽至插件→添加新內容並搜索WordPress Beta Tester插件。

該插件提供了一種快速簡便的方法來對WordPress進行Beta測試，從而允許您通過單擊按鈕來安裝和/或更新當前的Beta或Release Candidate。

安裝WordPress Beta Tester插件

安裝WordPress Beta Tester插件

因此，照常安裝並激活插件。

瀏覽至工具→Beta測試，然後檢查出血邊緣夜間選項並保存更改。

完成後，導航至「儀錶板」→「更新」屏幕，然後單擊「立即更新」按鈕。

WordPress更新屏幕

WordPress更新屏幕

WordPress現在將下載並安裝以下軟體包：

https://wordpress.org/nightly-builds/wordpress-latest.zip

安裝完成後，您將被重定向到WordPress臨時頁面。

臨時WordPress 5.3關於頁面

臨時WordPress 5.3關於頁面

就是這樣。現在，您可以在WordPress Beta和RC版本上運行測試了。

查看官方文檔以獲取有關WordPress Beta測試的更多信息。

WordPress 5.3-beta2已成功安裝

WordPress 5.3-beta2已成功安裝

開發版本不打算在生產中使用。可以在臨時環境或本地計算機上隨意安裝它們，但切勿在實際站點上使用它們。

WordPress 5.3為CMS的發展樹立了重要的里程碑。在我們的深入指南中查看新功能！ ??

點擊鳴叫

摘要

我們精選了WordPress 5.3中最令人興奮的功能和改進。

將13個版本的Gutenberg插件合併為核心，對Site Health Tool進行了一些改進，全新的默認主題，管理界面方面的改進，面向開發人員和主題設計人員的新功能和特性，對PHP 7.4的更好支持以及令人難以置信的少量更改，錯誤修復和不推薦使用，WordPress 5.3在CMS的發展中樹立了重要的里程碑。

您最喜歡的功能/改進是什麼？我們錯過了重要的事情嗎？在評論部分與我們分享您的想法。

12股

  • 總數：12
  • 8
  • 0
  • 3
  • 1個
  • 0
  • 0
  • 0
  • 0

.essb_links .essb_links_list li a {
  margin-top：0px;
}
@media only屏幕和（最小寬度：64em）{
  .container–narrow.pb–60，
  .knowledgebase .user-content {
    職位：相對
  }
  .widget-share {
    位置：絕對；
    左：-200px;
    頂部：0px；
    高度：100％;
    寬度：200像素；
    框大小：border-box；
  }
  .widget-share-aligner {
    寬度：200像素；
    padding-right：62px；
    框大小：border-box；
  }
  .widget-share-inner {
    padding-bottom：62px;
  }
  .knowledgebase .user-content .widget-share-inner {
    padding-top：0；
  }
  .widget-share .amount {
    顯示：flex;
    align-items：居中;
    證明內容：flex-end;
    寬度：100％;
    右邊距：11px;
    font-size：14px;
    font-weight：500;
    底邊距：10px;
  }
  .widget-share .amount svg {
    右邊距：8px;
    margin-left：10px;
  }
  .essb_links .essb_links_list {
    flex-direction：列;
    align-items：flex-end;
  }
  .essb_links .essb_links_list li {
    顯示：塊；
    margin-bottom：5px！important;
  }
  .widget-share__total {
    margin-bottom：0px！重要;
  }
  .widget-share__total .heading–small {
    顏色：＃999999;
    font-size：14px;
    字體粗細：300；
  }
  .essb-total-value {
    margin-right：4px;
  }

}
.essb_links {
  保證金：0px;
  填充：0px;
}
.essb_counter_right {
  顯示：無！重要；
}
.essb_links.essb_template_circles-retina .essb_link_hackernews一個，
.essb_links.essb_template_circles-retina .essb_link_reddit a，
.essb_links.essb_template_circles-retina .essb_link_mail a，
.essb_links.essb_template_circles-retina .essb_link_mwp a，
.essb_links.essb_template_circles-retina .essb_link_buffer a，
.essb_links.essb_template_circles-retina .essb_link_linkedin a，
.essb_links.essb_template_circles-retina .essb_link_facebook a，
.essb_links.essb_template_circles-retina .essb_link_twitter a
 {
  顏色：＃43414e！important;
  背景：＃f3f3f6！important;
}

.essb_links.essb_template_circles-retina li a：focus，.essb_links.essb_template_circles-retina li a：hover {
  border-color：#fff！important;
  背景：＃43414e！重要；
}

.essb_links.essb_template_circles-retina a {
  border-color：＃f3f3f6！important;
  背景：＃f3f3f6;
}
.essb_links .essb_icon：之前{
  font-size：15px！important;
  頂部：8px;
  左：9px;
}
.essb_links .essb_icon {
  寬度：32px;
  高度：32px;
}
.essb_links.essb_counter_modern_right .essb_counter_right {
  背景：＃f3f3f6！important;
}
@僅限媒體屏幕和（最大寬度：63.999em）{
  .widget-share-aligner {
    位置：相對！重要；
    top：0！重要；
  }
  .essb_links .essb_links_list li {
    margin-right：8px！important;
  }
}

相關文章