怎么给WordPress添加自定义widget小工具

想在自己WordPress网站侧边栏上放个显示每日一句话的模块,发现网站本身主题的widget小工具都没有适合,就自己网上搜了些知识点,自个编写了个每日一言widget小工具,下面贴下我的笔记。
怎么给WordPress添加自定义widget小工具

WordPress添加自定义widget小工具

首先看一看一个widget小工具的代码结构:

class Test_Widget extends WP_Widget { //继承了 WP_Widget 这个类来创建新的小工具(Widget)
function Test_Widget() {
// 主要内容方法
}
function form($instance) {
// 给小工具(widget) 添加表单内容
}
function update($new_instance, $old_instance) {
// 进行更新保存
}
function widget($args, $instance) {
// 输出显示在页面上
}
}
register_widget('Test_Widget');

我们可以使用上面的代码结构来写一个测试例子。代码如下:

<?php
class Test_Widget extends WP_Widget {
  function Test_Widget ()
  {
    $widget_ops = array('description' => '一个简单的小测试');
    $control_ops = array('width' => 400, 'height' => 300);
    parent::WP_Widget(false,$name='一个简单的Widget',$widget_ops,$control_ops);  
                //parent::直接使用父类中的方法
                //$name 这个小工具的名称,
                //$widget_ops 可以给小工具进行描述等等。
                //$control_ops 可以对小工具进行简单的样式定义等等。
  }
  function form($instance) { // 给小工具(widget) 添加表单内容
    $title = esc_attr($instance['title']);
  ?>
  <p><label for="<?php echo $this->get_field_id('title'); ?>"><?php esc_attr_e('Title:'); ?> <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $title; ?>" /></label></p>
  <?php
    }
  function update($new_instance, $old_instance) { // 更新保存
  $instance = $old_instance;
  $instance[ 'title' ] = strip_tags( $new_instance[ 'title' ] );
      return $instance;
  }
  function widget($args, $instance) { // 输出显示在页面上
  extract( $args );
        $title = apply_filters('widget_title', empty($instance['title']) ? __('小测试') : $instance['title']);
        ?>
              <?php echo $before_widget; ?>
                  <?php if ( $title )
                        echo $before_title . $title . $after_title; ?>
              <?php echo $after_widget; ?>

        <?php
  }
}
register_widget('Test_Widget');
?>

模板主题目录下新建一个test-widget.php文件,把上边小工具代码放入test-widget.php ,然后在functions.php调用test-widget.php即可。调用代码如下:

//博主测试图方便才放到主题目录下,建议新建个放widget小工具目录方便管理
require_once( dirname(__FILE__) . '/test-widget.php' );
6

发表评论