Just Start Typing Text and Press Enter

alt text
WuSiYu
学生,Web开发者
2018年十月
« 8月    
1234567
891011121314
15161718192021
22232425262728
293031  

友情链接

文章归档

Menu
Close
7月 18, 2014

WordPress小工具制作快速入门教程

0 Comment | By
0

众所周知,Wordpress的侧边栏中可以放置小工具,功能各异的小工具可以是用户体验有很大的提升,但Wordpress自带的那几个小工具是显然不够,所以我们要自己制作小工具.

小工具的制作其实并不难,小工具的代码需要包含在function.php中,主要小工具的代码结构如下:

由此可见,一个小工具的代码主要由信息声明,后台内容,数据更新,前台内容构成.

我们来以一个显示自定义图片小工具为例,依次讲解这些部分:

1.声明部分

这部分的内容比较固定,仅仅定义一些小工具的信息而已:

相信大家都能看明白这两行东西,实际应用时将”图片”替换为小工具的名称,”显示自定义图片”替换为小工具的描述.

 

2.后台部分

这部分是控制小工具在后台的设置部分:

后台部分主要就是一些表单,也很容易理解.

 

3.数据更新

这部分是小工具的设置在点击保存是的处理部分,一般无特殊要求直接返回新值就可以了:

这部分基本是固定的,一般不用去管.

 

4.前台部分

这部分就是真正显示在侧边栏里的东西,视具体应用而定:

对于这部分,要完全根据具体应用而定,可以这样获取你在设置页面中定义的变量:

至此,一个新的小工具就制作完成了,可以按照这个结构制作你自己的小工具.

0

Leave A Comment

Author Details
SiYu Wu 学生,Web开发者,智能硬件&IOT爱好者
Share Post