WordPress的动态内容的引导轮播

问题描述：

所以我在WordPress中创建了一个引导轮播，它工作正常。我唯一的问题是，当我点击图片时，它不会把我带到特定的文章。我如何解决这个问题？这是我的代码：WordPress的动态内容的引导轮播

<div class="container slider-container"> 
    <div id="myCarousel" class="carousel slide" data-ride="carousel"> 
    <!-- Indicators --> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 
     <li data-target="#myCarousel" data-slide-to="2"></li> 
    </ol> 

<!-- Wrapper for slides --> 
<div class="carousel-inner" role="listbox"> 
<?php $slider = get_posts(array('post_type' => 'post', 'posts_per_page' => 3)); ?> 
    <?php $count = 0; ?> 
    <?php foreach($slider as $slide): ?> 
    <div class="item <?php echo ($count == 0) ? 'active' : ''; ?>"> 
     <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"> 
     <img src="<?php echo wp_get_attachment_url(get_post_thumbnail_id($slide->ID)) ?>" class="img-responsive"/> 
    </a> 
    </div> 
    <?php $count++; ?> 
<?php endforeach; ?>

<!-- Left and right controls --> 
    <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
     <span class="glyphicon glyphicon-chevron-left"></span> 
     <span class="sr-only">Previous</span> 
    </a> 
    <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
     <span class="glyphicon glyphicon-chevron-right"></span> 
     <span class="sr-only">Next</span> 
    </a> 
    </div> 
</div>

它在哪里需要你？ –

回到主页 –

答

变化<?php the_permalink(); ?>到<?php echo get_permalink($slide->ID); ?>。

为什么：

the_permalink()获取当前固定链接当前职位的循环。你不在循环中，你只是在查询帖子。通过更改为get_permalink()并将ID传递给函数，您将获得此幻灯片的特定永久链接。

请参阅get_permalink()here。

WordPress的动态内容的引导轮播

相关推荐