您是否要在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="" />

添加代码后,您必须转到“ 外观>小部件 ”。 您会注意到新的小部件“ PCB的Widget 在可用小部件的列表中。 您必须将此小部件拖放到侧边栏中。

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产品详细信息页面,与此产品直接相关。

下载 | 演示 | 虚拟主机

3.下载图像水印

WordPress扩展 高级版可让您轻松为图像添加水印 易数字下载。易数字文件下载,图片水印

CES 水印 可以是版权符号图像, 公司标志,或作为透明PNG图片的部分品牌。

下载 | 演示 | 虚拟主机

其他推荐资源

我们还邀请您参考以下资源,以进一步掌握和控制网站和博客。

结论

瞧! 这就是本教程的全部内容,我希望它将允许您在WordPress博客上创建自定义小部件。 如果你有 评论 或建议,请随时在保留部分中告知我们。

但是,您也可以咨询我们的 RESSOURCES,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章

...