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

Question

[minstrel7777]

У меня есть сайт на WordPress в котором множество постов с текстом и фотографиями.
Как можно автоматически перевести все изображения в каждом посте в слайдер?
Сейчас у меня идет текст, после которого подряд расположены картинки, а хочется чтобы после текста был 1 блок с слайдером всех изображений из этого поста.
Подскажите, пожалуйста.

Comments

[Антон Литвиненко]

Есть решение как превратить стандартную галерею в слайдер

[minstrel7777]

Антон Литвиненко, Расскажите подробнее, пожалуйста.

[Антон Литвиненко]

minstrel7777,
https://dimox.name/creating-a-slider-from-wordpres...

Answer 1

[Владислав Черненко]

Можно отфильтровать the_content, убрав картинки из него:

$content = get_the_content();
$content = preg_replace("/<img[^>]+\>/i", " ", $content);          
$content = apply_filters('the_content', $content);
$content = str_replace(']]>', ']]>', $content);
echo $content;

Потом собрать все аттачи поста в кучу и вывести слайдером:

$attachments = get_posts(
	array(
		'post_type' => 'attachment',
		'posts_per_page' => -1,
		'post_parent' => $post->ID,             
	)
);

if ( $attachments ) {
	echo '<div class="slider">';
	foreach ( $attachments as $attachment ) {
		$thumbimg = wp_get_attachment_link( $attachment->ID, 'thumbnail-size', true );
		echo '<div class="slide">' . $thumbimg . '</div>';
	}
	echo '</div>';
}

P.S.: 2-ой код работать будет только для прикрепленных картинок к этому посту, а не выбранные из ранее добавленных в галерее.

Comments

[minstrel7777]

Сделал как Вы написали. Сейчас все картинки собрались в конце поста и стали активными (открываются в отдельном окне), но слайдером не стали показываться... Нужно установить какой-то простейший плагин с галереей?

[Владислав Черненко]

minstrel7777, Ну конечно, слайдер подключайте какой вам нравится, я просто дал вам пример разметки, например Slick

Answer 2

[Евгений]

Сверстайте, подключите плагин слайдера и будет вам счастье.
https://owlcarousel2.github.io/OwlCarousel2/
kenwheeler.github.io/slick
https://swiperjs.com/

Comments

[Антон Литвиненко]

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

[Евгений]

Антон Литвиненко, с чего вы взяли, что фотографии выводятся через the_content() ?
Ну а если и так, что скриптом собирайте все картинки в посте, оборачивайте всё это в блок, и инициализируйте слайдер

[Антон Литвиненко]

Евгений, сорян, не заметил, что у вас почти все ответы подобного уровня абстракции, так бы не лез.
А картинки контентные да, выводятся вместе с текстом и вообще всем, что попадает в редактор поста, функцией the_content

Answer 3

[minstrel7777]

Есть вот такое решение: https://n-wp.ru/kak-vyivesti-vse-izobrazheniya-pos... , оно выводит слайдер, но он не работает... не листается...