我使用教程将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