WordPress 中完整站點編輯的初學者指南

已發表: 2022-05-03

您是否對 WordPress 中的完整站點編輯如何工作感到好奇?

您可能很感興趣,並渴望探索這個新功能可以提供的可能性。 但是,特別是如果您是初學者,可能很難理解完整的站點編輯以及如何使用它。

幸運的是,如果您知道如何處理一些關鍵的完整站點編輯功能,例如全局樣式,您可以使用它來創建所有類型的內容。 另一方面,如果您還沒有興趣實現飛躍,您可以隨時使用頁面構建器插件作為替代方案。

在這篇文章中,我們將向您介紹 WordPress 5.9 中完整站點編輯的優缺點。

然後,我們將向您展示如何在完整的站點編輯中導航三個關鍵功能。 最後,如果您認為此工具不適合您的需求,我們將介紹一些替代 WordPress 插件。 讓我們開始吧!

完整網站編輯簡介

WordPress 是一個不斷發展的開源軟件。 因此,它的用戶習慣於改變。 然而,WordPress 5.9 帶來了最大的轉變之一——完整的站點編輯。

以前,您必須分別修改站點的頁面和主題。 要編輯 WordPress 網頁,您使用了塊編輯器。 對於頁眉、頁腳和字體等通用設計元素,您使用定制器工具進行了更改。

在 WordPress 5.9 中,您可以在同一個地方修改頁面和全局設計功能——在完整的站點編輯器中。

更重要的是,您的所有編輯都將使用您在塊編輯器中學習使用的熟悉塊(以及一些新塊)完成。 但是,如果您使用的是非塊主題或與之交互的插件,您仍然可以訪問傳統的定制器。

按照傳統,新的默認主題與 WordPress 5.9 一起發布。 它被稱為二十二十二:

01 二十二十二默認主題

完整的網站編輯無需在頁面之間切換以編輯您的網站,並允許您一次查看全局。 此外,您可以更輕鬆地對字體、顏色和間距等元素進行大規模更改。 此外,您可以立即查看所有修改。

完整站點編輯的局限性

儘管完整的站點編輯無疑是一個強大的新工具,但它也有其缺點。 並不是每個人都覺得它比 WordPress 的傳統編輯系統或可用的替代工具更可取。

尤其是初學者可能會發現很難瀏覽完整的站點編輯。 它不一定是最用戶友好的界面,一次處理這麼多塊可能會令人困惑。 由於可以通過一次快速單擊或拖動來進行站點範圍的更改,因此用戶錯誤的空間也更大。

此外,WordPress 全站編輯需要使用塊主題。 由於在 WordPress 5.9 發布之前,核心平台不支持這些獨特的基於塊的 WordPress 主題,這意味著任何想要使用完整站點編輯的人都需要升級他們當前的非塊主題。

如果您的主題是高度定制的,這並不理想,因為它可能需要您從頭開始。 如果您切換到新主題,您對網站外觀和佈局所做的更改可能不會繼續。 此外,更改站點的主題也會導致它與您正在使用的插件和其他工具之間出現兼容性錯誤。

更重要的是,由於塊主題是如此新,因此可供選擇的選項並不多。 因此,您可能會發現當前的選擇受到限制。 這不成比例地影響更大的網站,因為在許多區塊主題中可能尚不支持更複雜的設計和交易(尤其是在電子商務方面)所需的複雜程度。

像任何工具一樣,完整的站點編輯對某些用戶來說是正確的,而對另一些用戶來說是錯誤的。 我們建議仔細研究一下,以確定這是否是設計和定制您自己的網站的正確方法。

WordPress 全站編輯的 4 個主要功能

現在我們已經介紹了 WordPress 全站點編輯的一些一般優點和缺點,讓我們更深入地了解它的實際工作原理。 以下是完整站點編輯的四個最重要的新功能。

請記住,如果您是初學者並且想嘗試使用這些新功能,最好先備份您的站點,或者在臨時站點上進行實驗。

然後,要訪問完整的站點編輯器,請導航到您的 WordPress 儀表板並轉到外觀 > 編輯器

注意:大多數託管 WordPress 託管公司都提供創建臨時站點的功能。 例如,您會發現此選項可用於 Kinsta 和 Cloudways。

1.主題模板和模板部分

主題模板早在 WordPress 5.9 之前就已經存在。 但是,只有在這個新版本中,用戶才能以如此直接的方式使用它們。

