您是否要在WordPress上創建自己的自定義小部件?

小部件可讓您將項目拖放到網站上任何可用的側邊欄或小部件區域中。 因此,在本文中,我們將向您展示如何輕鬆創建自定義WordPress小部件。

但是之前,如果您從未安裝過WordPress發現 如何安裝WordPress博客7步驟 et 如何找到,安裝和你的博客激活WordPress主題 

然後回到為什麼我們在這裡。

在wordpress上創建自定義窗口小部件

什麼是WordPress小部件?

WordPress小部件包含一些代碼片段,您可以將其添加到網站側欄或對小部件友好的區域。 可以將其視為可用於通過簡單的“拖放”界面添加不同元素的模塊。

默認情況下,WordPress帶有一組標準的小部件,您可以將其與任何WordPress主題一起使用。 

也發現 我們最好的高級WordPress主題.

WordPress儀表板小部件

WordPress 還允許開發人員創建自己的自定義小部件。 很多主題和 WordPress插件 附帶他們自己的自定義小部件,您可以將其添加到側邊欄。

例如,您可以添加 一個聯繫表格, 登錄表格 自定義或 照相館 在邊欄中,無需編寫任何代碼。

也就是說,讓我們看看如何在WordPress上輕鬆創建自己的自定義小部件。

如何創建WordPress的自定義窗口小部件

本教程適用於具有Web開發知識的人。

開始之前,最好在網站上創建一個特定的插件,然後在該網站上粘貼本教程的小部件代碼。

您還可以將代碼粘貼到WordPress主題的“ functions.php”文件中。 但是,僅當該特定WordPress主題處於活動狀態時才可用。

在本教程中,我們將創建一個簡單的小部件,該小部件將簡單地迎接訪客。 查看此代碼,然後將其粘貼到您的特定插件中以查看其運行情況。

//註冊並加載小部件函數wpb_load_widget(){register_widget('wpb_widget'); } add_action('widgets_init','wpb_load_widget'); //創建小部件類wpb_widget擴展WP_Widget {function __construct(){parent :: __結構(//小部件'wpb_widget'的基本ID,//小部件名稱將出現在UI __中('BPC Widget','wpb_widget_domain') ,//窗口小部件描述數組('description'=> __('Simple WordPress Widget','wpb_widget_domain'),));; } //創建公共前端窗口小部件函數窗口小部件($ args,$ instance){$ title = apply_filters('widget_title',$ instance ['title']); //主題定義窗口小部件參數之前和之後echo $ args ['before_widget']; if(!空($ title))回顯$ args ['before_title']。 $標題。 $ args ['after_title']; //在此處運行代碼並顯示輸出echo __('Simple Widget','wpb_widget_domain'); echo $ args ['after_widget']; } //窗口小部件後端公共功能表單($實例){if(isset($實例['title']])){$ title = $ instance ['title']; }其他{$ title = __('New title','wpb_widget_domain'); } //管理表單小部件?> get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="" />

添加代碼後,您必須轉到“ 外觀>小部件 “。 您會注意到新的小部件“ BPC小工具 在可用小部件的列表中。 您必須將此小部件拖放到側邊欄中。

WordPress自定義小部件

現在,通過訪問博客,您將在側欄上看到一個小部件,在其中添加了相關小部件。

現在讓我們看一下這段代碼。

首先,我們錄製了“ wpb_widget 並加載了我們的自定義小部件。 接下來,我們定義了此小部件的功能以及如何在儀表板上顯示它。

最後,我們定義瞭如何處理對小部件所做的更改。

現在,您可能需要了解幾件事。 例如,目標是什麼? wpb_text_domain “?

WordPress使用“ gettext”來管理翻譯和本地化。 所以 wpb_text_domain “和 __e 告訴gettext如何檢索翻譯字符串(如果存在)。

如果您為WordPress主題創建自定義窗口小部件,則可以將“ wpb_text_domain”替換為主題域的文本。

還發現一些高級WordPress插件  

您可以使用其他 WordPress插件 賦予現代外觀並優化您的博客或網站的處理。

我們在這里為您提供了一些高級WordPress插件,它們將幫助您實現這一目標。

1。 Galaxy Funder

Galaxy Funder是為所有WooCommerce網站設計的功能齊全的眾籌系統。 使用 WordPress插件 高級 Galaxy Funder,您將能夠管理自己的眾籌網站或在 WooCommerce 在線商店的標題上添加籌款活動。

Galaxy Funder woocommerce眾籌系統插件WordPress

您也可以使用任何 WooCommerce支持的支付網關. 請注意,“ Galaxy Funder”可直接在在線商店頁面上使用,這使用戶貢獻過程更加容易。

下載 | 演示| 虛擬主機

2。 點擊WhatsApp聊天

Le WordPress插件 Premium Click to WhatsApp Chat 讓 WordPress 客戶可以輕鬆地使用他們的 WhatsApp 帳戶與網站所有者或客戶支持聯繫。 

點擊進入WhatsApp聊天以獲取Wordpress插件

只需單擊WhatsApp帳戶,它就會以默認消息直接定向到移動WhatsApp帳戶。 如果客戶端在台式機或筆記本電腦上,他將被重定向到WhatsApp Web。

此插件需要WhatsApp編號以及時間和日期,網站所有者或支持團隊將使用這些號碼以及時間和日期進行討論。 聊天按鈕可以添加到WooCommerce產品詳細信息頁面,與此產品直接相關。

下載 | DEMO | 虛擬主機

3.下載圖像水印

CETTE WordPress插件 高級版可讓您輕鬆為圖像添加水印 輕鬆的數字下載。易數字文件下載,圖片水印

CES 水印 可以是版權符號圖像, 公司標誌,或作為透明PNG圖片的部分品牌。

下載 | DEMO | 虛擬主機

其他推薦資源

我們還邀請您參考以下資源,以進一步掌握和控製網站和博客。

結論

瞧! 這就是本教程的全部內容,我希望它允許您在WordPress博客上創建自定義小部件。 如果你有 評論 或建議,請隨時在保留部分中告知我們。

但是,您也可以諮詢我們的 RESSOURCES,如果您需要更多的元素來執行創建Internet網站的項目,請參考我們關於 WordPress博客創建 或者那個 Divi:有史以來最好的WordPress主題.

但與此同時, 在您不同的社交網絡上分享此文章

...