您想使用可視化編輯器為您的網(wǎng)站創(chuàng)建小部件嗎？

使用正確的可視化編輯器，您可以創(chuàng)建包含鏈接、圖像、文本等的自定義小部件。然后，您可以將這些小部件添加到主題的不同區(qū)域，并在您的 wordpress 網(wǎng)站上顯示它們。

在本文中，我們將向您展示如何使用可視化編輯器在 WordPress 中創(chuàng)建小部件。

為什么使用可視化編輯器在 WordPress 中創(chuàng)建小部件？

小部件允許您在主頁(yè)和帖子區(qū)域之外添加豐富的內(nèi)容。每個(gè)WordPress 主題都不同，但您通常可以將小部件添加到頁(yè)腳、頁(yè)眉和側(cè)邊欄等區(qū)域。

許多網(wǎng)站使用這些區(qū)域來(lái)顯示“關(guān)于”部分、顯示其最受歡迎的帖子、添加電子郵件通訊注冊(cè)表單等等。

WordPress 允許您將各種塊添加到任何小部件就緒區(qū)域，并且許多 WordPress 插件也添加自己的塊。

例如，如果您使用Smash Balloon twitter Feed，那么您可以使用該插件的 Twitter Feed 塊將最近的推文嵌入任何小部件就緒區(qū)域。

但是，有時(shí)您可能想要?jiǎng)?chuàng)建一個(gè)自定義小部件來(lái)向訪問(wèn)者顯示豐富的多媒體內(nèi)容。例如，您可能想要上傳作者照片，然后使用它來(lái)創(chuàng)建作者簡(jiǎn)介小部件，并包含指向您不同社交媒體個(gè)人資料的鏈接。

話雖這么說(shuō)，讓我們看看如何使用可視化編輯器在 WordPress 中創(chuàng)建自定義小部件。只需使用下面的鏈接跳轉(zhuǎn)到適合您的主題的方法：

• 方法 1：使用 Widgets Options 插件（適用于所有 WordPress 主題）
• 方法 2：使用全站編輯器（適用于啟用塊的 WordPress 主題）

方法 1：使用 Widgets Options 插件（適用于所有 WordPress 主題）

創(chuàng)建自定義小部件的最簡(jiǎn)單方法是使用小部件選項(xiàng)插件。該插件向標(biāo)準(zhǔn) WordPress 可視化小部件編輯器添加了許多額外設(shè)置，包括根據(jù)用戶角色顯示不同小部件的能力、在移動(dòng)設(shè)備上隱藏 WordPress 小部件等。

它還添加了一個(gè)文本小部件，您可以使用自己的鏈接、圖像、格式等進(jìn)行自定義。這允許您創(chuàng)建自定義小部件而無(wú)需編寫(xiě)任何代碼。

首先，您需要安裝并激活 Widget Options 插件。有關(guān)更多詳細(xì)信息，請(qǐng)參閱我們有關(guān)如何安裝 WordPress 插件的分步指南?。

激活后，轉(zhuǎn)到??WordPress 儀表板中的外觀 ? 小部件頁(yè)面。

現(xiàn)在，您將看到WordPress 主題中所有小部件就緒區(qū)域的列表。您看到的選項(xiàng)可能會(huì)根據(jù)您的主題而有所不同。

您還將看到可以添加到站點(diǎn)的所有小部件。我們將在本指南中使用文本小部件，因此只需將其拖放到任何小部件就緒區(qū)域即可。

您現(xiàn)在將看到一個(gè)小彈出窗口。

這個(gè)彈出窗口本質(zhì)上是一個(gè)迷你頁(yè)面或帖子編輯器，所以它看起來(lái)應(yīng)該很熟悉。

首先，您可以輸入標(biāo)題，該標(biāo)題將顯示在小部件上方。

之后，您可以直接在小型編輯器中輸入文本、添加鏈接和圖像、更改格式、添加項(xiàng)目符號(hào)點(diǎn)和編號(hào)列表等等。

您還可以在特定 WordPress 頁(yè)面上顯示或隱藏小部件，并向 WordPress 小部件添加自定義樣式。

如果您對(duì)小部件的設(shè)置方式感到滿意，請(qǐng)單擊“完成”鏈接來(lái)存儲(chǔ)其設(shè)置。

現(xiàn)在，如果您訪問(wèn)您的網(wǎng)站，您將看到新的富文本小部件。

如果您愿意，您可以使用 WordPress 定制器直觀地構(gòu)建自定義小部件。

只需轉(zhuǎn)到“外觀”?“小部件”，但這一次，單擊“使用實(shí)時(shí)預(yù)覽進(jìn)行管理”。

這將打開(kāi)定制器，其中已選擇小部件設(shè)置。

您現(xiàn)在可以單擊要添加自定義小部件的區(qū)域。

之后，單擊“添加小部件”，這將打開(kāi)一個(gè)顯示所有不同小部件的面板。

只需找到“文本”并單擊即可將其添加到您的網(wǎng)站。

這將打開(kāi)一個(gè)小編輯器，您可以在其中添加文本、鏈接、媒體等。

當(dāng)您在編輯器中進(jìn)行更改時(shí)，實(shí)時(shí)預(yù)覽將自動(dòng)更新。

選擇要使用的塊后，只需將其拖放到小部件就緒區(qū)域（例如側(cè)邊欄和頁(yè)腳）即可。

全站點(diǎn)編輯器使您可以訪問(wèn)整套 WordPress 工具和設(shè)置。這意味著您可以將號(hào)召性用語(yǔ)按鈕、文本、鏈接、圖像和其他內(nèi)容添加到更廣泛的塊中。

話雖如此，您應(yīng)該能夠準(zhǔn)確地創(chuàng)建您想要的小部件。只需將更多塊和內(nèi)容添加到小部件就緒區(qū)域，直到您對(duì)其外觀感到滿意為止。

有關(guān)如何使用主題的小部件就緒區(qū)域的更多想法，請(qǐng)參閱我們的要添加到 WordPress 網(wǎng)站頁(yè)腳的內(nèi)容清單。

當(dāng)您對(duì)所做的更改感到滿意時(shí)，請(qǐng)點(diǎn)擊“保存”。

現(xiàn)在，如果您訪問(wèn)WordPress 網(wǎng)站，您將看到新的自定義小部件。

我們希望本文能幫助您了解如何輕松使用 WordPress 小部件的可視化編輯器。您可能還想查看我們關(guān)于最佳拖放頁(yè)面構(gòu)建器以及如何使用 WordPress 創(chuàng)建登陸頁(yè)面的指南。