Как вывести массив с миниатюрами wordpress?

Question

[Uzumeti]

Привет!

Помогите пожалуйста найти логику :)

Задача:

1. Мне нужно получить из WP адреса миниатюр нескольких последних записей из определенной категории
2. Дальше эти адреса я поставлю в слайдер

Как пытаюсь решать:

Хочу вывести массив, содержащий адреса например 5 последних изображений, потом обращаться к каждому элементу массива по адресу, забирать адрес и пихать их в слайдер. Но не получается получить сразу 5 адресов. Помогите пожалуйста сообразить, как это можно сделать.

Код примерно такой видится:

<?php 

$my_posts = get_posts('numberposts=2&category=171');
foreach ($my_posts as $post) :
setup_postdata($post);
$thumb_id = get_post_thumbnail_id($post_id);
$thumb_url = wp_get_attachment_image_src($thumb_id, false);
echo $thumb_url[0]; 
?>
<?php endforeach; ?>

Получаем ссылку на последнюю миниатюру. А нужны все ссылки скажем на 5 миниатюр последних постов из этой категории. Куда копать :)?

Comments

[Модератор]

Uzumeti дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац).
В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

Answer 1

[yarovikov]

Сделайте цикл вывода постов (миниатюр) с помощью new WP_Query и всё

Comments

[Uzumeti]

Спасибо, функция отлично подходит для данной задачи.

Но как быть дальше? Что-то мне квалификации явно не хватает.

Я смог вывести 5 разных адресов миниатюр. Как теперь использовать поочередно каждый этот адрес в качестве ссылки? Я думал, что если собрать это в массив и обращаться поочередно к каждому элементу, то я получу нечто типа [1] = адрес картинки 1 , [2] = адрес картинки 2 и потом я каждый этот адрес впихну в слайдер уже как адрес из html.

Не могли бы Вы подсказать, как сформировать такой массив.

[yarovikov]

Uzumeti, вам нужно все данные получать внутри цикла. Покажите ваш код, и я внесу правки

[Uzumeti]

Примерно так делаю:

<? $args = array(
	'cat' => 171, //Выбрали категорию
	'posts_per_page' => 2, //Взяли от фонаря количество постов
);

$q = new WP_Query($args); //Взяли функцию с параметрами

if($q->have_posts()) { //Проверили есть ли что в категории
	
	while($q->have_posts()){ $q->the_post();
		the_post_thumbnail('thumbnail'); //Вывели сами картинки (просто так для теста)
		$thumb_id = get_post_thumbnail_id();
                $thumb_url = wp_get_attachment_image_src($thumb_id,'thumbnail-size', true); //Получили УРЛы миниатюр
                echo $thumb_url[0]; // Распечатали проверить, пока всё замечательно
                $ar= array ($thumb_url[0]); //Вот тут всё хуже, пытаюсь объединить урлы в массив, чтобы вышло 
нечто типа (адрес 1, адрес 2, адрес 3)
                 print_r($ar); //Смотрю, что попало в массив и вижу фигу :) Получился не один общий массив с элементами, а много маленьких массивов с одним адресом для конкретной записи 
	}
}

wp_reset_postdata(); ?>



<? print_r($ar);?> - Смотрим, как оно вне цикла. Результат - последний адрес миниатюры

[Uzumeti]

Может быть это вообще можно как-то проще сделать? :) Мне просто нужно получить доступ к конкретным адресам миниматюр 5 последних записей из выбранной категории и юзать их в html коде. Не горожу ли я огород на ровном месте...

[yarovikov]

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

while($q->have_posts()) { 
 $q->the_post();
 $image_id = get_post_thumbnail_id();
 $image_url = wp_get_attachment_image_src($image_id,'thumbnail', true); 
 echo '<img src="'. $image_url.'" />';
}

[Uzumeti]

yarovikov, спасибо. Но это не совсем то, что было нужно :( Он же опять выдает просто две картинки...Правда может быть прямо в цикле их и оформить

[yarovikov]

Uzumeti, а вы хотели html за пределами цикла писать? Зачем?

[Uzumeti]

yarovikov, Да, именно так :) Зачем? Не мог в голове готовую модель уложить. Не понимал, как ограничить количество элементов. Но забыл, что количество изображений формируется циклом! И что java или html будет работать уже у клиента :)...А теперь меня осенило, что именно Вы имели в виду, когда сказали, что всё нужно делать в цикле! И похоже так сейчас получится сделать :)...

[Uzumeti]

yarovikov, Вроде всё получилось благодаря Вашей логике) У меня другой вопрос всё ещё остается..Если у Вас будет минутка, поясните пожалуйста.

Ну хорошо, в данном случае, я сделал цикл, откуда тянул элементы. Но если бы я хотел эти элементы вписать в новый массив....Возможно ли вообще это?? Мне для успокоения души :)

