你想在WordPress中创建自己的自定义小部件吗? 小部件允许您将元素拖放到网站的任何侧栏或小部件准备好区域。 在本文中,我们将向您展示如何轻松创建自定义WordPress小部件。
什么是WordPress的Widget?
WordPress小部件包含可添加到网站侧边栏或小部件准备好区域的代码片段。 把它们想象成模块,你可以使用一个简单的拖放界面来添加不同的元素。
默认情况下,WordPress提供了一组标准的小部件,您可以使用任何WordPress主题。
WordPress还允许开发人员创建自己的自定义小部件。 许多WordPress主题和插件都带有自己的自定义小部件,您可以将其添加到您的侧边栏。
例如,您可以将联系表单,自定义登录表单或照片库添加到侧栏,而无需编写任何代码。
话虽如此,让我们看看如何轻松地在WordPress中创建自己的自定义小部件。
在WordPress中创建一个自定义的小部件
在我们开始之前,最好的做法是创建一个特定于站点的插件,在这里您将粘贴本教程中的小部件代码。
您也可以将代码粘贴到主题的functions.php文件中。 但是,只有在特定主题处于活动状态时才能使用。
在本教程中,我们将创建一个简单的小部件,只是迎接访问者。 看看这个代码,然后将其粘贴到您的网站特定的插件,看看它的行动。
//注册并加载小部件 函数wpb_load_widget(){ register_widget('wpb_widget'); } add_action('widgets_init','wpb_load_widget'); //创建小部件 类wpb_widget扩展WP_Widget { 函数__construct(){ 父:: __结构( //您的小部件的基本ID 'wpb_widget', //小部件名称将出现在UI中 __('site Widget','wpb_widget_domain'), //小工具描述 array('description'=> __('基于网站教程的示例小部件','wpb_widget_domain'),) ); } //创建小部件前端 公共功能部件($ args,$ instance){ $ title = apply_filters('widget_title',$ instance ['title']); //小部件参数前后由主题定义 echo $ args ['before_widget']; 如果(!empty($ title)) echo $ args ['before_title']。 $ title。 的$ args [ 'after_title']; //这是你运行代码并显示输出的地方 echo __('Hello,World!','wpb_widget_domain'); echo $ args ['after_widget']; } //微件后端 公共函数形式($实例){ if(isset($ instance ['title'])){ $ title = $ instance ['title']; } else { $ title = __('新标题','wpb_widget_domain'); } //小工具管理员表单 ?>
现场
现在你可以访问你的网站,看看它的行动。
现在让我们再次研究代码。
首先,我们注册了“wpb_widget”并加载了我们的自定义小部件。 之后,我们定义了这个小部件的功能,以及如何显示小部件的后端。
最后,我们定义了如何处理对小部件的更改。
现在有几件事你可能会问。 例如,目的是什么
wpb_text_domain
?WordPress使用gettext来处理翻译和本地化。 这个
wpb_text_domain
和__e
告诉gettext使一个字符串可用于翻译。 看看你如何找到翻译准备的WordPress主题。如果您正在为您的主题创建自定义小部件,则可以替换
wpb_text_domain
与您的主题的文本域。