Anordnung von Einträgen

bertiSR

Hallo zusammen.

Ich will die Anordnung der Beiträge auf meiner Startseite verändern.
Und zwar sollen die letzten 4 Beiträge anders angeordnet werden als die älteren.

Beitrag 1 | Beitrag 2
Beitrag 3 | Beitrag 4

Beitrag 5
Beitrag 6
...

Also quasi die ersten 4 jeweils zu zweit in einer Zeile und die älteren Beiträge untereinander! Wie muss ich da den Code verändern? Oder gibts dazu schon Seiten, die nur ich nicht finde?

mfg, berti

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Ammaletu

Nur mal ganz grob: Mach Dir eine Zählvariable, die im Loop hochgezählt wird. Den ersten vier Beiträgen weist Du dann eine extra Klasse zu. Im Stylesheet kannst Du diese Klasse dann auf eine kleinere Weite setzen, der erste und dritte Beitrag sollten gefloatet werden und nach dem zweiten und vierten muss ein clear in den Quelltext.

bertiSR

Also die Beiträge immer so zweit nebeneinander bekomme ich hin, aber ich schaffe es nicht, nach 4 Beiträgen die Anordnung zu ändern.

PHP

<?php if ( have_posts() ) : ?>
<?php $first = true; ?>
<?php while ( have_posts() ) : the_post(); ?>
    <div class="entry<?php if( $first == true ) echo " first" ?>">
        <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h3>
        <div class="details">
            Posted by <?php the_author_posts_link() ?> on <?php the_time( 'd. M Y' );?> | 
            <?php the_category( ', ' ) ?> <?php edit_post_link( 'Edit this', '', '' ); ?>
        </div>
        <?php the_excerpt() ?>
        <div class="details">
            <?php comments_popup_link( 'Keine Kommentare', '1 Kommentar', '% Kommentare' ); ?> | <span class="read-on"><a href="<?php the_permalink() ?>">weiterlesen ...</a></span>
        </div>
    </div>
<?php if ( $first == true ) { $first = false; } else { echo '<div class="clear"></div>'; $first = true; } ?>
<?php endwhile; ?>
<?php else : ?>
    <h2 class="center">Nichts gefunden</h2>
    <p class="center">Du suchst nach Etwas, das hier nicht ist.</p>
<?php include ( TEMPLATEPATH . "/searchform.php" ); ?>
<?php endif; ?>

Alles anzeigen

Wie löse ich die Anordnung aber nach dem 4. Beitrag?

maxe

ähhm, du hast aber jetzt nur 2 classen oder? Du bräuchtest aber mind. 3 classen. Bsp. mit 5 classen (hoffe es klappt so):

PHP

<?php if ( have_posts() ) : ?>
<?php $postcount = 1; ?> 
<?php while ( have_posts() ) : the_post(); ?>


<?php if( $postcount == 1 ) { ?>
    <div class="entry first">
<?php } elseif ( $postcount == 2 ) { ?>
    <div class="entry second">
<?php } elseif ( $postcount == 3 ) { ?>
    <div class="entry third">
<?php } elseif ( $postcount == 4 ) { ?>
    <div class="entry fourth">
<?php } else { ?>
    <div class="entry rest">
<?php } ?>


        <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h3>
        <div class="details">
            Posted by <?php the_author_posts_link() ?> on <?php the_time( 'd. M Y' );?> | 
            <?php the_category( ', ' ) ?> <?php edit_post_link( 'Edit this', '', '' ); ?>
        </div>
        <?php the_excerpt() ?>
        <div class="details">
            <?php comments_popup_link( 'Keine Kommentare', '1 Kommentar', '% Kommentare' ); ?> | <span class="read-on"><a href="<?php the_permalink() ?>">weiterlesen ...</a></span>
        </div>
    </div>


<?php $postcount++; endwhile; ?>


<?php else : ?>
    <h2 class="center">Nichts gefunden</h2>
    <p class="center">Du suchst nach Etwas, das hier nicht ist.</p>
<?php include ( TEMPLATEPATH . "/searchform.php" ); ?>
<?php endif; ?>

Alles anzeigen

Und dann wie Ammaletu schon schrieb, Class 1 und 3 werden left gefloatet und Class 2 und 4 bekommen ein clear. Class "rest" bekommt die normale Formatierung.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Anordnung von Einträgen

Jetzt mitmachen!