首页 > wordpress教程 > [开发篇]六个步骤轻松搞定wordpress主题小工具开发和创建
摘要:wordpress主题里自带很多可延展的部分,其中小工具可扩展的空间最为强大,不仅仅可以在原生wordpress程序的基...

wordpress主题里自带很多可延展的部分,其中小工具可扩展的空间最为强大,不仅仅可以在原生wordpress程序的基础上优化现有小工具,而且可以注册和开发更多的新的功能和样式的工作而且很方便的添加到主题不同的位置和不同的样式调整,可以说是另外一种自定义功能的实现。举个栗子,他可以自定义顶部的菜单、自定义侧边栏的文章列表样式及位置、可以无限的浮动或是固定、可以显示在各页面的不同位置;下面大挖将通过五个步骤的说明教大家如何注册编写应用一个小工具到已有的wordpress主题内

开发一款wordpress主题小工具通常是以下面五个步骤来实现的;

第一步:注册属于你的特定小工具名称
第二步 创建一个类用来保存 widget 函数
第三步 编写一个 construc t函数来构建你的小工具
第四步 为小工具界面上的表单编写一个 form 函数
第五步 编写一个 update 函数以便小工具能够在表单中及时更新
第六步 编写一个定义输出的 widget函数

创建小工具类:

首先是创建一个新类来拓展 WP_Widget 类,将下面代码复制进主题的 functions.php(本主题新建的图片小工具):

register_widget() 函数是一个WordPress函数,它唯一的参数就是你刚刚创建的类的命名。

随后将你创建的函数挂入 widgets_init 钩子,确保它可以被 WordPress 拾起。

现在你已经开始创建你的 WordPress 小工具了。接下来就是填充上面的4个函数:

创建构造函数:

你需要在 PicWidget 类里面填充你自己建立的__construct() 函数。找到”构造函数”,编辑如下:

以上代码定义了创建你的 WordPress 小工具需要的相关参数。它们分别是:

WordPress 小工具的唯一ID
WordPress 小工具在其界面上的名称
一系列在 WordPress 小工具界面显示的选项,包括选项说明。
创建表单:

要为你的小工具创建表单,你需要填充已经添加 PicWidget 类中的 form 函数。找到form函数,编写如下:

上述代码在后台小工具界面内创建了一个可输入的表单,但是如果你尝试在其中输入一些内容,它不会被保存下来。因此你需要进一步完善让这个表单能保存你所输入的内容。

允许表单更新:

要做到这一点你需要处理之前创建的 update 函数。编码如下:

上述代码用新值($new_instance)代替了 depth 字段的旧值($old_instance),并采用 strip_tags 进行消毒。现在你可以在其中进行任意的输入并保存了。

现在你终于为你的WordPress小工具创建了一个工作表单,可以说一切都准备就绪了,那么下一步就是在网站上显示你的WordPress小工具啦。

编辑 widget 函数:

下一步你需要做的便是编辑还未填充的 widget 函数。如下面的输出图片:

最终:

回顾以上步骤,添加小工具代码全文应如下所示:

分享到:
赞(0) 打赏

作者: 大挖酱

挖主题团队自2014年开始专注于WordPress企业主题设计开发,致力于为更多用户打造出更漂亮、更易用、更专业的网站。距今已累计开发近50款WP主题,付费客户超过5千人。挖主题,是您可以长期信赖的合作伙伴。

付款后联系作者QQ 2243748

支付宝扫一扫

微信扫一扫