當您在您的網站上安裝並激活一個塊主題時,例如二十二十二,您可以輕鬆地點擊您的網站和網頁的不同元素。 這些部分由模板組成,然後您只需單擊幾下即可在您的網站上進行所有修改。

例如,您可以直接在完整的站點編輯器中以高度可視化和直觀的方式編輯主題的標題模板。 為此,只需選擇您的標題並探索您可以更改的不同特徵:

02 主題標題模板

例如,您可以輕鬆單擊徽標佔位符並添加您的品牌符號:

03 為佔位符添加徽標

此外,您可以通過在模板下拉菜單中訪問模板來添加模板:

04 通過下拉菜單添加模板

當您單擊Browse All Templates時,您會發現有很多可供選擇:

05 瀏覽所有模板

例如,二十二十二塊主題模板包括諸如404HomeSearchArchive等頁面。 請記住,這些只是默認主題模板; 您可以添加自己的自定義模板以滿足您網站的特定需求。

此外,您還可以從模板部件中進行選擇:

06 從模板零件中選擇

然後,您可以自定義並保存這些模板部分。 僅此功能就可以為您節省大量時間,因為您可以為不同的元素製作各種自定義模板部件,您可能希望在不同的頁面上一次又一次地重複使用這些元素(例如頁眉、頁腳、號召性用語 (CTA)、和作者簡介)。

此外,所有這些模板和模板部分都完全由塊組成。 這也意味著任何模板元素都可以通過單擊箭頭按鈕來拖放或移動,一旦它們被選中:

07 點擊箭頭按鈕移動方塊

在上面的示例中,我們只需單擊>圖標即可將新的站點徽標塊向右移動,如果我們對它的外觀不滿意,可以輕鬆地將其移回左側。 模板編輯提供了一種高度簡化的方式來試驗您的設計並嘗試輕微的更改。

2.主題塊

您可能已經註意到上一個功能中方便的新站點徽標塊。 這只是在 5.9 版本中首次亮相的眾多新主題塊之一。

要查看完整站點編輯器中的所有新主題塊,您只需單擊屏幕左上角的加號圖標 ( + )。 然後向下滾動到主題集合:

08 Plus圖標主題合集

如您所見,有一整套新的主題塊,其中包括站點徽標站點標題站點標語帖子作者發布日期下一篇文章等等。 所有這些新塊都有可能進一步簡化您的站點編輯並提高您的工作效率。

一個特別突出的選項是導航塊。 這是因為它可能會對您網站設計的整體方法產生重大影響。

添加導航塊後,您可以輕鬆插入任何您喜歡的導航菜單。 只需點擊選擇菜單

09 插入導航菜單

您可以在標題導航中包含相同的菜單頁面,或為不同目的創建各種自定義導航菜單。 然後您可以保存它們並像使用可重用塊一樣使用它們。 或者,如果您使用的是較小的站點,則只需單擊 S tart emptyAdd all pages 。 這將讓您在現場創建一個新的自定義導航菜單。

毫不奇怪,這些新的主題塊似乎在設計時考慮到了每個級別的 WordPress 用戶。 更直接的新塊,例如Post Featured ImagePost Excerpt ,可能會為初學者節省大量時間。

另一方面,高級用戶可能會很好地利用更複雜的添加,例如查詢塊:

10 高級用戶 - 查詢塊

查詢循環塊使您能夠根據不同的查詢參數和配置顯示帖子類型。 最終,如何利用這個新工具取決於您,但新功能非常廣泛。

3. 全局樣式

全局樣式在新的 WordPress 全站點編輯環境中提供了另一個根本性的變化。 要訪問樣式菜單,請單擊屏幕右上角的雙色調圓圈:

11 種網站樣式

這將引導您進入新的樣式面板(仍處於測試階段)。 如您所見,這個新菜單可以修改整個站點的TypographyColorsLayout

對於Typography ,這意味著您只需單擊幾下即可更改網站上的所有鏈接文本

12 網站排版

您可以通過調整它們的字體、大小、高度等來改變這些元素的外觀:

13 更改字體大小和高度

顏色選項卡下,您可以輕鬆更改調色板背景文本鏈接的色調:

調色板的 14 種顏色選項卡

Palette中,您可以修改各種主題塊和設計工具的選項:

15 修改主題和塊的顏色

Background下,您可以立即進行全面的自定義顏色更改:

16 背景 - 自定義顏色

