Как добавить виджет новостей в LearnPress для улучшения взаимодействия с пользователями

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

Почему важен виджет новостей в LearnPress

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

• Показать свежие обновления курсов;
• Проинформировать о предстоящих вебинарах и событиях;
• Поддерживать интерес к платформе за счёт регулярных публикаций;
• Улучшить SEO за счёт релевантного контента.

LearnPress из коробки не предлагает готового виджета новостей, но с помощью простого плагина и собственного кода вы можете реализовать этот функционал.

Создание кастомного виджета новостей для LearnPress

Регистрация виджета через класс WordPress

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

class LearnPress_News_Widget extends WP_Widget {
    public function __construct() {
        parent::__construct(
            'learnpress_news_widget',
            'LearnPress Новости',
            array('description' => 'Выводит последние новости для LearnPress')
        );
    }

    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'];
        }

        // Запрос последних 5 новостей из категории 'news'
        $news_query = new WP_Query(array(
            'category_name' => 'news',
            'posts_per_page' => 5,
            'post_status' => 'publish'
        ));

        if ($news_query->have_posts()) {
            echo '<ul class="learnpress-news-list">';
            while ($news_query->have_posts()) {
                $news_query->the_post();
                echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
            }
            echo '</ul>';
            wp_reset_postdata();
        } else {
            echo '<p>Новостей пока нет.</p>';
        }

        echo $args['after_widget'];
    }

    public function form($instance) {
        $title = !empty($instance['title']) ? $instance['title'] : 'Новости LearnPress';
        ?>
        <p>
            <label for="<?php echo esc_attr($this->get_field_id('title')); ?>">Заголовок:</label> 
            <input class="widefat" id="<?php echo esc_attr($this->get_field_id('title')); ?>" name="<?php echo esc_attr($this->get_field_name('title')); ?>" type="text" value="<?php echo esc_attr($title); ?>" />
        </p>
        <?php
    }

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

function learnpress_register_news_widget() {
    register_widget('LearnPress_News_Widget');
}
add_action('widgets_init', 'learnpress_register_news_widget');

Этот код регистрирует виджет, выводящий 5 последних записей из категории «news» с заголовками и ссылками.

Использование плагинов для расширения возможностей новостного виджета

Если вы не хотите писать код самостоятельно, можно воспользоваться плагинами, которые интегрируются с LearnPress и позволяют вывести новости или объявления:

• WPRemark — плагин для отзывов и новостей с гибкими настройками вывода;
• OmniVideo — позволяет добавлять видеообъявления и новости, что отлично подходит для обучающих платформ;
• My Popup — для показа новостных сообщений во всплывающих окнах.

Эти решения помогут разнообразить способы информирования пользователей и сделать вашу платформу более интерактивной.

Настройка отображения и стилизация виджета новостей

Чтобы виджет гармонично вписывался в дизайн сайта, часто требуется дополнительная стилизация. Добавьте в файл стилей темы или в кастомный CSS следующий пример:

.learnpress-news-list {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 0;
}
.learnpress-news-list li {
    margin-bottom: 8px;
}
.learnpress-news-list li a {
    color: #0073aa;
    text-decoration: none;
}
.learnpress-news-list li a:hover {
    text-decoration: underline;
}

Стили обеспечат удобочитаемый и приятный вид списка новостей в виджете.

Расширение функционала: фильтрация новостей по курсам LearnPress

Чтобы сделать виджет ещё более релевантным, можно выводить новости, связанные с конкретными курсами. Для этого понадобится добавить мета-поля или таксономии к записям новостей и фильтровать WP_Query по этим параметрам.

Пример запроса, который выводит новости только для курса с ID 123:

$news_query = new WP_Query(array(
    'category_name' => 'news',
    'posts_per_page' => 5,
    'post_status' => 'publish',
    'meta_query' => array(
        array(
            'key' => 'learnpress_course_id',
            'value' => 123,
            'compare' => '='
        )
    )
));

Для интеграции такого функционала нужно добавить в новости мета-поле learnpress_course_id с ID соответствующего курса. Это позволит студентам видеть новости только по тем курсам, которые они изучают.

Выводы и рекомендации

Добавление виджета новостей в LearnPress — простой и эффективный способ повысить вовлечённость пользователей и сделать образовательную платформу более информативной. Реализация через кастомный виджет даёт максимум контроля, а использование готовых плагинов ускоряет процесс внедрения.

Не забывайте про стилизацию и адаптацию под мобильные устройства, чтобы новости всегда были доступны и удобочитаемы.