Вывести записи в WordPress из определенной категории с картинками

Данный скрипт будет очень полезен каждому WordPress блогу. Он позволяет без особого труда вывести материалы из любой категории вашего сайта. Рассмотрим подробнее.

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

Прежде, чем приступить к коду, разберем методы, которые будем использовать (а если не хотите разбираться - то просто скопируйте код ниже и установите на своем сайте).

category__in - с какой категории выводить посты (сюда ставьте id нужной категории). Кстати, если вам нужен вывод последних материалов со всех рубрик - то просто удалите это строку ('category__in' => 5,)

showposts  - сколько показать статей

orderby - сортировка (в примере по дате, но можно и по имени - name)

get_permalink($post->ID) - ссылка поста

$post->post_title - заголовок поста

$post->post_content - текст поста

get_the_post_thumbnail($post->ID, array(200, 180)) - вывод миниатюры с тегом img. Здесь 200, 180 - размеры картинки, которая будет создаваться динамически (ширина и высота). Их вы можете менять как угодно.

get_the_post_thumbnail_url($post->ID, array(200, 180) - все тоже самое, что и с предыдущим пример, только выводит ссылку на миниатюру с заданными размерами картинки. На мой взгляд это более практично.

Код вывода записей из определенной рубрики WordPress

<?php
$args=array(
'category__in' => 15, //из какой категории вывести (удалите эту строку, если хотите, чтобы показовало последние материалы из всех рубрик сразу)
'showposts'=>3, //сколько показать статей
'orderby'=>data, //сортировка по дате
'caller_get_posts'=>1);
$my_query = new wp_query($args);
if( $my_query->have_posts() ) {
while ($my_query->have_posts()) {
$my_query->the_post();
?>
<div class="news1">
<div class="news2">
<a class="news3"><img src="<?php if(get_the_post_thumbnail_url($post->ID, array(370, 217))) echo get_the_post_thumbnail_url($post->ID, array(370, 217)); else echo 'https://blogprogram.ru/wp-content/uploads/2016/05/noimg.png'; ?>"/></a>
</div>
<div class="news4">
<h5 class="news5"><a href="<?php echo get_permalink($post->ID); ?>"><?php echo $post->post_title; ?></a></h5>
<div class="news6"><?php echo iconv ('windows-1251', 'utf-8', substr(iconv ('utf-8', 'windows-1251', strip_tags($post->post_content)), 0, 150)); //выводит текст статьи ?></div>
<div class="news7"><?php echo $post->post_date; ?></div>
</div>
</div>
<?php } }
wp_reset_query(); ?>

Помните, что для красивого отображения нужно настроить CSS, в посты грузить миниатюры (иначе будет грузиться картинка по умолчанию). В классе news6 число 150 - меняйте как угодно - ограничивает число символов для краткого описания поста. О том как выводить схожие материалы в WordPress читайте здесь. Также там вы найдете способ вывода самых популярных постов.

Желаую успешной разработки! =)