Выводим в сайдбаре, самые популярные статьи на блоге

Ну и как всегда, хочу всех поприветствовать на своем блоге!

Спасибо что вы его еще посещаете))))

Сегодня тема не нова, но вновь прибывшим и создающим в первые блог, она будет полезной.

Я уже не раз на блоге затрагивал тему перелинковки на блоге, ну об некоторых темах, вы можете прочитать Здесь и Здесь

Я у же писал о похожих записях, которые выводятся в конце каждой статьи. Об этом вы можете прочитать Здесь

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

Все это мы будем устанавливать двумя способами, с помощью плагина и с помощью кода.

Популярные записи с помощью плагина WordPress Popular Posts

Для начала устанавливаем плагина WordPress Popular Posts и активируем его. Плагин часто обновляется и совместим со свежей версией Вордпресс.

После активации плагина, в Админке блога в Настройках, появляется ссылка WordPress Popular Posts. Как таковой настраивать там ничего не нужно, ну если только расположение вывода Популярных статей.

Основная работа и настройка плагина, это в Виджетах.

Переходим в Виджеты и создаем новый виджет который появился после установки плагина.
Это виджет WordPress Popular Posts, находится в колонке слева со всеми виджетами.

Теперь переходим к настройкам виджета, он на английском, но автоматически переводится в любом браузере. Кстати, я для удобства, поделил настройку на две части.

 

На скрине выше, вы видите первую часть настройки виджета.
Давайте я ее сейчас опишу:

1-Пишем название виджета.
2-Здесь мы отмечаем количество вывода статей, в виджите.
3-Здесь мы определяем критерий популярности статей. Это может быть по общему просмотру или к примеру по количеству комментариев к статье.
4-Здесь мы устанавливаем время подсчета голосов, к каждой статье. И определяются самые популярные статьи за это время, по умолчанию установлено «Все время»
5-Ну, а здесь мы вписываем только post, page и этого будет достаточно для определения популярных статей.

 

Настройка второй части:

1-Здесь мы выбираем как у нас будет отображаться виджет, с миниатюрами или нет. Так же можно сократить название.
2-Здесь устанавливаете автоматическое определение размера картинки.
3-Ну, а здесь мы в ручную устанавливаем размер картинки.
4-Здесь мы настраиваем статистику. Как по мне, это не нужно.
5-Ну, а это не обязательно. Хотя этот пункт разберем далее отдельно.

А теперь сохраняемся и идем на блог смотреть свои популярные записи. Мне даже интересно что у меня на тестовом блоге может быть популярным.

 

На скрине выше показано как вышло у меня, ну ничего прилично получилось.

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

У меня настроено вот так, как показано на скрине ниже.

 

Здесь можно изменить все. Но мы только добавим в пустые 1 и 2 графы код.

В первую графу вписываем код с открывающимся тегом:

 

А во вторую прописываем только закрывающийся тег: </h3>

Ну я далее не стал проводить изменения, а оставил все так. Теперь сохраняемся и идем на страницу блога, смотреть на результат.

 

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

Ну а на этом работа с плагином окончена.

Установка виджета «Популярные статьи», с помощью кода

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

Берем код, который находится ниже:

 

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

У меня вышло вот так, как на скрине ниже.

 

Отлично получилось. При наведении на картинку, у нас отображается название статьи. А вот при нажатии на картинку, нас перебрасывает на ту статью.

Кстати, у картинок примерный размер, должен быть где-то 120/120 Ну у вас может другой размер, но не на много

Ну а на этом все.

С Уважением, Игорь Александрович