text 如何添加自定义WIDGET

Posted 2021-04-29

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

class title_blue_widget extends WP_Widget {

    /**
     * Give name and id for widget
     */
    function __construct() {
        parent::__construct (
                'title_sm', // id widget
                'Title color blue', // name widget

                array(
                        'description' => 'Add title menu with text color blue' // description
                )
        );
    }

    function form( $instance ) {
        parent::form( $instance );

        $default = array(
                'title' => 'Title text color blue'
        );


        $instance = wp_parse_args( (array) $instance, $default);


        $title = esc_attr( $instance['title'] );

        echo '<p>Title <input type="text" class="widefat" name="'.$this->get_field_name('title').'" placeholder="'.$title.'" /></p>';

    }

    /**
     * save widget form
     */

    function update( $new_instance, $old_instance ) {
        parent::update( $new_instance, $old_instance );

        $instance = $old_instance;
        $instance['title'] = strip_tags($new_instance['title']);
        return $instance;
    }

    /**
     * Show widget
     */

    function widget( $args, $instance ) {
        extract( $args );
        $title = apply_filters( 'widget_title', $instance['title'] );
        $before_title_blue = '<div class="title-blue">';
        $after_title_blue = '<div/>';

        echo $before_widget;

        //Echo title
        echo $before_title_blue.$title.$after_title_blue;


        echo $after_widget;
    }

}