全局樣式提供的便捷性和快速性為實驗打開了大門,因為您可以比以往更快地創建站點範圍的設計。 此外,只需單擊屏幕左上角的撤消箭頭即可輕鬆撤消重大更改。

4.列表視圖

WordPress 5.9 的另一個令人興奮的新功能是其增強的列表視圖。 要訪問它,請單擊完整站點編輯器左上角的三個水平線:

17 列表視圖

此視圖可讓您在易於閱讀的列表中詳細查看 WordPress 站點的每個塊組件。 您可以通過單擊箭頭來折疊和展開此列表:

18 折疊和展開列表

也許這個新的和改進的列表視圖最好的事情是它允許您輕鬆拖放塊和塊組。 只需選擇並按住它們,然後將它們拖動到您喜歡的任何位置:

19 拖放組塊

選擇一組塊時,您會看到它以藍色突出顯示。

此功能對於運行單頁站點或管理冗長頁面的任何人都特別有用。 隨著“scrollytelling”等新的設計趨勢變得越來越流行,這個功能來得正是時候。

完整的站點編輯替代方案:WordPress 頁面構建器插件

WordPress 塊編輯器可以是一個強大而直觀的工具。 完整的站點編輯使其更加靈活,並擴展了您編輯站點的選項。

同時,正如我們之前討論的那樣,它確實有一些限制。 更改站點的主題具有廣泛的影響,您現在可能不願意或無法切換到塊主題。 您也可能對使用這種全新的功能持謹慎態度,尤其是在您依賴網站收入的情況下。

此外,對於它提供的所有功能,完整的站點編輯仍然相當簡單。 如果您將其與現有的頁面構建器插件進行比較,則尤其如此。 這些工具提供了許多與完整站點編輯相同的功能,而不受塊主題或風險編輯的限制。

更重要的是,許多流行的選項已經存在多年,並且比當前形式的完整站點編輯更加全面和功能豐富。 雖然有一天完整的站點編輯可能會與頁面構建器競爭,但後者通常會給您更多的控制、可定制性和用戶友好性。

使用高質量的頁面構建器插件,您將獲得一個拖放構建器,與大多數主題兼容,以及大量模板和其他元素可供使用。 更重要的是,市場上有如此多的頁面構建器,您可以選擇最適合您需求的頁面構建器。

例如,Beaver Builder 及其 Beaver Themer 插件可以為完整的站點編輯提供一個很好的替代方案:

20 海狸建造者主題

Beaver Themer 插件使您能夠創建所需的任何主題模板,而無需接觸任何代碼。 與完整站點編輯類似,您可以創建這些模板,然後將它們全部應用到您的 WordPress 站點。

此外,Beaver Themer 的帖子網格讓您可以更好地控制存檔和博客設計。 主題部分還允許您構建站點範圍的元素,例如頁眉、頁腳和 CTA。 此外,該工具還有很多有用的集成,包括流行的 WooCommerce 插件。

此外,您可以以與完整站點編輯的全局樣式類似的方式修改通用樣式,並預覽它們的實時外觀:

21種全球風格

您還可以從站點編輯器調整帖子設置,例如作者標籤類別

22 帖子設置

總而言之,Beaver Builder 是一個強大的選擇,它還可以實現複雜的站點範圍的編輯。

如果您想查看其他選項,Elementor 和 Thrive Architect 也是流行且強大的工具。 兩個頁面構建器都提供了可視化界面並允許進行高級定制。

這些工具乍一看可能很相似,但它們都提供了自己獨特的好處。 我們建議比較他們的功能列表,以確保您選擇最適合您網站獨特需求的選項。 幸運的是,許多頁面構建器提供免費試用或退款保證,因此您可以無風險地進行試驗。

結論

適應 WordPress 全站點編輯 (FSE) 似乎令人生畏。 但是,如果您準備好進行轉變並致力於學習一些基本功能,則可以立即輕鬆地使用完整的站點編輯。

在這篇文章中,我們介紹了最重要的新全站點編輯器功能,從全局樣式到模板部分等等。

但是,如果完整的網站編輯不適合您的網站,您可以隨時使用頁面構建器插件,例如 Beaver Builder。

一個直觀的拖放式構建器應該提供創建一個看起來很棒且功能無縫的網站所需的所有功能。


披露:這篇文章包含附屬鏈接。 這意味著如果您進行購買,我們可能會收取少量佣金。

在 WordPress 中進行全站點編輯的初學者指南