WordPress主题开发教程 14_自定义小工具

凡治众如治寡分数是也《孙子兵法·兵势篇》大家好！又到 WordPress 主题开发教程的时间了！开发一个 WordPress 主题，需要掌握的知识点，虽然难度不大，但是多且杂能坚持到现在的朋友，相信已经对如何开发 WordPress 主题，有了一定的心得。

希望我们能一起完成这个 WordPress 主题及教程

咱们闲言少叙，书归正传。上回我们了解了 WordPress 主题中的小工具。使用系统自带的小工具，相信对于各位已不在话下。这一次要搞定的是如何自定义小工具。

上图中的【酱茄-标签云】、【酱茄-热门文章】、【酱茄-猜你喜欢】就是自定义小工具从何说起呢？咱们先上代码：add_action(widgets_init, the_first_widget_rand_list。

);functionthe_first_widget_rand_list(){ register_widget(The_First_Widget_RandList);}classThe_First_Widget_RandList

extendsWP_Widget{function__construct(){parent::__construct(the_first-widget-rand-list, TheFirst-猜你喜欢, [

description => 随机文章]); }functionwidget($args, $instance){ extract($args, EXTR_SKIP);//输出小工具前代码

echo $before_widget;//输出小工具标题echo $before_title . 随机文章 . $after_title;// 输出随机文章列表// TODO:这里是前台显示的小工具的内容

//输出小工具后代码echo $after_widget; }/** * 输出小工具设置表单 * * @param array $instance 现有设置值 */

functionform($instance){// 输出小工具设置表单// TODO:这里是小工具的设置表单，可以让用户自定义小工具的显示内容 }/** * 保存小工具设置 * *

@param array $new_instance 新设置值 * @param array $old_instance 旧设置值 * @return array 处理后的新设置值 */

functionupdate($new_instance, $old_instance){// TODO:处理小工具设置的参数,比如屏蔽某些值return $new_instance; }}上面的代码，可以看作是一个注册 WordPress 自定义小工具的模板。

1. 继承 WP_Widget 类，在类中完成小工具的细节2. 在 widgets_init 钩子中，使用函数 register_widget 注册刚才的自定义小工具类我们把上面的代码添加到 functions.php 中，就可以在小工具中看到：

把【TheFirst-猜你喜欢】拖拽到全站边栏中：

然后，在网页首页就可以看到：

已经可以看到我们的小工具了，只是没有显示出文章在之前代码的第32行，也就是“TODO:这里是前台显示的小工具的内容”的后面添加下面的代码：$args = array(order => 。

DESC,showposts => 4,ignore_sticky_posts => 1);query_posts($args);while (have_posts()) : the_post();

$thumbnail = the_first_thumbnail_src(get_the_ID(), get_the_content());if (!empty($thumbnail)) : ?>

title="">

="simple-content">