Кастомизация

Popular Posts Bar Widget — ярко о главном

Есть два особо популярных способа показать в сайдбаре/футере WP-блога самые популярные посты: Первый — с помощью уже классических WP-плагинов, которые строят рейтинг популярности записей либо на основе собранной статистики просмотров, либо на количестве комментариев. Сразу вспоминается такой популярный плагин, как PopPosts, наверняка, знакомый многим блоггерам. Второй — при помощи собственноручно сделанного виджета. Несомненно, есть много любителей поднапрячься и потратить несколько часов своей жизни на такого рода хенд мейд, но, как мне кажется, это долго, муторно и не всегда практично (наверное многие не согласятся).

Сегодня я не буду в сотый раз описывать давно известные плагины для вывода популярных записей, равно как и не буду учить куда и какой код вставить, чтоб сделать это вручную – лучше я предложу вам здоровую альтернативу описанным выше вариантам –плагин Popular Posts Bar Widget от CodeCanyon. Он создает уже готовый, функциональный и просто очень симпатичный виджет для вывода популярных постов

Popular Posts

Что мне понравилось в плагине:

Оригинальный и простой дизайн. Что может быть проще цветных блоков? Но, тем не менее, я еще не встречала подобного оформления списков в сайдбаре. Яркие ярлычки прекрасно привлекают внимание к вашей гордости – к вашим лучшим статьям;

Плагин Popular Posts Bar Widget – это 2 виджета в 1:

Popular Posts Bar – показывает самые комментируемые посты

Most Viewed Bar – показывает статьи с самым большим количеством просмотров;

Простота в установке, настройке и использовании. Впрочем, этим отличается большинство плагинов от CodeCanyon.

Установка и настройка Popular Posts Bar Widget

Установка стандартная для премиум плагина – извлекаем папку с плагином из архива и помещаем ее в директорию \wp-content\plugins. Активируем плагин в админ-панели.

Теперь переходим во «Внешний вид»  — »Виджеты». Активируем один из доступных виджетов: «Popular Posts Bar» или «Most Viewed Bar», либо оба сразу, путем перетаскивания их в область виджетов. Автор плагина считает, что эти виджеты прекрасно вписываются в футер.

Кроме того с помощью приведенного ниже кода список популярных постов можно вывести в любом месте шаблона (без слешей):

///<?php echo popular_posts_bars_widget(‘title=Your Title&lapse=-1 day&classes=red,orange,yellow,green,blue&number_posts=5&thumbnail=1&thumbnail_size=15×15’); ?>///

Настройки виджета — «что к чему»

Popular Posts BarС настройками виджета все довольно просто, не думаю, что кому-то придется над ними крепко призадуматься, но все же дам шпаргалку:

Title – поле, в которое можно ввести свой заголовок для виджета.

Lapse — промежуток времени, за который берутся записи, участвующие в рейтинге публикации. По умолчанию, параметр равен -7. Это значит, что ранжируются только статьи, опубликованные за последние семь дней. Если вы хотите, чтоб выборка осуществлялась из статей, опубликованных за последний месяц, то выставьте параметр -30 или -1 month и т. д.

HTML Classes — расположение классов. Классы перечислены в порядке убывания популярности постов. Классы можно менять местами, или пускать их по второму кругу, повторяя цвета.

Number of posts — количество отображаемых постов.

Add thumbnail — добавление миниатюр к заголовкам постов. Ниже можно изменить размеры миниатюры.

Having trouble with CSS? — если плагин конфликтует с вашей темой и неправильно отражается, поставьте галочку в этом чекбоксе. Правда не совсем понятно, чем это может помочь.

Cache data — настройка кеширование данных.

Referral Settings — настройка реферальной ссылки. Если у вашего блога хорошая посещаемость, и вы хотите немного заработать на рекламе плагина, то укажите свой ник на CodeCanyon и поставьте галочку в соответствующем чекбоксе.

Добавление новых цветов (решение, предложенное разработчиком плагина)

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

Давайте добавим светло-голубой и светло-серые цвета.

1. Откройте любой графический «Фотошоп» или любой другой графический редактор и создайте изображение размером 1Х1 пиксель, залейте его светло-голубым цветом понизьте непрозрачность до 90 процентов, назовите его lightblue и сохраните его в формате png. По этой же схеме создайте еще одно аналогичное, но на этот раз залейте его светло-серым цветом и назовите lightgray. Положите обе картинки в папку с Popular Posts Bar Widget.

2. Найдите в папке с плагином файл style.css, откройте его в редакторе кода и добавьте следующие строчки:

.popular_posts_bars_li.lightblue{

width: 75%;

background: url(‘lightblue.png’);

}

.popular_posts_bars_li.lightgray{

width: 71%;

background: url(‘lightgray.png’);

}

Сохраните изменения.

Цвета добавлены.

Итог

В целом, впечатления, полученные от работы с Popular Posts Bar Widget довольно приятные, и каких-либо весомых минусов в процессе его тестирования выявлено не было. Достаточно простой и функциональный плагин для очень симпатичного вывода популярных записей. Что собственно и требовалось.

Страница плагина

Метки

Related Articles

3 thoughts on “Popular Posts Bar Widget — ярко о главном”

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

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Close

Обнаружен Adblock

Уважайте труд вебмастера. Пожалуйста, отключите свой блокировщик рекламы.