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

Без плагина WordSmall

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

Итак, начнем...

В первую очередь хочу сказать, что записи можно вывести абсолютно в любом месте. Пусть то будет footer, header, sidebar неважно, главное что можно. И сам анонс с миниатюрами смотрится более эффективнее, что дает больше шансов на просмотр полной статьи. Так что, в этом есть большие плюсы. Определяемся с местом, где вы хотите выводить популярные записи с миниатюры, и вставляем этот код:

<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>

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

<ul>
<?php
$pc = new WP_Query('cat=3 &showposts=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>
$pc = newWP_Query('cat=3 &showposts=5'); ?>

Вот эта строчка отвечает за количество и за категорию, из которых будет вывод записей. Здесь нужно указать id вашей категории (изменив цифру 3) 'cat=3, а тут количество записей (заменив цифру 5) showposts=5'. Как узнать id категории, читаем тут. Перед вставкой любого выше указанного кода, следует их обернуть в блок <div> для указания стилей.

<div id="novbar">один из кодов</div>

Последнее что нам осталось, так это задать стили для наших записей. Находим в корне установленной вами темы файл style.css и в конце прописываем такой код:

/*Стили для миниатюр*/
#novbar ul li img {
 width: 100px;
 height: 100px;
 border:1px solid #ebebeb;
 background:#fefefe;
 padding:3px;
 margin-left:10px;
 box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}
#novbar li img:hover { opacity: 0.7; }

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

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Комментариев: 6
  • Вячеслав

    Еще можно подключить небольшой скрипт для вывода первой записи из поста в качестве миниатюры

    • Андрей

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

      • Вячеслав

        Это наоборот упростит. В старых версиях WP можно было одновременно с добавлением картинки указать ее как thumbs, теперь для этого нужно делать дополнительное действие.

  • Андрей

    Смотря для кого наоборот, просто появится больше вопросов.

  • Алексей

    Подскажите как сделать выводу популярных статей (по количеству просмотров) в рамках рубрики (в той где находишься?)

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