Support » Code oplossingen gezocht » Verschillende opmaak voor Latest posts

  • Hi,

    Hopelijk kan iemand mij helpen met het volgende issue. Ik wil op mijn homepage de drie laatste posts plaatsen met thumbnail. Echter, wil ik dat de opmaak van de 2e afwijkt van de 1e en 3e. Belangrijkste is dat de thumbnail bovenaan staat ipv onderaan. Eventueel misschien nog een kleine andere css-aanpassing.

    Ik heb de volgende code in content-page.php:

    <?php //show 3 latest posts only on homepage
    if( is_front_page() ) : ?>
    <h2>Blog</h2>
    <?php // Define our WP Query Parameters
    $the_query = new WP_Query( 'posts_per_page=3' ); ?>
    
    <?php // Start our WP Query
    while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
    
    <?php //Display the Post Title with Hyperlink ?>
    <div class="latestposts-box"><ul class="latestposts">
    <li><a href="<?php the_permalink() ?>"><strong><?php the_title(); ?></strong></a></li>
    <li><?php echo get_the_date() ?></li><br />
    <li><?php // Display the Post Excerpt
    the_excerpt(__('(more…)')); ?></li>
    <?php
    if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
      the_post_thumbnail();
    }
    ?>
    </ul>
    </div>
    <?php
    // Repeat the process and reset once it hits the limit
    endwhile;
    wp_reset_postdata();
    ?>
    <div class="readmore-button">
    <a class="button_white center" href="<?php echo home_url()?>/blogs">Lees alles</a>
    </div>

    Ik krijg dan netjes drie laatste blogs naast elkaar. Maar hoe kan ik zorgen dat de css anders is per laatste blog? Of zou ik drie queries moeten doen? 1x de laatste post, dan de voorlaatste etc. Maar hoe?

    Iemand een idee?

    Bedankt!
    Jason

  • Het onderwerp ‘Verschillende opmaak voor Latest posts’ is gesloten voor nieuwe reacties.