Ở phần 9 mình sẽ viết class widget show các bài viết mới nhất ra sidebar.

Tạo folder widgets

• wp-content/themes/logicviet/widgets

Tạo file logic_viet_widget_latest_post.php và chứa class mình đã viết như sau:

• wp-content/themes/logicviet/widgets/logic_viet_widget_latest_post.php

<?php
    // Tạo Class logic_viet_latest_post
    class logic_viet_latest_post extends WP_Widget {
     
        function __construct() {
            parent::__construct(
             
            // Thông tin ID widget
            'logic_viet_latest_post', 
             
            // Tên widget
            __('Bài viết mới nhất', 'logic_viet'), 
             
            // Mô tả widget
            array( 'description' => __( 'Đây là widget show bài viết mới nhất', 'logic_viet' ), ) 
            );
        }
     
        // Frontend
        public function widget( $args, $instance ) {
            $title = apply_filters( 'widget_title', $instance['title'] );
            $sl =   apply_filters( 'widget_sl', $instance['sl'] );

            echo $args['before_widget'];
            if ( ! empty( $title ) )
            echo $args['before_title'] . $title . $args['after_title'];
             
            $posts = get_posts(
                array(
                    'numberposts'   => $sl,
                    'orderby'       => 'date'
                )
            );

            if( empty( $posts ) ) return '';

            $out = '<div class="card-body">';

            foreach( $posts as $post )
            {
                $out .= sprintf( 
                    '<div class="media mb-3">
                        <img src="%s" class="mr-3 post-small img-thumbnail">
                          <div class="media-body">
                            <h6 class="mt-0"><a href="%s">%s</a></h6>
                            <small>%s</small>
                          </div>
                        </div>',
                    get_the_post_thumbnail_url($post->ID, 'post-small'),
                    get_permalink( $post ),
                    esc_attr( wp_trim_words($post->post_title, 12 ) ),
                    esc_html( get_the_category( $post->ID )[0]->cat_name )
                );
            }
            $out .= '</div>';
            echo $out;
            echo $args['after_widget'];
        }
                     
            // Backend 
        public function form( $instance ) {
            if ( isset( $instance[ 'title' ] ) ) {
                $title = $instance[ 'title' ];
            }
            else {
                $title = __( '', 'logic_viet' );
            }

            if ( isset( $instance[ 'sl' ] ) ) {
                $sl = $instance[ 'sl' ];
            }
            else {
                $sl = __( '', 'logic_viet' );
            }

            ?>
                <p>
                <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Tiêu đề:' ); ?></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>

                <p>
                <label for="<?php echo $this->get_field_id( 'sl' ); ?>"><?php _e( 'Số lượng:' ); ?></label> 
                <input class="widefat" id="<?php echo $this->get_field_id( 'sl' ); ?>" name="<?php echo $this->get_field_name( 'sl' ); ?>" type="number" value="<?php echo esc_attr( $sl ); ?>" />
                </p>

            <?php 
        }
                 
        
        public function update( $new_instance, $old_instance ) {
            $instance = array();
            $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
            $instance['sl'] = ( ! empty( $new_instance['sl'] ) ) ? strip_tags( $new_instance['sl'] ) : '';

            return $instance;
        }
    }