Carrousel Bootstrap pour le contenu dynamique dans Wordpress

Question

J'ai donc créé un carrousel bootstrap dans WordPress et ça marche bien. Mon seul problème est que lorsque je clique sur l'image, cela ne m'amène pas à l'article spécifique. Comment puis-je resoudre ceci? Voici mon code:

<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

changement <?php the_permalink(); ?> à <?php echo get_permalink($slide->ID); ?>.

Pourquoi:

the_permalink() obtient le permalien courant pour le poste en cours dans la boucle. Vous n'êtes pas dans la boucle, vous vous contentez d'interroger les publications. En passant à get_permalink() et en passant un ID dans la fonction, vous obtenez le lien permanent spécifique pour cette diapositive.

Voir get_permalink()here.