Создайте раздел «Популярные сообщения» в Oxygen Builder — Учебное пособие

Опубликовано: 2022-06-22

В этой статье и видеоруководстве мы собираемся создать раздел трендовых/популярных сообщений в Oxygen Builder, используя элемент повторителя, плагин WordPress Popular Posts и расширенные запросы.

Одним из первых руководств, которые мы опубликовали в этом блоге, связанным с Oxygen, было то, как создать популярный раздел сообщений. Теперь, в 2022 году, мы собираемся вернуться к этой теме, используя самые современные методы и лучшие плагины для работы.

Наше агентство работает со многими новостными и крупными информационными сайтами. Постоянным требованием к веб-сайтам такого типа является возможность отображать трендовые и популярные сообщения. Механизм, который использует каждый из этих виджетов, один и тот же — сначала нам нужно понять, сколько просмотров получает конкретный пост, а затем мы можем сделать запрос на основе этого.

Курс Oxygen Builder - Скоро!

Курс Oxygen Builder Mastery превратит вас из новичка в профессионала — включены модули ACF, MetaBox и WooCommerce.

Получите уведомление о запуске и скидку

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

Популярные посты учитывают общее количество просмотров за более короткий период времени, обычно день или неделю. Например, если один пост получил 100 просмотров за один день, по сравнению со средним числом просмотров на сайте 33, мы будем знать, что это тренд.

В репозитории WordPress есть много плагинов, которые позволяют быстро добавлять виджеты такого типа на веб-сайт WordPress. Тем не менее, кислородный повторитель и элемент easy post позволяют серьезно настроить динамический вывод данных каждого поста. В наших проектах мы создаем полностью настраиваемые дисплеи и карты с использованием повторителей.

С помощью этого метода мы можем легко включать популярные посты и трендовые посты в Oxygen Builder, используя повторители.

Видеоурок

Получить просмотры

Первый шаг — понять, сколько просмотров получает отдельный пост.

Для получения просмотров собирались использовать популярный плагин под названием « WordPress Popular Posts ». Это действительно мощный инструмент — он поддерживает несколько языков, поставляется с кэшированием, действительно хорошо документирован на GitHub, имеет панель статистики в админке WP и даже имеет поддержку API!

изотропный-2022-06-19-в-17-41-16 — Установите этот плагин на свой сайт Oxygen Builder.

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

Однако мы хотим сделать еще один шаг и использовать повторяющийся элемент Oxygen Builder для отображения самых популярных и популярных сообщений. Таким образом, мы можем использовать конструктор, чтобы полностью настроить внешний вид наших самых популярных сообщений.

Однако есть небольшая проблема с тем, как этот плагин управляет количеством просмотров. Представления хранятся в таблице базы данных отдельно от posts или postmeta . Для запроса с использованием стандартного WordPress Square в кислородном конструкторе нам нужны эти данные, доступные через метаполе.

Добавить просмотры к мете сообщения

После того, как вы установили плагин WordPress Popular Posts , пришло время сделать эти данные пригодными для наших запросов.

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

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

Сначала добавьте этот код на свой сайт с помощью менеджера фрагментов кода. Мы предлагаем Scripts Organizer для сайтов Oxygen Builder.

