WordPress如何添加自定义小工具

想在自己WordPress网站侧栏上加个展示每日一句话的功能模块,发现网站本身主题的widget小工具都没有合适的,就自己在网上搜了些知识要点,自己编写了个每日一言widget小工具,下边贴下我的笔记。WordPress如何添加自定义小工具 第一步咱先来瞧一瞧widget小工具的代码结构: 1234

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

WordPress如何添加自定义小工具

第一步咱先来瞧一瞧widget小工具的代码结构:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//继承了 WP_Widget 这个类来创建新的小工具(Widget)
class Test_Widget extends WP_Widget {
function Test_Widget() {
// 主要内容方法
}
function form($instance) {
// 给小工具(widget) 添加表单内容
}
function update($new_instance, $old_instance) {
// 进行更新保存
}
function widget($args, $instance) {
// 输出显示在页面上
}
}
register_widget(‘Test_Widget’);

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<?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就可以了。调用代码如下所示:

1 require_once( dirname(__FILE__) . ‘/test-widget.php’ );

您已阅读完《wordpress(共168篇)》专题的第 141 篇。请继续阅读该专题下面的文章:

    购买必读
    本站模板没有任何后门,也不会和我们服务器有任何通信,请您放心使用。
    本源码一次性买断,没有二次费用,并享受免费更新。
    在使用本站模板时,请不要使用我们的产品从事违反中华人民共和国法律、违反公序良俗的活动,否则我们有权拒绝服务,并配合有关单位予以处置。如果您不符合条件,请勿购买。
    售后是指通过QQ与客服联系处理问题,售后过期不影响您对主题的使用和更新。免费三个月售后服务。售后服务时间为工作日早9点到晚5点。如果不在线可以QQ留言,我们会尽快给您答复。
    售后服务包括程序的使用、BUG的处理、意见建议等。不包括技术服务、网站优化、二次开发、环境配置、服务器运维等。
    代码类商品属于数字化商品,具有可复制性,不支持退款,详见《网络交易管理办法》第二章 第16条 第三类。
    请仔细阅读我们的用户协议:用户协议

    给TA打赏
    共{{data.count}}人
    人已打赏
    wordpress教程

    WordPress中怎么防止.htaccess自动还原成默认配置

    2023-12-9 15:46:59

    wordpress教程

    怎样使WordPress支持WebP格式图片

    2023-12-9 15:47:01

    0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧

    线

    专属客服

    (工作日 10:00 - 22:30 为您服务)

    2026-09-20 23:28:52

    您好,无论是售前、售后、意见建议……均可通过联系工单与我们取得联系。

    猜你想问:

    • 购买的模板免费包安装吗?

    • 这个演示地址有吗?

    • 购买vip会员可以下载哪些模板?

    您的工单我们已经收到,我们将会尽快跟您联系!
    取消

    您想了解哪方面的问题?

    选择聊天工具: