Wordpress-Artikel in Reih und Glied nebeneinander

WordPress-Artikel nummerieren lassen

Wordpress-Artikel in Reih und Glied nebeneinander
Wordpress-Artikel in Reih und Glied nebeneinander

Für die Startseite eines Blogs empfiehlt es sich manchmal die einzelnen Artikel in etwas kompakterer Form darzustellen, als sonst üblich. Dazu eignet sich natürlich das Magazin-Layout ganz besonders, bei dem die verschiedenen Artikel jeweils eine feste Breite bekommen und nebeneinander stehen.

Bei einem Design, das mit viel Weißraum arbeitet, sollte es dabei keine Probleme geben. Anders sieht es aus, wenn man einen durch bestimmte Bildelemente festgelegten Bereich hat, in dem die Artikel erscheinen sollen. Wenn dort ein Padding/Margin zu viel gesetzt ist, dann erscheint so ein Layout ganz schnell auseinandergerissen. Um das zu verhindern kann man die einzelnen Artikel mit PHP durchnummerieren und ihnen damit unterschiedliche CSS-Klassen zuweisen.

Die rot markierten Texte müssen hinzugefügt werden.
Die rot markierten Texte müssen hinzugefügt werden.

Für diese Nummerierung reichen zwei sehr kurze Zeilen Code vor bzw. im Artikel-Loop. Vor dem Loop wird <?php $i = 0; ?> eingefügt. Der Artikel ansich wird in ein DIV gesetzt, das mit folgender ID versehen wird: id="entry-<?php $i++; echo $i ;?>". Letzteres generiert die laufende Nummer für den jeweiligen Post. Das einzige, was nun noch zu erledigen ist, sind die jeweils unterschiedlichen CSS-Klassen.

 

 

 

Published by

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.