/** * Сохраняет представления разных периодов времени в виде мета-ключей. * * @author @migueleste / @radgh * @link https://wordpress.org/support/topic/how-to-sort-a-custom-query-by-views-all-time-monthly-weekly-or- daily/ * @param int $postid ID текущего поста/страницы/пользовательского типа поста. */ function custom_wpp_update_postviews($postid) { // Точность: // 10 = 1 из 10 посещений обновит количество просмотров. (Рекомендуется для сайтов с высокой посещаемостью.) // 30 = 30% посещений. (Веб-сайты со средним трафиком.) // 100 = Каждое посещение. Создает много операций записи БД при каждом запросе. $ точность = 50; if ( function_exists('wpp_get_views') && (mt_rand(0,100) < $accuracy)) { // Удалите или закомментируйте строки, которые вы не будете использовать!! update_post_meta($postid, 'views_total', wpp_get_views($postid, 'all', false)); update_post_meta($postid, 'views_daily', wpp_get_views($postid, 'ежедневно', false)); update_post_meta($postid, 'views_weekly', wpp_get_views($postid, 'еженедельно', false)); update_post_meta($postid, 'views_monthly', wpp_get_views($postid, 'ежемесячно', false)); } } add_action('wpp_post_update_views', 'custom_wpp_update_postviews');

Этот код создан разработчиком плагина, чтобы делать именно то, что нам нужно — предоставить нам полезные данные для запроса.

Это дает нам четыре новых метаполя для работы — views_total, views_daily, views_weekly, views_monthly .

Общее количество просмотров и ежемесячные просмотры отлично подходят для использования в популярном разделе постов. Ежедневные и еженедельные просмотры отлично подходят для популярных постов.

Каждое поле содержит номер для соответствующих просмотров — например, для определенного поста я могу показать общее количество просмотров во внешнем интерфейсе, добавив это в блок кода Oxygen в шаблоне, применяемом к постам:

<?php the_field('views_total'); ?> //пример вывода будет 1203. Это означает, что с момента публикации пост получил 1203 просмотра.

Подожди!

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

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

Точность регулируется от 0 до 100. Если установлено значение 100, каждый просмотр страницы будет регистрироваться в базе данных. Если установлено значение 1, 1 из 10 посещений будет обновлять счетчик просмотров.

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

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

Создайте раздел популярных сообщений

Теперь давайте быстро создадим разделы трендов и популярных постов.

Я буду использовать повторитель и быстро добавлю избранное изображение, заголовок поста, отрывок и ссылку «Читать дальше». Вы также можете использовать простые сообщения, так как мы будем использовать функцию расширенных запросов, включенную в Oxygen.

изотропный-2022-06-19-в-18-04-50 — Мой дисплей «Главные новости», построенный с помощью повторителя Oxygen Builder.

Запрос популярных сообщений

Теперь пришло время сделать запрос из популярных постов. Как упоминалось ранее, мы собираемся использовать общее количество просмотров за день, так как это дает нам хорошее представление о том, что в тренде в этот конкретный период.

Для этого используйте функцию расширенного запроса для элемента повторителя или простого поста.

Нажмите кнопку «изменить запрос», чтобы открыть интерфейс расширенного запроса.

Теперь добавьте следующее. Для этого используемого случая я хотел показать только восемь самых популярных постов на основе еженедельных просмотров.

Я установил:

сообщений_на_странице = 8
no_found_rows = true (это отключает нумерацию страниц для повторителя)
post_type = сообщение
meta_key = views_weekly (это сообщает WordPress, что нам нужно связать данные из этого поля с запросом. Помните, что мы можем изменить это на общее, ежедневное, еженедельное или ежемесячное в зависимости от того, хотим ли мы трендовые или популярные посты)
order_by = meta_value_num (это говорит нам о том, что мы будем упорядочивать по числу, связанному с нашим мета-значением, которое в данном случае является еженедельным просмотром)
order = desc (это говорит нам упорядочить посты по наибольшему количеству просмотров до наименьшего количества просмотров)

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

Бонус

Я также хочу отображать общее количество просмотров для своих читателей в передней части блога. Для этого я создам короткий код. Я добавляю этот код в свой менеджер фрагментов:

<?php add_action('init', function(){ add_shortcode('post_views', function(){ return wpp_get_views(get_the_ID()); }); }); ?>

Затем я могу вставить количество просмотров для одного сообщения, добавив этот шорткод:

[post_views]

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

изотропный-2022-06-19-в-18-03-45 — Это не будет работать в редакторе, но работает во внешнем интерфейсе.

изотропный-2022-06-19-в-18-14-12 — Повторитель веб-интерфейса, отсортированный по количеству просмотров за неделю, показывающий общее количество просмотров страниц во внешнем интерфейсе.

Здесь следует отметить, что здесь не используются поля количества просмотров, которые мы добавили к нашему отдельному сообщению с предыдущим фрагментом кода. Вместо этого он извлекается из таблицы базы данных, которую этот плагин добавляет во время установки. Это означает, что это всегда будет точное количество просмотров, независимо от точности, указанной в предыдущем фрагменте (это две разные вещи).

Я также могу добавить эту информацию, добавив следующий PHP-переход непосредственно в блок кода в шаблоне, примененном к одному сообщению:

<?php if ( function_exists('wpp_get_views')) { // get_the_ID() работает только при использовании // внутри цикла! (https://codex.wordpress.org/The_Loop) echo wpp_get_views(get_the_ID()); } ?> // Я также могу отфильтровать <?php if ( function_exists('wpp_get_views') ) { // '15' здесь ID поста/страницы echo wpp_get_views(15, 'last7days'); } ?> // Подробнее: https://github.com/cabrerahector/wordpress-popular-posts/wiki/2.-Template-tags#wpp_get_views

Вывод

В этой статье показано, как добавить популярный и/или трендовый раздел сообщений с помощью повторителя Oxygen Builder на веб-сайт, созданный с помощью этого плагина. Если у вас есть какие-либо вопросы или предложения, не стесняйтесь оставлять их в общем разделе ниже.

Вам может понравиться

Подпишитесь и поделитесь

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

Отписаться в любое время. Мы не рассылаем спам и никогда не будем продавать или делиться вашей электронной почтой.