如何使用可視化編輯器在WordPress中創建小工具

您是否想使用可視化編輯器為您的網站創建小工具？

使用合適的可視化編輯器，您可以創建包含連結、圖片、文字等的自定義小工具，然後將這些小工具添加到主題的不同區域，並在您的WordPress網站中展示。

為什麼要使用可視化編輯器在WordPress中創建小工具？

小工具允許您在主頁和文章區域之外添加豐富的內容。每個WordPress主題都是不同的，但您通常可以將小工具添加到頁腳、頭部和側邊欄等區域。

許多網站使用這些區域來顯示關於部分，展示他們最受歡迎的文章，添加電子郵件新聞訂閱表單等。

WordPress允許您將大量區塊添加到任何支持小工具的區域，並且許多WordPress插件也會添加它們自己的區塊。

例如，如果您正在使用Smash Balloon Twitter Feed，則可以使用插件的Twitter Feed區塊在任何支持小工具的區域中嵌入最近的推文。

然而，有時候您可能想要創建一個自定義的小工具，向您的訪客展示豐富的多媒體內容。例如，您可能想要上傳您的作者照片，然後使用它創建一個帶有連結到您不同社交媒體配置文件的作者簡介小工具。

這樣說來，讓我們看看如何使用可視化編輯器在WordPress中創建自定義小工具。只需使用以下鏈接跳到適合您的主題的方法：

方法一：使用Widget Options插件（適用於所有WordPress主題）

創建自定義小工具的最簡單方法是使用Widget Options插件。它為標準的WordPress可視小工具編輯器增加了許多額外的設置，包括根據用戶角色顯示不同的小工具、在移動設備上隱藏WordPress小工具等功能。

它還增加了一個文本小工具，您可以自定義其中的連結、圖片、格式等。這允許您創建一個自定義小工具，而無需編寫任何代碼。

首先，您需要安裝並啟用Widget Options插件。欲了解更多詳情，請參閱我們的分步指南 如何安裝WordPress插件。

激活後，前往您的WordPress儀表板中的外觀 » 小工具頁面。您現在會看到您的WordPress主題中所有支持小工具的區域列表。根據您的主題，您看到的選項可能會有所不同。

您還會看到所有可以添加到您網站的小工具。我們將使用文本小工具進行本指南，所以只需將其拖放到任何支持小工具的區域。

您現在會看到一個小彈出窗口。這個彈出窗口本質上是一個迷你頁面或文章編輯器，所以它應該看起來很熟悉。

首先，您可以輸入一個標題，這將顯示在小工具的上方。之後，您可以直接在小編輯器中輸入文本、添加連結和圖片、改變格式、添加項目符號和編號列表等。

您還可以在特定的WordPress頁面上顯示或隱藏小工具，並為WordPress小工具添加自定義樣式。當您對小工具的設置感到滿意時，單擊「完成」鏈接以保存其設置。

現在，如果您訪問您的網站，您會看到新的豐富文本小工具已在現場。

如果您願意，還可以使用WordPress定制器來視覺化地構建自定義小工具。只需前往外觀 » 小工具，但這次，點擊「使用實時預覽管理」。

這將打開已經選擇小工具設置的定制器。您現在可以點擊您想要添加自定義小工具的區域。

之後，點擊「添加小工具」，這將打開一個顯示所有不同小工具的面板。只需找到「文本」，然後單擊它以將其添加到您的網站。

這會打開一個小編輯器，您可以在其中添加文本、連結、媒體等。當您在編輯器中進行更改時，實時預覽將自動更新。

當您對小工具的外觀感到滿意時，單擊「發布」按鈕，讓它在您的WordPress博客或網站上生效。如果您在WordPress儀表板中找不到主題定制器，請參閱我們的指南 如何修復WordPress管理界面中缺少的主題定制器。

方法二：使用全站編輯器（適用於支持區塊的WordPress主題）

如果您使用的是支持區塊的WordPress主題，則可以使用全站編輯器將區塊添加到任何支持小工具的區域。通過這種方式，您可以將標準WordPress區塊排列在支持小工具的區域（如側邊欄）中，從而創建自定義小工具。您也不需要安裝單獨的WordPress插件。

這也是一種向無法使用標準的WordPress小工具編輯器或定制器編輯的區域添加小工具的方法。例如，您可以向您的404頁面模板添加小工具。

要開始，請前往WordPress儀表板中的外觀 » 編輯器。默認情況下，全站編輯器會顯示主題的主頁模板，但您可以向任何區域添加小工具和區塊。

要查看所有可用選項，只需選擇「模板」或「模板部分」。

您現在可以單擊您想要編輯的模板或模板部分。WordPress將顯示該設計的預覽。要繼續編輯此模板，請單擊小鉛筆圖標。

完成後，點擊藍色的「+」圖標，然後找到您想要在自定義小工具中使用的第一個區塊。您可以使用任意組合的區塊，但如果您打算使用圖片和文字，我們建議您從「媒體和文字」區塊開始。這可以讓您輕鬆地將一張圖片和一些文字排列在一起，形成一個漂亮的布局。

選擇您要使用的區塊後，將其拖放到支持小工具的區域，如側邊欄和頁腳。全站編輯器讓您可以訪問完整的WordPress工具和設置。這意味著您可以向更廣泛的區塊中添加行動號召按鈕、文本、連結、圖片和其他內容。

有了這些，您應該能夠創建出您心目中的小工具。只需向支持小工具的區域添加更多區塊和內容，直到您對外觀感到滿意。欲了解更多關於如何使用主題的小工具支持區域的想法，請參閱我們的清單 在WordPress網站的頁腳中添加的20件事。

當您對所做的更改感到滿意時，單擊「保存」。現在，如果您訪問您的WordPress網站，您會看到新的自定義小工具已在現場。

我們希望本文幫助您學習如何輕鬆地使用WordPress小工具的可視化編輯器。您也許還想看看我們的指南 最好用的拖放式頁面構建器 以及 如何使用WordPress創建著陸頁。

如果您喜歡這篇文章，請訂閱我們的 YouTube頻道，以獲取更多WordPress視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。