如何在 WP 主题中获得适用于 Flexslider 的缩略图导航？

【问题标题】：How to get thumbnail navigation working for Flexslider in WP theme?如何在 WP 主题中获得适用于 Flexslider 的缩略图导航？
【发布时间】：2015-01-12 20:07:11
【问题描述】：

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

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

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

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

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

【问题讨论】：

标签： php wordpress controls thumbnails flexslider

【解决方案1】：

如果您使用，您的问题将得到解决

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

<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 脚本加入队列

【讨论】：