WordPress 完整站點編輯:您需要知道的一切

[ad_1]

WordPress 全站點編輯 (FSE) 代表了 WordPress 用戶設計和開發網站的方式令人興奮的轉變。 然而,改變並不總是那麼容易。 作為網站所有者,您可能想知道這項新功能是什麼以及您可以如何準備。

我們是來幫忙的。 在本文中,我們將向您介紹什麼是 WordPress 完整站點編輯以及為什麼它對 WordPress 用戶很重要。

然後,如果您想自己嘗試一下,我們將向您展示如何在正式發布之前試用完整的站點編輯器。 通過查看 WordPress 5.8 中引入的新工具並安裝獨立的 Gutenberg 插件,您可以測試 WordPress 設計的下一階段。

📚 目錄:

什麼是#WordPress 全站編輯 (FSE)? 這個新#design工具的完整指南🏗️

點擊推文

WordPress Full Site Editing (FSE) 簡介

創建 WordPress 網站時,您通常會定義一些全局元素。 這是出現在多個頁面上的任何內容,例如您網站的頁眉、頁腳或導航菜單。 傳統上,網站所有者在 WordPress 定製器

WordPress 定製器。

WordPress 網站也由頁面元素組成。 顧名思義,這些功能出現在特定頁面上,例如嵌入在您最新博客文章中的視頻。 您可以通過 WordPress 編輯器添加這些元素:

WordPress 頁面編輯器。

嶄露頭角的 WordPress 完整站點編輯 (FSE) 旨在打破障礙並創建一個單一界面,您可以在其中使用頁面元素和全局元素。 一旦 FSE 發布到 WordPress Core 中,您應該能夠僅使用 古騰堡積木.

例如,如果您想自定義站點的標題,則可以使用具有完整站點編輯功能的塊來設計其布局。 同樣,您還可以使用塊來控制博客文章的布局、列出所有博客文章的頁面等。

完整站點編輯如何使您的網站受益

作為單一界面,FSE 承諾讓設計和構建世界一流的網站變得更加容易。 FSE 上線後,您將能夠定義全局元素並進行特定於頁面的更改,而無需在兩個編輯器之間導航。 例如,您可以使用完整站點編輯器來定義您網站的標題。 然後,您可以使用完全相同的編輯器來覆蓋特定網頁的標題。

立即,您的工作效率更高。 這也意味著您只需要學慣用於在站點級別進行更改和編輯單個網頁的單一工作流程。 這可能 幫助 WordPress 新人 加快速度。

由於您可以同時在全局和頁面級別進行編輯,FSE 可以幫助您提高完成設計的質量。 無需在不同的編輯器之間不斷切換然後查看成品,您可以在編輯時準確查看已完成的布局的外觀。 這鼓勵網站所有者以一種當設計過程分散在兩個完全獨立的界面時難以實現的方式來試驗和探索他們的布局。

如何在 WordPress 中使用完整站點編輯

FSE 可能正在開發中,但它的一些功能已經成為核心 WordPress 軟體。

WordPress 5.8 引入了一些功能,將為完整的站點編輯器鋪平道路。 這包括能夠 將塊添加到您網站的小部件區域,例如您的側邊欄或頁腳:

新的小部件塊編輯功能。

最終,FSE 的目標是使您能夠僅使用 Gutenberg 塊來構建整個網站。 向小部件區域添加塊支持標誌著朝著使塊成為 WordPress 新標準的又一步。

WordPress 5.8 還添加了一些新模式和塊,包括查詢循環。 您可以使用這個新元素在任何頁面上顯示帖子類型。 這使其非常適合創建一個頁面,突出顯示您所有最受歡迎的帖子,或在博客帖子的末尾顯示相關內容。 至關重要的是,您現在無需編寫一行代碼即可創建這些頁面:

查詢循環塊。

使用查詢循環時,您可以準確指定此塊應顯示的信息。 例如,您可以包含帖子的標題、特色圖片或摘錄。

最後,WordPress 5.8 還可以讓您 使用塊設計自定義帖子模板

使用 WordPress 全站點編輯設計帖子模板

隨著 FSE 將塊置於 WordPress 網站的核心,查詢循環等功能豐富的塊可能會成為網站設計和開發的重要組成部分。 因此,我們應該期待在 WordPress 5.9 中看到更多以 FSE 為重點的功能。

如何在 Gutenberg 插件中訪問 Full Site Editing(通過 3 個簡單的步驟)

FSE 仍在開發中,但您今天可以通過這個新編輯器獲得一些實踐經驗。 獨立的 Gutenberg 插件以讓 WordPress 用戶有機會在進入 WordPress Core 之前探索新興功能而聞名。 全站編輯也不例外。 以下是使用 Gutenberg 插件訪問這個新編輯器的方法。

