Больше результатов...

Generic selectors
Только точные совпадения
Искать в заголовках
Искать в контенте
Post Type Selectors
Filter by Categories
FAQ
Hostenko
Вдохновение
Видеоуроки
Новости
Плагины
Темы
Уроки
Хаки

Создаем виджет популярных постов в стиле Engadget

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

Создаем виджет популярных постов в стиле Engadget

Выглядит симпатично? Если вы хотите использовать нечто похожее на вашем блоге, есть два бесплатных плагина, которые вы можете для этого использовать. Это Related Content и Most Popular. В этой статье мы рассмотрим, как устанавливать и настраивать эти плагины.

Установка плагинов

Related Content

Создаем виджет популярных постов в стиле Engadget

Вы можете скачать плагин из официального каталога расширений WordPress по этой ссылке.

Most Popular

Создаем виджет популярных постов в стиле Engadget

Вы можете скачать плагин из официального каталога расширений WordPress по этой ссылке.

Если вы не знаете, что такое плагины и как их устанавливать, посмотрите этот урок.

Настройка плагинов

Вы увидите, что плагины добавили пункт меню "nrelate", который ведет к "Most Popular" и "Related Content" — выберите Most Popular (у плагинов одинаковые опции, так что это подходит для любого из них). Первое, что нужно сделать, чтобы получить стиль как у Engadget — выбрать из выпадающего списка "text" и затем выбрать другие опции, такие как заголовок для блока или сколько записей показывать:

Создаем виджет популярных постов в стиле Engadget

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

Создаем виджет популярных постов в стиле Engadget

Когда вы закончили с этими опциями, перейдите во вкладку "Text Gallery" вверху, поставьте галочку возле стиля "Engadget" и сохраните.

Создаем виджет популярных постов в стиле Engadget

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

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

Создаем виджет популярных постов в стиле Engadget

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

Заключение

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

Также там есть большая вкладка "Advertising", которая пытается заставить вас зарегистрироваться в рекламной сети nrelate advertising — я нахожу это немного навязчивым. Конечно, авторы плагина вольны рекламировать в своем плагине что угодно, но я бы сделал это более тонко.

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

Источник: WPLift.com
редактор wpcafe
Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Комментарии к записи: 4

Василий Епихин:

Спасибо большое за статью. Очень пригодилась! +5 автору)

Dmitry:

Спасибо за статью. Есть и платный аналог — https://1.envato.market/c/1308195/523002/4415?u=https://codecanyon.net/item/popular-posts-bar-widget/115225

Елена:

Мне очень понравились популярные статьи в таком исполнении, и Engadget замечательно вписался в мой сайт. Спасибо большое. А вот Related Content работать, к сожалению не хочет. Скажите, пожалуйста, какой плагин выводит у вас похожие статьи в конце статьи?

WPcafe.org:

У нас этот блок реализован вручную через кусок кода в functions.php, но есть масса готовых решений и плагинов для этого: http://wordpress.org/plugins/search.php?q=related+posts

Добавить комментарий