kick-image.at - Webdesig | CMS | Printdesign, c/o Reynhard Boegl, A - 4020 Linz, Herrenstrasse 7, Tel.: +43 (0)676 75 63 079, Web: www.kick-image.at

kick-image

High End Webdesign

WordPress: abwechselnde Layouts bei Beiträgen

Bei den Kommentaren zu einem Beitrag ist es mit Bordmitteln der aktuellen WordPress-Version ja schon gegeben: abwechselnde unterschiedliche Layouts (Farben, Rahmen,…). Zuständig ist hier die Klasse “alt” die jedes erste, dritte, fünfte,… Kommentar- Listenelement zugewiesen bekommt. Im CSS läßt sich durch diese Klasse dem Kommentar jedes beliebige Aussehen zuweisen.

Will man dies auch bei den Beiträgen umsetzen ist etwas (oder besser gesagt wenig ;-)) Arbeit von nöten.

Nehmen wir als Beispiel die index.php her:

IM Loop (also NACH “if (have_posts()) : while (have_posts()) : the_post();”) wird dieser PHP-Code eingebunden:
<?php
if($hgf == "hell") {
$hgf = "dunkel";
} else {
$hgf = "hell";
}
?>

Hier wird der Inhalt (”hell” oder “dunkel”) der Variable (”hgf”) bei jedem Loop- Durchgang gewechselt. Die Benennung der Variable und dessen Inhalt sind frei (den üblichen Schreibweisen und erlaubten Zeichen entsprechend) vergebbar.

Jetzt muß diese Variable bzw. dessen Inhalt nur mehr dem Element mit dem Beitrag zugewiesen werden:

Die Zeile:
<div class="post" id="post-<?php the_ID(); ?>">

ändern wir auf:
<div class="post <?php echo $hgf; ?>" id="post-<?php the_ID(); ?>">

Im Quellcode der Startseite steht nun abwechselnd
<div class="post hell" id="post-179">
und
<div class="post dunkel" id="post-178">

Die Beiträge sind nun für das CSS “greifbar” und können dort beliebige Formate (Hintergrundfarbe, Rahmen, …) zugewiesen bekommen.

  • Beitrag bei facebook posten
  • Beitrag bei twitter posten
  • Diese Seite mit anderen teilen - 'Social Bookmark Dienste'

kick-image.at übersiedelt …Datensicherung

Weitere empfohlene Beiträge

Archiv / Übersicht

zur Weblog Startseite

2010

2009

2008

2007

2006

Kommentare

Kommentar schreiben