MarkKoz32 13.01.2023 14:25

Как создать кастомный виджет в WordPress с использованием PHP?

Здравствуйте, уважаемые разработчики WordPress!

Я новичок в создании виджетов в WordPress и хотел бы получить вашу помощь в создании кастомного виджета с использованием PHP. У меня возникла проблема при написании кода и я не могу разобраться, как это сделать правильно.

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


class Custom_Widget extends WP_Widget {

    function __construct() {
        parent::__construct(
            'custom_widget',
            'Кастомный виджет',
            array( 'description' => 'Это наш кастомный виджет' )
        );
    }

    public function widget( $args, $instance ) {
        echo $args['before_widget'];
        
        if ( ! empty( $instance['title'] ) ) {
            echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'] ) . $args['after_title'];
        }
        
        echo 'Это содержимое нашего виджета';
        
        echo $args['after_widget'];
    }

    public function form( $instance ) {
        $title = ! empty( $instance['title'] ) ? $instance['title'] : '';
        ?>
        

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

        <?php
    }

    public function update( $new_instance, $old_instance ) {
        $instance = array();
        $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? sanitize_text_field( $new_instance['title'] ) : '';

        return $instance;
    }
}

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

Код выше не работает и я не понимаю, что я делаю не так. Буду очень признателен, если кто-нибудь сможет помочь мне исправить эту проблему и объяснить, что я делаю неправильно.

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

Ответы:

maksDoctor30 13.01.2023 14:33

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

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

Первое, что нужно исправить, это ваши ошибки в использовании тегов PHP. Вам необходимо заменить "<?php" и "?>" на "<?php" и "?>", чтобы код был правильно интерпретирован.

Второе, вам нужно обернуть строку, в которой вы создаете виджет, в функцию "function register_custom_widget()". Это позволит WordPress зарегистрировать ваш виджет.

Третье, вы забыли добавить функцию "customize_register" для обработки настроек виджета. Вставьте следующий код после функции "register_custom_widget()":


function custom_widget_customize_register( $wp_customize ) {
    // Здесь вы можете добавить настраиваемые настройки для вашего виджета
}
add_action( 'customize_register', 'custom_widget_customize_register' );

Теперь давайте посмотрим на исправленный и дополненный код кастомного виджета:


class Custom_Widget extends WP_Widget {

    function __construct() {
        parent::__construct(
            'custom_widget',
            'Кастомный виджет',
            array( 'description' => 'Это наш кастомный виджет' )
        );
    }

    public function widget( $args, $instance ) {
        echo $args['before_widget'];
        
        if ( ! empty( $instance['title'] ) ) {
            echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'] ) . $args['after_title'];
        }
        
        echo 'Это содержимое нашего виджета';
        
        echo $args['after_widget'];
    }

    public function form( $instance ) {
        $title = ! empty( $instance['title'] ) ? $instance['title'] : '';
        ?>
        

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

        <?php
    }

    public function update( $new_instance, $old_instance ) {
        $instance = array();
        $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? sanitize_text_field( $new_instance['title'] ) : '';

        return $instance;
    }
}

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

function custom_widget_customize_register( $wp_customize ) {
    // Здесь вы можете добавить настраиваемые настройки для вашего виджета
}
add_action( 'customize_register', 'custom_widget_customize_register' );

Теперь ваш код должен работать как ожидается. Вы можете использовать этот код в файле functions.php вашей темы или в отдельном плагине.

Я надеюсь, что это поможет вам создать кастомный виджет в WordPress. Если у вас возникнут еще вопросы, не стесняйтесь задавать их.

Удачи в вашем путешествии в мир WordPress!

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