Как выводить разные изображения на слайдер?

Question

[sigmasimple]

steamchenin.com

Подскажите, пожалуйста, как вывести разные изображения на слайдер? В WP загружено несколько изображений, но выводится только последнее по дате загрузки.

<?php
    //Вывод записей
    $args = array(
	'post_type' => 'slider',
	'posts_per_page' => -1
);
	$slider = new WP_Query( $args );
	?>

	<?php if( $slider->have_posts() ) : while ( $slider->have_posts() ) : $slider->the_post(); ?>

	<!-- Записи -->
	<div id="slider" class="owl-carousel owl-theme">
		<div >
		<img src="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>">
		</div>
		
		<div>
		<img src="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>">
		</div>

		<div>
		<img src="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>">
		</div>

		<div>
		<img src="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>">
		</div>

	</div>

	<?php endwhile; else: ?>

			<h3>Картинок нет</h3>

	<?php endif; ?>

Answer 1

[Дмитрий]

У вас в коде выводится одна и та же картинка - прикрепленная к посту миниатюра.

<img src="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>">

сделайте линки на картинки вот так:

<img src="<?php bloginfo('template_directory'); ?>/assets/img/slider/pic1.jpg">
<img src="<?php bloginfo('template_directory'); ?>/assets/img/slider/pic2.jpg">
<img src="<?php bloginfo('template_directory'); ?>/assets/img/slider/pic3.jpg">

А картинки загрузите в папку /вашатема/assets/img/slider/

Comments

[sigmasimple]

Спасибо за комментарий. Такая ситуация: нужно добавить в слайдер не 4, а, например, 10 картинок. Т.е. придется прописывать путь для каждой? Возможно ли это делать непосредственно через админпанель WP?

[Дмитрий]

https://wpcafe.org/tutorials/kak-dobavit-neskolko-... вот так например.

[sigmasimple]

Да, работает для рубрики "Записи". Но у меня создан отдельный вид записи "Слайдер":

add_action( 'init', 'tpl_slider' );
function tpl_slider() {
	register_post_type( 'slider', array(
		'public' => true,
		'labels' => array(
			'name' => 'Слайдер',
			'all_items' => 'Все картинки',
			'add_new' => 'Добавить картинку',
			'add_new_item' => 'Добавление картинки в слайдер'
			),
		'supports' => array( 'title', 'thumbnail' ),
		'taxonomies' => array( 'post_tag', 'category ')
		)
	);
};

к нему никак не применяется, по-прежнему можно только одну миниатюру

[Игорь Воротнёв]

Дмитрий: не городите фигню, если не знаете как работает WP. Слайды выводятся в цикле, то что вы обозвали одной и той же картинкой на самом деле функция, которая в каждой итерации цикла показывает другую картинку.

[Игорь Воротнёв]

Дмитрий: другое дело, что у автора сам цикл оформлен неправильно.

Answer 2

[Игорь Воротнёв]

Вы неправильно используете WordPress Loop. Попробуйте так:

<?php
// Получение записей
$args = array(
  'post_type' => 'slider',
  'posts_per_page' => -1
);
$slider = new WP_Query( $args );

// Вывод результатов
if( $slider->have_posts() ) : 
?>

  <!-- Записи -->
  <div id="slider" class="owl-carousel owl-theme">

  <?php 
  // Цикл!
  while ( $slider->have_posts() ) : $slider->the_post(); 
  ?>

    <div>
      <img src="<?php the_post_thumbnail_url( 'medium' ); ?>" alt="<?php the_title(); ?>">
    </div>

  <?php 
  // Конец цикла
  endwhile; 
  ?>

  </div>
  <!-- Записи закончились -->

<?php
// Если записи не были обнаружены
else: 
?>

  <h3>Картинок нет</h3>

<?php endif; ?>

Примечание: функция the_post_thumbnail_url() - новая, с версии WordPress 4.4. Если у вас свежая версия (а должна быть свежая), то будет прекрасно работать. Если старая - придется менять на старый обходной путь через attachment_src.

Answer 3

[sigmasimple]

Спасибо за помощь и структуру цикла, удалось решить через MultiPostThumbnails