如何使用新的基於塊的 WordPress 小工具編輯器

[ad_1]

在 WordPress 5.8(2021 年 7 月發布)中,WordPress 對 WordPress 小部件編輯器進行了重大更改,將其從長期存在的系統切換為新的基於塊的小部件方法。

在 WordPress 小部件編輯器中使用自定義編輯器之前,您現在將使用塊來控制站點小部件區域中的內容 – 相同的塊 您在創建帖子或頁面時使用的。

在本文中,我們將向您介紹新的基於塊的 WordPress 小部件編輯器,並向您展示它是如何工作的。 然後,我們將查看七個最有用的小部件,並向您展示如何充分利用它們。 讓我們潛入吧!

基於塊的 WordPress 小部件編輯器的工作原理

首先,讓我們回顧一下如何訪問和使用小部件編輯器。

#WordPress 改變了#widgets 的工作方式 – 了解您的網站需要如何以及需要哪些小部件 🔧

點擊推文

如何訪問小部件編輯器

您有兩個選項可以訪問 WordPress 小部件編輯器。

首先,您可以轉到外觀→小部件打開完整的小部件編輯器界面:

顯示 WordPress 小部件編輯器的主屏幕。

其次,您還可以從以下位置訪問小部件編輯器 WordPress 定製器 通過轉到外觀→自定義→小部件:

在主題定製器中使用 WordPress 小部件編輯器後小部件的顯示方式。

使用定製器很好,因為它可以讓您實時預覽小部件在站點前端的外觀。 但是,缺點是實際編輯器的空間較小。

出於這個原因,您可能想要轉到外觀 → 小部件進行重型小部件編輯,然後切換到定製器進行最後的潤色。

如何使用 WordPress 小部件編輯器

無論您是在專用的 WordPress 小部件區域還是 WordPress 定製器中工作,編輯小部件的基本過程都是相同的。

但是,對於我們的屏幕截圖,我們將使用專用的 WordPress 小部件區域(外觀→小部件)。

使用新的塊小部件系統,WordPress 小部件現在使用與創建帖子和頁面相同的塊編輯器。 如果你不熟悉它是如何工作的,你可以查看 我們的 WordPress 塊編輯器指南.

要添加新塊/小部件,您可以單擊左上角的加號圖標或您正在編輯的小部件區域內的加號圖標:

如何向小部件編輯器添加新塊

在下一節中,我們將介紹一些您可以添加的最有用的塊小部件。

要添加文本,您可以添加段落或標題塊,然後單擊並鍵入。

要編輯塊小部件的完整設置,您只需單擊它。 然後,您可以在側邊欄中編輯其設置(就像常規塊編輯器一樣):

如何編輯塊小部件的設置

要在不同的小部件區域之間移動小部件,您可以單擊「波浪線」圖標並使用下拉菜單選擇要將其移動到的小部件區域:

如何在不同的小部件區域之間移動塊

如果您想編輯不同的小部件區域,只需單擊箭頭即可將其展開。 例如,在上面的屏幕截圖中,您可以單擊 Shop Sidebar 小部件區域來編輯該小部件區域內的塊。

總體而言,新的 WordPress 小部件編輯器中的所有功能與塊編輯器的功能幾乎相同,這很好,因為它為編輯 WordPress 站點創造了一致的體驗,並讓您可以更好地控制小部件區域。

最有用的 WordPress 塊小部件

現在您知道如何使用新的基於塊的 WordPress 小部件編輯器,讓我們看看七個最有用的 WordPress 塊小部件。

但是,請記住,這些並不是您唯一的選擇,您可能還想熟悉其他功能。

1. 檔案

檔案小部件按月和年組織您過去的帖子:

存檔小部件的示例。

此導航輔助工具可以幫助您的受眾快速訪問較舊的內容。 如果您正在尋找一種簡單的方法來組織所有這些 新的博客文章想法 對於未來的用戶,這可能是這項工作的最佳小部件。

我們強烈建議您打開顯示為下拉設置。 這有助於在不限制其效用的情況下最大限度地減少存檔小部件佔用的空間。 如果您有一個有很多帖子的舊網站,您應該特別考慮這樣做。

最後,您可能需要考慮激活顯示帖子計數設置。 如果您過去沒有堅持一致的發布時間表,這可以幫助將用戶引導到您更有效率的月份。

2. 最新評論

顧名思義,此小部件顯示您網站上的最新評論。 它還會顯示評論與哪個帖子相關,因此您不必擔心丟失任何上下文:

顯示最新評論的小部件。

我們認為「最新評論」小部件的最佳部分是它如何有效地展示活動站點。 您可以通過激活顯示日期選項進一步了解這一點。

如果用戶看到其他人正在與您的帖子互動,則可能會鼓勵他們也這樣做。 此外,那些被推薦的人可能會欣賞這種認可。 如果您的受眾使用獨特的 個人資料圖片.

儘管有所有這些潛在的積極因素,您還是應該注意此小部件的顯示設置。 過多的評論甚至會減慢 最快的 WordPress 主題. 因此,我們建議您限制一次顯示的評論數量。

