Как заставить работать навигацию по миниатюрам для Flexslider в теме WP?

Question

Как заставить работать навигацию по миниатюрам для Flexslider в теме WP?

Я интегрировал Flexslider в тему WP с помощью учебника. Я активировал управление навигацией по миниатюрам, однако все ссылки на эскизы не работают.

Я попытался вставить следующий код в <li data-thumb=""> часть, но я думаю, что я могу что-то упустить в моем файле Slider.php или Functions.

Код, который я попытался вставить для создания миниатюр:

<li data-thumb="<?php echo ( wp_get_attachment_url( $single_gallery_attachment->ID, 'thumbnail' )); ?>">

Кто-нибудь может мне помочь или указать мне правильное направление?

0

controls flexslider php thumbnails wordpress

Решение

Другие решения

$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'large');

<img src="<?php echo $thumbnail[0]; ?>" width="" height="" />

0

<ul>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post();

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

if ( $attachments ) {
foreach ( $attachments as $attachment ) {$thumbnail = wp_get_attachment_image_src($attachment->ID, 'thumbnail');

$img = wp_get_attachment_image($attachment->ID, 'large');
?>

<li data-thumb='<?php echo $thumbnail[0];?>'><?php echo $img;?></li>

<?php
}
}
endwhile; endif; ?>
</ul>

Не забудьте поставить в очередь скрипты jquery.flexslider-min.js и flexslider.css

0

Источник

Accepted Answer

Ваша проблема будет решена, если вы используете

$ thumbnail = wp_get_attachment_image_src (get_post_thumbnail_id (), ‘large’);

и использовать эту переменную, передав ее в источник изображения, например

0