Популярные записи в WordPress без плагина

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

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

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

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

Пора от слов переходить к делу.

Популярные записи с миниатюрами в WordPress без плагина

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

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

1
2
3
4
5
6
7
8
9
10
11
12
<div class="popular">
<ul>
<?php
$pc = new WP_Query('orderby=comment_count&posts_per_page=5'); ?>
<?php while ($pc->have_posts()) : $pc->the_post(); ?>
<li>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail(array()); ?></a>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
</li>
<?php endwhile; ?>
</ul>
</div>

Так, к примеру, если вы хотите отображать данный перечень в боковой колонке (сайдбаре) сайта, то код нужно добавить в файл sidebar.php, либо в текстовый виджет, если, как я говорил выше, активирована специальная функция. А если же вы хотите показывать перечень в подвале своего интернет-ресурса, то соответственно код добавлять нужно в файл footer.php.

Следует добавить, что существует возможность самостоятельно определить количество выводимых в данном перечне записей. Для этого достаточно изменить значение, присваиваемое параметру posts_per_page во фрагменте кода, представленном выше, на соответствующее желаемому количеству статей (по умолчанию стоит 5).

На втором этапе нам нужно настроить стили CSS для отображаемого перечня популярных записей. Для этого в файл style.css вашего шаблона WordPress следует добавить код примерно следующего вида:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
/* Популярные записи */
.popular ul li{
line-height:16px;
display:block;
border-bottom:1px solid #ECECEC;
padding:15px 0px 20px 0px;
height:50px;
font-size:12px;
}
 
.popular ul li img {
width: 55px;
height: 55px;
float: left;
margin: 0 13px 0 0px;
background: #FFFFFF;
border: 1px solid #D0D0BB;
border-radius: 5px;
box-shadow: 0 0 5px #666666;
}
 
.popular li img:hover {
border: 1px solid #ffffff;
}

В зависимости от установленной темы WordPress, стили CSS могут не совсем подойти и вам придется поэкспериментировать с ними.

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

В моем случае результат всех проделанных действий выглядит следующим образом:

Вывод популярных записей в WordPress без плагина

Вот так легко и просто можно сделать в своем интернет-ресурсе под управлением CMS WordPress отображение списка его популярных статей, сформированного на основании такого критерия, как количество комментариев к каждой конкретной статье.

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

Также стоит прочитать:

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

Комментарии 12

  • Мне тоже кажется, что популярные статьи с миниатюрами должны привлекать посетителя. У меня на блоге тоже есть что то наподобе-похожие статьи. 😉

  • Владимир, почему мои комментарии у Вас на блоге после публикации не видны?
    Неужели они уходят у спам?

    • Иван, почему-то именно так и произошло, хотя причин для этого не было. Ко всему прочему у меня в блоге настроена ручная модерация комментариев.

  • Вот это я очень люблю! Я сама уже давно, как читатель блогов, стала обращать внимание на популярные записи в сайдбаре. Очень привлекает внимание. Но, я люблю их побольше делать. Я еще не занялась этим, но тоже буду делать. Сейчас у меня тоже маленькие картиночки, буду большими делать.)

  • Полезная статья, но у меня совсем молодой блог, комментов еще нет, но на будущее буду иметь в виду

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

  • Хорошая статья!У меня тоже малиннике картинки,буду их делать большими.

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

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.