WordPress的動態內容的引導輪播

Question

所以我在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> 

Answer 1

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

爲什麼：

the_permalink()獲取當前固定鏈接當前職位的循環。你不在循環中，你只是在查詢帖子。通過更改爲get_permalink()並將ID傳遞給函數，您將獲得此幻燈片的特定永久鏈接。

請參閱get_permalink()here。