Da diese Erklärung den Umfang der Shoutbox ein wenig sprengen würde, hier ein Tutorial dazu: Ziel ist es, die letzten beiden Artikel eines WordPress-Blogs so nebeneinander anzeigen zu lassen, dass in der linken Box der zweitneueste Artikel steht und rechts der aktuellste.
Für dieses Beispiel habe ich mir die home.php geschnappt – das ist das Template, das für die Startseite des Blogs zuständig ist (natürlich könnt ihr auch die index.php, category.php etc. nehmen – je nachdem, wo ihr diese zweispaltige Anzeige realisieren wollt).
Wir legen ein Div der Klasse artikelbox an, das wiederum zwei weitere, nebeneinander stehende Divs mit den beiden Artikel enthalten soll. Das linke Div zeigt hierbei den vorletzten Artikel an und gehört der Klasse boxlinks an; das rechte Div mit dem neusten Artikel hat dementsprechend die Klasse boxrechts.
Zunächst legen wir das umfassende Div artikelbox an und weisen der Variable $box den Wert rechts zu.
Die dritte Zeile – <?php query_posts(‘showposts=2′); ?> – ist dafür zuständig, dass auf dieser Seite nur zwei Artikel ausgegeben werden sollen (diesen Wert könnt ihr natürlich variieren, und wenn auf dieser Seite ebenso viele Artikel angezeigt werden sollen wie auf allen anderen Seiten, dann könnt ihr die Zeile auch ganz weglassen, weil dann der im Dashboard eingestellte Wert greift).
Nun beginnt der Loop: wenn unsere Variable den Wert rechts hat, dann bekommt das Div die Klasse boxrechts zugewiesen. Im Div enthalten sind die Artikelüberschrift sowie der Auszug des Beitrags.
Anschließend endet der Ausgabeteil des ersten Beitrags, und mt Hilfe von PHP wird dem nächsten Div die Klasse boxlinks zugewiesen.
Der Fall, dass der Besucher eine nichtexistente Adresse angibt, wird am Ende mit einer entsprechenden Fehlermeldung abgefangen.
<div class="artikelbox">
<?php $box = rechts; ?>
<?php query_posts('showposts=2'); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php if ($box == rechts) ?>
<div class="post box<?php echo $box;?>" id="post-<?php the_ID(); ?>">
<h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<?php the_excerpt(); ?>
</div>
<?php if (($box==rechts) ? $box=links : $box=rechts); endwhile; ?>
<?php else: ?>
Sorry, diese Seite existiert nicht.
<?php endif; ?>
</div>
Nun zum Stylesheet – hier haben die beiden Klassen boxlinks und boxrechts die gleiche Formatierung, aber der neuere Artikel könnte zum Beispiel durch eine kräftigere Farbgebung hervorgehoben werden. Das float: right; lässt den neueren Artikel rechts statt links stehen; ein float: left; kehrt diese Anzeige um.
.artikelbox { clear: both; }
.boxlinks, .boxrechts { width: 39%; float: right; padding: 0 10px; }
Ein Danke geht an das Tutorial “Artikel in Spalten aufteilen” von Monika auf texto.de, deren Vorgehensweise ich hier als Grundlage verwendet und etwas umgebaut habe.
Danke, danke!
Wollte mich zuerst nicht outen, aber hier bin ich :)
Ich hoffe, dass mein neues Layout dann so funktionieren wird.
Vielleicht kennst du mich noch aus dem TZK-Forum? :)
Liebe Grüße! <3
Kann es sein, dass dein Link zu älteren Beiträgen nicht gescheit funktioniert?
@ Jel:
oh, du bist es :)
schön, dich hier zu lesen!
@ Chrissy:
gestern Abend habe ich den Link auf der Startseite gefixt, der zu den älteren Artikeln führt. Der funktioniert jetzt, und die Blätterfunktion in den Kategorien, Suchergebnissen usw. ebenso. Wo hast du denn einen Fehler gefunden?
In der Index.php
Wenn ich unten auf Ältere Beiträge klick, dann springt das auf den Beiträg “Online Portfolios” (21. Januar) zurück.
@ Chrissy:
Ja, das ist aber richtig so… ich hab zwischen Januar und April ja nicht so viele Artikel geschrieben. ;-)
Aber normalerweise müsste ja da der Bericht über die abgerundeten Ecken kommen ;)
oO Stimmt, jetzt wo du es sagst. War mir gar nicht aufgefallen. Danke für den Hinweis.^^
Jetzt geht es aber… damit bei der Verwendung von query_posts die Blätterfunktion richtig funktioniert und zur Berechnung den im Query eingestellten Wert statt den aus dem Dashboard verwendet, muss man das Pagen noch extra erwähnen. Wieder was gelernt. ;-)
Falls jemanden der Code interessiert:
<?php global $query_string; $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; query_posts("paged=$paged&posts_per_page=5"); ?><?php if (have_posts()) : while (have_posts()) : the_post(); ?>
...
<?php endif; wp_reset_query(); ?>
lust auf affischaft?
Vielen Dank für den sinnvollen Posts. Schwieriger allerdings wird es wenn man für jede Box ein margin rechts definiert hat nur das letzte sollte keins haben. Wie geht es dann?
Hallo Anne,
du hast bei unserem Iconcontest mit gemacht und ich möchte dir herzlich gratulieren du hast den 6ten Platz belegt. Danke für deine Teilnahme und heute abend startet wieder ein neuer Contest, evlt. machst du ja auch wieder mit. Wir würden uns sehr freuen!
Lg Mireille – Peril.com
Ich habe in einer Div-Klasse eine Tabelle mit drei Spalten eingebaut. In den mittleren und rechten Spalten sollen die letzten beiden Artikel in Kurzform erscheinen. Wie kann ich das visualisieren? So richtig bekomme ich es nämlich leider nicht hin!
Wow danke danke danke!!
Vielen Dank für den Beitrag, in Kombination mit den Beitrag von texto.de eine super Hilfe, auch für Anfänger. Ich wollte mal kurz fragen: Wie kann ich das ganze denn auch für die Archive und die Kategorien, gerne auch nur einzelne Kategorien realisieren?
Grüße,
Patrick
…
—————————————————————–
ich habe bei mir noch zusätzlich query_posts(array(‘post__not_in’ => array(10,13,15))); drin.
wenn ich dann auf nächste seite klicke werde diese post ids 10,13,15 wieder angezeigt……