LOOP: Design Ausgabe - BG Wechselnd

NoMansLand

Servus allen,

also ... ich hab nen Loop ...

PHP

<?php $postslist = get_posts('cat=14numberposts=10&order=ASC&orderby=post_date&order=DESC'); foreach ($postslist as $post) : setup_postdata($post); ?>
<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
<?php the_content(' ... weiter lesen &raquo;'); ?>
<?php endforeach; ?>

Wenn der jetzt auf der Webseite ausgespuckt wird, ist jeder Post einheitlich ... kann ich diesen Code aber "eben schnell" modifizieren - so dass jeder 2. Post nen anderen BG - bekommt....

So dass z.b. Post 1, 3, 5, 7 und 9, nen weisse Hintergrund haben, 2,4,6,8,10 nen lilanen ...

Wie realisiert man dies am effizienstesten ... am besten direkt (ohne Plugins) ...

Danke schon mal für Eure Unterstützung ..

Gruß
NoMansLand

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

bangolo

definier vor dem loop eine Variable

$meineFarbe=0;

jetzt kannst du im loop den hintergrund über eine klasse ändern

<div class=background-<?php $meineFarbe ?>
<!--ausgabe des posts
</div>

PHP

$meineFarbe=0;
<!-- begin loop-->
<div class="background-<?php $meineFarbe ?>"> 
 <!--ausgabe des posts-->
</div>
<?php
$meineFarbe++;
if ($meineFarbe>1){
   $meineFarbe=0;
}

die entsprechenden Klassen musst du in der style.css definieren, also background-0, background-1

das Beispiel trifft für 2 verschiedene Hintergründe zu erhöhst du die Zahl hinter der if Abfrage kannst du auch 10 verschieden hintergründer oder mehr anzeigen lassen

REGA1976

PHP

// vor dem Loop
$zahl = 1;


// im Loop
if ($zahl % 2 != 0) { 
    $bg_color = "#FFFFFF"; 
} else { 
    $bg_color = "#000000";
}
// direkt vor dem Ende des Loops
$zahl++;

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

LOOP: Design Ausgabe - BG Wechselnd

Jetzt mitmachen!