Например в цикле while мы получили 5 картинок. Можно ли эти 5 картинок записать в новый массив? Как тогда это нужно написать? Если прямо в цикле создавать массивы, то он и лепет один за другим новые массивы с нулевым элементом, в которым лежит адрес картинки. А мне нужен один общий массив, в котором будет 5 адресов.

[yarovikov]

Uzumeti, ну это основы php так-то. Почитайте про способы создания массивов)

Answer 2

[Анатолий]

Как-то так:

<?php
$args = array(
		'post_type' => 'post',
		'posts_per_page' => 5,
    'orderby' => 'modified',
);

$custom_query = new WP_Query( $args );

while ( $custom_query->have_posts() ) {
	$custom_query->the_post();
	echo '<a href="'. get_permalink() .'">' . get_the_title() .'</a>'; 
}
wp_reset_postdata();
?>

Comments

[Uzumeti]

А как потом эти данные взять, и использовать в html коде :)?

Поясню.

Допустим, результат работы функции - пять заголовков (заголовок 1, заголовок2, ...)
Мне нужно вытащить поочередно каждый заголовок и совершить с ним действие.
Взять заголовок 1 и убрать его в h1, взять заголовок 2 и сделать его жирным и т.п.
Мы же имеем просто голую выдачу. Вот я и думал, что если её собрать в массив, то каждый элемент будет иметь адрес и в html коде я уже скажу - ага, элемент массива номер 1, обернуть в h1. Элемент массива 2 обернуть в h2

Вот примерно тоже самое мне нужно сделать с картинками. И никак я эту логику в голове не увяжу.

[Анатолий]

Ничего не понял, что Вам нужно?

Последний пост сделать h1, а остальные h2?
Как сделать вывод миниатюры? вот: <?php the_post_thumbnail(); ?>

[Uzumeti]

Анатолий, Не совсем так. Про миниатюры-то я знаю, я просто для упрощения написал про заголовки.

1. Есть описанный Вами код, он выдает например 5 записей, у которых есть 5 заголовков.
2. На сайте мы видим 5 последних записей, пока всё верно.
3. Мне нужно взять у каждой этой записи заголовок и применить к нему какие-либо действие в html. Всё равно какое действие. Но обязательно иметь возможность взять по отдельности первый заголовок, второй, третий и .д.

Посмотрите пожалуйста комментарии к первому ответу, там кусочек кода из которого нужно получить адреса изображений.

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

[Анатолий]

Честно говоря я совсем не понимаю ))
У меня слайдер также сделан:

<div class="slider">
<!-- Swiper -->
		      <div class="swiper-container">
		        <div class="swiper-wrapper">

Далее цикл, а в цикле:

<!-- Слайдер -->
								<div class="swiper-slide">
									<div class="slider_image">
										<!-- картинка на слайдере -->
										<?php the_post_thumbnail('slider');	?>

										<!-- Пагинация на слайдере -->
			    					<div class="swiper-pagination"></div>

		  	  			  	<!-- Стрелки на слайдере -->
		    						<div class="swiper-button-next"></div>
		    						<div class="swiper-button-prev"></div>
									</div>
									<div class="slider_text">
										<h1><?php the_title(); ?></h1>
										<p><?php echo the_excerpt(); ?></p>
										<div class="flex">
											<a href="<?php the_permalink(); ?>">Читать подробнее...</a>
											<time datetime="<?php the_time('d.m.Y'); ?>"><?php the_time('d.m.Y'); ?></time>
										</div>
									</div> <!-- /wrapper_inner -->
	   						</div> <!-- /swiper-slide -->

После цикла:

</div>
		      </div>
		</div> <!-- /slider -->

Цикл, я уже описывал.

[Uzumeti]

Анатолий, Гениально :) спасибо за наводку. Ведь можно картинку прямо с пылу-жару получать.

Я вот другое не понимаю...А как листалка работает? Не могли бы Вы стилями заодно поделиться :)

[Анатолий]

Я пользуюсь слайдером swiper, вот сам слайдер, c примерами, стилями, скриптами..
idangero.us/swiper/demos

Answer 3

[Пычев Анатолий]

А точно в категории 171 постов больше чем один?

Comments

[Uzumeti]

Да, там их штук 100 :)

Answer 4

[Денис Янчевский]

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

<?php
$thumbs = array();
$my_posts = get_posts( 'numberposts=2&category=171' );
foreach ( $my_posts as $post ) :
	setup_postdata( $post );
	if( has_post_thumbnail() ) {
		$thumbs[] = get_the_post_thumbnail_url( get_the_ID(), 'РАЗМЕР_МИНИАТЮРЫ' );
	}
endforeach;
wp_reset_postdata();
?>