如何使缩略图导航适用于WP主题中的弹性滑块


How to get thumbnail navigation working for Flexslider in WP theme?

我使用教程将Flexslider集成到WP主题中。我已经激活了缩略图导航控件,但是,所有缩略图链接都已损坏。

我尝试将以下代码插入<li data-thumb="">部分,但我认为我的滑块.php或函数文件中可能缺少某些内容。

我尝试插入以创建缩略图的代码是:

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

谁能帮助我或为我指出正确的方向?

如果你使用

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

并通过将其传递到图像源来使用此变量,例如

$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'large');
<img src="<?php echo $thumbnail[0]; ?>" width="" height="" />
<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