Как вывести на главной анонсы из рубрики таким образом?

Question

[Milara]

Помогите пожалуйста!
Перенесла сайт на вордпресс, пока толком в нем не разобралась.
Как реализовать вывод на главной странице анонсов с разных рубрик таким образом - https://jsfiddle.net/wfrcva14/6/ (по 6 анонсов с каждой рубрики)

куда и что (какие функции) в этот код прописать?

Answer 1

[ValeraValera]

$query = new WP_Query(category_name=имя_категории&posts_per_page=6);

// Цикл
if ( $query->have_posts() ) {
	while ( $query->have_posts() ) {
		$query->the_post();
		echo '<li>' . get_the_title() . '</li>';
	}
} else {
	// Постов не найдено
}
/* Возвращаем оригинальные данные поста. Сбрасываем $post. */
wp_reset_postdata();

Comments

[Milara]

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

Answer 2

[Дмитрий]

Для выборки из категорий используйте WP_Query инфа тут https://codex.wordpress.org/Class_Reference/WP_Query , для вывода изображений the_post_thumbnail инфа тут https://developer.wordpress.org/reference/function...
Ответ поверхностный, но, как говорится, the way is defined! Если что-то будет не понятно, могу помочь с кодом в свободное время.

Comments

[Milara]

Спасибо! Буду разбираться. Наверное должно быть как-то так :

<div class="item news_type1">
<a class="notpodcherk" href="<?php the_permalink(); ?>"target="_blank">                    
<div class="photo-news"><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" ><?php the_post_thumbnail(); ?></a></div>
<div class="name-news"><h3><?php the_title(); ?></h3></div></a>
</div>

Сейчас на сайте анонсы на главной выводяться так, пыталась его редактировать, не получается у меня:

<div class="line_block_gl">
<h2 class="glav">Рубрика</h2>
<?php
if ( have_posts() ) : 
  query_posts('cat=3020&showposts=3');   
  while (have_posts()) : the_post();  
?>

<div class="onepost">

<div class="imgs"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
<div class="entry-img e-img-small">  <div style="background-image: url('<?php echo first_post_image() ?>');" class="img"></div></div>  </a></div>

<p class="glv">
<a class="titl" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<?php the_truncated_post( 200 ); echo "</p></div>";
  endwhile;  // завершаем цикл.
endif;
wp_reset_query();                
?>
</div>
</div>

[Дмитрий]

но в принципе путь вы увидели верно :)

[Дмитрий]

the_truncated_post не надо, для подjбных вещей есть the_excerpt для вывода анонса статьи, обратите внимание на эту функцию, и при использовании the_post_thumbnail лучше всего в файле functions.php определить размеры изображений, смотрите сюда https://developer.wordpress.org/reference/function...

[Milara]

Спасибо!