您现在的位置是：首页 > WordPress教程WordPress教程

WordPress小工具入门指南

WP集市 2025-08-28 【WordPress教程】 1512人已围观

WordPress小工具说白了就是往侧边栏或者页脚随便塞内容的小玩意儿，比如放个最新文章列表或者日历啥的。你打开后台的外观 > 小工具，就能看见一堆现成的，直接拖拽到右边区域就能用——根本不用碰代码。但如果你想自己搞个定制化的，那就得写点PHP了。
比如咱整个简单版的自定义文本小工具，用来显示当前日期。先得继承 WP_Widget 类，重写几个方法。代码结构大概长这样：

class My_Date_Widget extends WP_Widget {
    public function __construct() {
        parent::__construct('my_date_widget', '今日日期', [
            'description' => '显示当前日期的小工具'
        ]);
    }

    public function widget($args, $instance) {
        echo $args['before_widget'];
        echo '<div class="642d-7350-5eaf-df3a textwidget">';
        echo date('Y年m月d日');
        echo '</div>';
        echo $args['after_widget'];
    }
}

写完类还得注册一下，不然WordPress不认识它。在 functions.php 里加这行：

add_action('widgets_init', function() {
    register_widget('My_Date_Widget');
});

这时候你再去小工具界面，就能看见多出来个“今日日期”的选项。拖到侧边栏试试？页面上立马显示像“2023年10月26日”这样的内容。不过这东西现在还没设置选项，要是想让用户自己改日期格式的话，还得再写个 form 方法——但那就是进阶操作了。
小工具的样式其实可以用CSS随便调。WordPress会自动给每个小工具外包一层带 widget 类的div，比如你那个日期小工具前端生成的结构可能是：

<div id="my_date_widget-3" class="df3a-ccf5-6eaa-3024 widget my_date_widget">
    <div class="ccf5-6eaa-3024-5b1c textwidget">2023年10月26日</div>
</div>