Как создать автоматические блоки контента в Elementor через WPRemark

В процессе разработки сайтов на WordPress с использованием Elementor часто возникает необходимость автоматически формировать блоки контента на основе определённых критериев или пользовательских данных. Для таких задач отлично подходит плагин WPRemark, который позволяет создавать динамические списки, отзывы, комментарии и другие элементы с гибкой настройкой.

Что такое автоматические блоки контента и зачем они нужны

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

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

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

Установка и базовая настройка WPRemark

Для начала установите плагин WPRemark через админ-панель WordPress: Плагины → Добавить новый → WPRemark → Установить → Активировать.

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

WPRemark поддерживает кастомные типы записей и таксономии, что позволяет создавать блоки с любым контентом — от отзывов до портфолио или новостей.

Создание автоматического блока отзывов в Elementor с WPRemark

Шаг 1. Создаём отзывы в WPRemark

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

Отзывы можно импортировать или добавлять вручную. Важно, чтобы у каждого отзыва были метаданные, которые плагин сможет использовать для фильтрации и сортировки.

Шаг 2. Добавление виджета WPRemark в Elementor

Откройте нужную страницу в Elementor и найдите в списке виджетов WPRemark — обычно он называется «Отзывы WPRemark» или похожим образом.

Перетащите виджет на страницу и в настройках выберите параметры вывода: сортировку, количество отзывов, оформление и фильтры (например, только отзывы с рейтингом 4 и выше).

Шаг 3. Использование шорткода для более тонкой настройки

Если нужно вывести блок в нестандартном месте или с уникальной логикой, можно использовать шорткод:

[wpshop_wpremark_list filter="rating>=4" limit="5" orderby="date" order="DESC"]

Этот код выведет 5 последних отзывов с рейтингом не ниже 4. Шорткод можно вставлять в текстовые блоки Elementor, виджет HTML или PHP-редактор темы.

Кастомизация автоматических блоков через код

WPRemark предоставляет фильтры и хуки для разработчиков, чтобы расширять функционал:

• wpelementor_wpremark_filter_reviews — позволяет изменить выборку отзывов перед выводом.
• wpelementor_wpremark_render_template — хук для изменения шаблона вывода конкретного отзыва.

Пример изменения шаблона вывода:

add_filter('wpelementor_wpremark_render_template', function($template, $review) {
    if ($review->rating < 3) {
        $template = '<div class="bad-review">' . esc_html($review->content) . '</div>';
    }
    return $template;
}, 10, 2);

Этот код оборачивает отзывы с рейтингом ниже 3 в отдельный div с классом «bad-review» для стилизации.

Практические советы по работе с WPRemark и Elementor

Для оптимальной работы и скорости загрузки соблюдайте следующие рекомендации:

• Используйте кэширование динамических блоков, чтобы не перегружать сервер.
• Ограничивайте количество выводимых отзывов для уменьшения веса страницы.
• Используйте AJAX-подгрузку для больших списков отзывов — это можно реализовать через кастомные AJAX-запросы и хуки WPRemark.
• Комбинируйте возможности WPRemark с другими плагинами, например, Clearfy Pro для оптимизации и повышения безопасности.

Пример AJAX подгрузки отзывов с WPRemark в Elementor

Для реализации AJAX подгрузки создадим простой обработчик, который подгружает отзывы по запросу:

function wpelementor_ajax_load_wpremark_reviews() {
    check_ajax_referer('wpelementor_ajax_nonce', 'nonce');

    $paged = isset($_POST['page']) ? intval($_POST['page']) : 1;
    $args = [
        'post_type' => 'wpremark_reviews',
        'posts_per_page' => 5,
        'paged' => $paged,
        'meta_query' => [
            [
                'key' => 'rating',
                'value' => 4,
                'compare' => '>=',
                'type' => 'NUMERIC'
            ]
        ]
    ];

    $query = new WP_Query($args);
    ob_start();
    if ($query->have_posts()) {
        while ($query->have_posts()) {
            $query->the_post();
            echo '<div class="wpremark-review">' . get_the_content() . '</div>';
        }
    } else {
        echo '<p>Отзывы не найдены.</p>';
    }
    wp_reset_postdata();

    wp_send_json_success(ob_get_clean());
}
add_action('wp_ajax_load_wpremark_reviews', 'wpelementor_ajax_load_wpremark_reviews');
add_action('wp_ajax_nopriv_load_wpremark_reviews', 'wpelementor_ajax_load_wpremark_reviews');

Для вызова AJAX из фронтенда используйте JavaScript с передачей nonce и номера страницы. Это позволяет динамически подгружать отзывы без перезагрузки страницы.

Вывод

Использование WPRemark совместно с Elementor даёт мощный инструмент для создания автоматических, динамических блоков контента — отзывов, рейтингов, комментариев и прочего. Гибкость настроек и возможность кастомизации через хуки и AJAX позволяют сделать сайт удобным для пользователей и простым в управлении для разработчика.

Подробнее о WPRemark и других полезных плагинах можно узнать на WPSHOP.ru.