如何在WordPress主题开发中实现自定义小工具（Widget）

class Latest_Posts_Widget extends WP_Widget {

    // 构造函数
    function __construct() {
        parent::__construct(
            'latest_posts_widget', // 小工具的ID
            '最新文章', // 小工具的名称
            array('description' => '显示网站的最新文章') // 小工具的描述
        );
    }

    // 前端显示小工具内容
    public function widget($args, $instance) {
        $title = apply_filters('widget_title', $instance['title']); // 获取小工具标题
        echo $args['before_widget'];
        if (!empty($title)) {
            echo $args['before_title'] . $title . $args['after_title'];
        }

        // 查询最新文章
        $recent_posts = new WP_Query(array(
            'posts_per_page' => 5, // 显示5篇最新文章
        ));

        if ($recent_posts->have_posts()) {
            echo '<ul>';
            while ($recent_posts->have_posts()) {
                $recent_posts->the_post();
                echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
            }
            echo '</ul>';
        }

        wp_reset_postdata();
        echo $args['after_widget'];
    }

    // 后台设置小工具表单
    public function form($instance) {
        $title = !empty($instance['title']) ? $instance['title'] : '最新文章';
        ?>
        <p>
            <label for="<?php echo $this->get_field_id('title'); ?>">标题：</label>
            <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo esc_attr($title); ?>" />
        </p>
        <?php
    }

    // 更新小工具设置
    public function update($new_instance, $old_instance) {
        $instance = $old_instance;
        $instance['title'] = !empty($new_instance['title']) ? sanitize_text_field($new_instance['title']) : ''; // 过滤标题
        return $instance;
    }
}

function register_latest_posts_widget() {
    register_widget('Latest_Posts_Widget');
}

add_action('widgets_init', 'register_latest_posts_widget');

function theme_widgets_init() {
    register_sidebar(array(
        'name'          => '侧边栏',
        'id'            => 'sidebar-1',
        'before_widget' => '<div class="widget">',
        'after_widget'  => '</div>',
        'before_title'  => '<h3 class="widget-title">',
        'after_title'   => '</h3>',
    ));
}

add_action('widgets_init', 'theme_widgets_init');