1. 準備環境

FSE 目前被歸類為實驗性功能,這意味著它不適合在您的實時網站上使用。 出於這個原因,我們建議創建一個私人測試環境,您可以在其中試驗完整的站點編輯器。

你可以旋轉一個 本地 WordPress 站點 使用服務,例如 飛輪本地化. 或者,您可以 創建一個臨時環境.

一旦有了安全的測試位置,就可以安裝並激活 Gutenberg 插件。 如果您已經有了這個插件,那麼值得檢查您是否正在運行最新版本:


古騰堡古騰堡

作者(S):古騰堡團隊

當前版本:11.6.0

最後更新:2021 年 9 月 29 日

古騰堡.11.6.0.zip

42% 評分

300,000+安裝

WP 5.7+需要

我們還建議您使用 PHP 7.3 或更高版本。 如果您不確定哪個版本的 PHP 為您的 WordPress 網站提供動力,那麼您可以使用您的 網站健康工具.

在 WordPress 儀錶板中,導航到工具 > 站點運行狀況。 健康檢查將自動運行安全和 性能分析,並顯示結果:

WordPress 網站健康工具。

選擇信息選項卡。 然後您可以單擊以展開伺服器部分,其中應顯示您當前的 PHP 版本。

如果您使用的是過時版本的 PHP,那麼您可以從託管服務提供商的控制面板手動升級。 例如, cPanel 用戶 可以使用 PHP Selector 工具切換他們的 PHP 版本。 或者,您可能需要直接聯繫您的託管服務提供商並請求升級。

2.安裝支持WordPress全站編輯的主題

並非每個主題都支持 WordPress 完整站點編輯,因此您需要安裝基於塊的主題。 有許多主題旨在支持 FSE。 您可以通過使用找到它們 WordPress.org 主題目錄中的完整站點編輯過濾器.

對於這個例子,我們將使用 塊基主題. Blockbase 是由 Automattic 創建的,它是背後的公司 WordPress.comWooCommerce.

Blockbase 是一個簡單的布局,帶有精選的簡約模板和設計設置。 這種簡單性使 Blockbase 成為試驗完整站點編輯的絕佳主題。

安裝並激活 Blockbase 後,您應該會看到一個新選項:站點編輯器(測試版)。 這是完整站點編輯器的實驗版本。 現在您已準備好一切,您已準備好體驗 FSE。

3. 自定義您的網站

您現在可以通過單擊來編輯屏幕上的任何元素。 當您選擇一個項目時,完整站點編輯器將在屏幕底部顯示有關該項目的一些基本信息:

新的 WordPress 全站點編輯功能。

還會出現一個浮動工具欄。 您可以使用此工具欄中的選項來編輯所選元素。 例如,如果您點擊一個標題,那麼您將能夠在 H1-H6 標題樣式,或改變其對齊方式:

古騰堡插件中提供的 WordPress 完整站點編輯功能。

要添加更多頁面和全局元素,請將滑鼠懸停在要插入此元素的部分上。 然後,您可以在出現時選擇 + 按鈕。 在隨後的彈出窗口中,選擇要插入的項目,例如圖像或文本塊:

使用 WordPress 完整站點編輯創建新元素。

請注意,這是 FSE 的實驗版本。 很有可能,當完整的站點編輯器最終發布到 WordPress Core 時,這並不是 100% 的功能。

儘管如此,獲得一些 FSE 的實踐經驗仍然很有用。 假設您遵循了我們的建議並創建了一個安全的測試環境,那麼花一些時間嘗試 FSE 的各種功能以查看您可以創建哪些不同的效果是非常值得的。

轉到頂部

立即試用 WordPress 完整站點編輯

更改並不總是那麼容易,但完整的站點編輯器確實為網站所有者帶來了一些好處。 通過準備在 WordPress 中進行完整站點編輯,一旦 FSE 被發布到核心 WordPress 軟體中,您將處於有利地位,可以立即開始運行。

如何開始#WordPress 全站編輯 (FSE) 🏗️

點擊推文

讓我們快速回顧一下您今天如何獲得 FSE 的一些實踐經驗:

  1. 準備您的環境。
  2. 安裝支持全站點編輯的主題,例如 Blockbase 主題。
  3. 使用完整的站點編輯自定義您的網站。

要了解古騰堡塊編輯器的一般工作原理,您可以查看 我們對編輯的介紹它的塊.

您對即將到來的 FSE 有任何疑問嗎? 讓我們在下面的評論部分中討論它們!

相關文章