Hallöchen,
ich bin dabei eine Seite auf der Basis von Wordpress, _s Theme und Bootstrap von Twitter zu entwickeln. Leider habe ich bei der Umsetzung der Layouts der Startseite ein kleines Problem.
Ich möchte auf der Startseite einen Slider anzeigen, der 3 Bilder aus einer bestimmten Kategorie ("slider") anzeigt. Darunter sollen 3 Beiträge aus einer anderen Kategorie ("home-tease") gezeigt werden.
Wieder darunter möchte ich, dass 2 Beiträge aus einer wieder anderen Kategorie eingeblendet werden.
Ich bin so weit, dass ich die ersten 2 Loops anzeigen lassen kann. Doch erscheint im zweiten Loop manchmal das Thumbnail des erstem Beitrages nicht. Habe ich hier einen Fehler in der Syntax?
Hier erstmal mein Code:
<div class="slide-wrapper">
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<?php
$the_query = new WP_Query(array(
'category_name' => 'Slider',
'posts_per_page' => 1
));
while ( $the_query->have_posts() ) :
$the_query->the_post();
?>
<div class="item active">
<?php the_post_thumbnail();?>
<div class="carousel-caption">
<h2><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title();?></a></h2>
<p><?php the_excerpt();?></p>
</div>
</div><!-- item active -->
<?php
endwhile;
wp_reset_postdata();
?>
<?php
$the_query = new WP_Query(array(
'category_name' => 'Home-Tease',
'posts_per_page' => 2,
'offset' => 1
));
while ( $the_query->have_posts() ) :
$the_query->the_post();
?>
<div class="item">
<?php the_post_thumbnail();?>
<div class="carousel-caption">
<h2><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title();?></a></h2>
<p><?php the_excerpt();?></p>
</div>
</div><!-- item -->
<?php
endwhile;
wp_reset_postdata();
?>
</div><!-- carousel-inner -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="icon-prev"></span></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="icon-next"></span></a>
</div><!-- #myCarousel -->
</div>
<div class="container start-bilder">
<?php rewind_posts(); ?>
<?php query_posts('showposts=3&offset=1&post_type=post'); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class="col-xs-6 col-sm-4 col-md-4">
<a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_post_thumbnail();?></a>
<h4><?php the_title() ;?></h4>
<?php the_excerpt(); ?>
</div>
<hr class="visible-xs visible-sm">
<?php endwhile; else: ?>
<p>Sorry, there are no posts to display</p>
<?php endif; ?>
</div>Und hier dann noch die Visualisierung meines Layouts, zum besseren Verständnis, was ich mit der Frage erreichen möchte.
Vielen Dank schonmal.