3. 最新帖子

最新帖子塊可以幫助您的觀眾保持在循環中,無論他們在您網站的哪個位置。 這是因為添加此小部件將生成您最近的內容列表:

最近的帖子小部件的演示。

因此,這是一種快速訪問您最近工作的簡單方法。 因此,用戶無需返回您的主頁或主博客以獲取新內容——他們可以直接訪問該帖子 引起了他們的注意.

最重要的是,這個小部件是高度可定製的。 例如,您可以選擇包含帖子摘錄或作者姓名等詳細信息。 如果您的網站嚴重依賴視覺效果,您還可以選擇顯示特色圖片。

如果您只想顯示您的部分內容,您還可以過濾掉來自特定類別和/或作者的帖子。

4. 社交圖標

為您的用戶提供在社交媒體上與您聯繫的機會有助於擴大您的影響範圍。 這就是社交圖標小部件的用武之地:

正在運行的社交媒體圖標小部件的示例。

此功能可幫助您提供指向 Facebook 等流行社交媒體網站的鏈接。 您還可以添加不太常見的,例如亞馬遜。 如果你參與了他們的 聯盟計劃,這可以幫助您進行更多銷售。

如果您對在風格意義上使用 WordPress 小部件編輯器感到滿意,您可能還需要考慮調整圖標調色板。 您可能不想偏離可識別的設計太遠,但即使是細微的更改也可能有助於這些圖標更好地適應您網站的主題。

5. 標籤雲

您的 WordPress 網站可能有某種標記系統。 標籤雲通過在一個組中顯示所有標籤來將此功能放在首位和中心:

標籤雲,這是了解如何編輯小部件的重要塊。

此外,每個標籤的大小由使用它的帖子數量決定。 您可以通過打開「顯示帖子計數」設置來更清楚地說明這一點。 通過直觀地傳達此信息,您可以幫助您的用戶直觀地探索您博客上最熱門的主題。

但是,有些網站有明確的 用於搜索引擎的標籤系統. 這可能會導致一長串標籤,甚至標籤雲也無法組織。 如果這聽起來像您,請考慮使用此小部件來顯示類別。 您將獲得相同的導航優勢,而無需創建大量文本。

6. 導航菜單

導航菜單小部件是另一個簡單但功能強大的塊。 此功能顯示您選擇的 導航菜單 無論你把它放在哪裡:

了解如何編輯小部件甚至像導航菜單一樣簡單是必不可少的。

導航是關鍵部分 您網站的用戶體驗. 你可能已經顯示 您的主導航菜單 在您的標題中,但導航菜單小部件為您提供了在任何小部件區域顯示不同菜單的選項。

例如,您可以創建一個單獨的菜單 你的頁腳鏈接 並使用此小部件自動在頁腳中顯示這些鏈接。

7. 搜索

搜索小部件使用戶能夠在您的站點中搜索內容。 這可能看起來很簡單,但知道如何編輯小部件甚至像這個一樣簡單很重要:

如何編輯簡單的小部件的示例,例如搜索小部件。

與導航菜單小部件類似,我們認為搜索小部件放置在顯眼位置時效果最佳。 這樣,用戶可以輕鬆瀏覽您的網站並找到他們查詢的答案。

然而,默認的 100% 寬度可能不適用於您網站的設計。 幸運的是,您不需要完全放棄這個功能。 相反,您可以在「顯示設置」選項菜單下自定義確切的百分比寬度。

設置此小部件後,您可能還需要考慮添加一個 自動完成搜索功能. 這個小小的改變幾乎可以為任何網站增添一絲專業性。

如何禁用阻止小部件並使用較舊的 WordPress 小部件

新的基於塊的 WordPress 小部件編輯器比舊的 WordPress 小部件系統為您提供了更多的靈活性。 但是,如果您更願意繼續使用較舊的小部件系統,您確實可以選擇。

就像 經典編輯器 插入 讓您禁用塊編輯器, 官方 經典小工具插件 允許您禁用基於塊的小部件並繼續使用較舊的 WordPress 小部件編輯器。

無需配置任何設置 – 一旦您激活插件,您的站點將重新使用舊版小部件系統。

轉到頂部

開始使用 WordPress 小部件編輯器

運行一個網站通常需要相當多的策略。 因此,僅知道如何使用 WordPress 小部件編輯器可能還不夠——了解如何有效地使用也很重要。 幸運的是,只需單擊幾下,您就可以充分利用最有用的功能。

看看新的 #WordPress 小部件編輯器可以做什麼(加上每個 #website 需要的小部件)🔧

點擊推文

在本文中,我們向您展示了新的基於塊的小部件編輯器的工作原理,然後我們帶您了解了七個最實用的小部件。 我們解釋了它們的基本用途,並介紹了一些巧妙的方法來優化它們對您網站的貢獻。

如果您希望能夠在網站的更多部分使用您的小部件,您還可以查看我們的指南 如何創建自定義 WordPress 側邊欄.

您對如何更有效地編輯小部件有任何疑問嗎? 在下面的評論部分讓我們知道!

相關文章