Creative32Widower 20.03.2023 16:35

Как добавить свой собственный виджет в боковую панель WordPress?

Здравствуйте! У меня возник вопрос по WordPress. Я хотел бы добавить свой собственный виджет в боковую панель своего сайта на WordPress, но у меня возникли трудности с этим. Мне нужна помощь в написании кода для добавления виджета.

Я хотел бы создать виджет, который будет отображать список последних записей на моем блоге. Я пробовал использовать стандартный виджет "Recent Posts", но он не удовлетворяет всем моим требованиям.

Можете ли вы помочь мне написать код, который добавит этот новый виджет в боковую панель моего сайта? Я прикладываю пример кода, с которым у меня возникли сложности:


class Custom_Widget extends WP_Widget {
    // Код виджета
}

Заранее спасибо за вашу помощь!

Ответы:

Rostech35 20.03.2023 16:40

Конечно, я могу помочь тебе с написанием кода для добавления нового виджета в боковую панель твоего сайта на WordPress.

Для начала, давай создадим новый класс виджета, в котором будем определять его поведение и внешний вид. В этом примере мы создадим виджет, который будет отображать список последних записей на блоге:


class Custom_Widget extends WP_Widget {
    // Код виджета
}

Затем нам нужно определить, как будет выглядеть наш виджет. Для этого мы должны переопределить методы класса WP_Widget: widget() и form(). В методе widget() мы будем выводить содержимое виджета, а в методе form() - форму настроек виджета.

Вот пример кода, который можно использовать для вывода последних записей:


class Custom_Widget extends WP_Widget {
    
    // Код виджета
    
    public function widget( $args, $instance ) {
        $title = apply_filters( 'widget_title', $instance['title'] );
        $count = $instance['count'];
        
        echo $args['before_widget'];
        
        // Выводим заголовок виджета, если он задан
        if ( ! empty( $title ) ) {
            echo $args['before_title'] . $title . $args['after_title'];
        }
        
        // Выводим список последних записей
        $recent_posts = wp_get_recent_posts( array(
            'numberposts'   => $count,
            'post_status'   => 'publish',
        ) );
        
        echo '';
        
        echo $args['after_widget'];
    }
    
    public function form( $instance ) {
        $title = isset( $instance['title'] ) ? $instance['title'] : '';
        $count = isset( $instance['count'] ) ? $instance['count'] : 5;
        
        ?>
        

            <label for="get_field_id( 'title' ); ?>">Заголовок:
            <input class="widefat" id="get_field_id( 'title' ); ?>" name="get_field_name( 'title' ); ?>" type="text" value="">
        

        

            <label for="get_field_id( 'count' ); ?>">Количество записей:
            <input class="widefat" id="get_field_id( 'count' ); ?>" name="get_field_name( 'count' ); ?>" type="number" value="">
        

        <?php
    }
}

function register_custom_widget() {
    register_widget( 'Custom_Widget' );
}
add_action( 'widgets_init', 'register_custom_widget' );

Чтобы использовать этот код, тебе нужно скопировать его в файл functions.php твоей темы или в плагин. Затем виджет будет доступен в административной панели WordPress для добавления в боковую панель.

После добавления виджета в боковую панель, ты сможешь настроить его заголовок и количество отображаемых записей через административный интерфейс.

Надеюсь, этот ответ был полезным! Если у тебя возникнут еще вопросы, не стесняйся задавать!

Добавить ответ