Ganz frisch, ganz neu: der Agenturfundus. Und so sieht er aus:
So. entwickelt habe ich das ganze. Der Flash-Header kommt von Nikolai Bockholt. Mike John Otto hat die Photoshop-PSD rausgehauen. Und das tolle ist: Das ganze läuft mit einem Wordpress System.Hassle-Free backend.
Die Problematik, die es dabei zu umschiffen gilt, wird bei der Betrachtung der Artikelseiten klar. Es gibt eine Slideshow auf den Artikelseiten. Sie basiert auf einfachem JavaScript in Kombination mit dem mootools Framework.
Damit diese Slideshow erstellt werden kann, müssen die Bilder im Artikel aber extrahiert und in eine Liste geschrieben werden. Diese Liste lasse ich einfach bei Klick auf zurück / weiter in der Slideshow hoch und runterfahren. Wordpress stellt eine Funktion zur Verfügung um Medienobjekte aus einem Artikel zu holen. So sieht das zB. bei Agenturfundus aus:
-
<?php for($i = 0; $i<$numatt; $i++): ?>
-
<?php endfor; ?>
Mit der Funktion get_posts() und dem passenden Argument für “post-type” (attachment) zieht er mir nur die Attachment-IDs für die $post->ID, die ich für post_parent ebenfalls beim Funktionsaufruf mitgebe. Die $post->ID stammt aus der Wordpress-Loop, in der ich mich ja ohnehin befinde. Beim Schreiben der Liste muss ich nur noch auf wp_get_attachment_image() auf die Attachment-IDs anwenden um das Bild in der passenden Größe auszugeben. Praktischerweise gibt mir diese Funktion gleich sauberes HTML zurück, dass ich nur noch schreiben muss. Fertig.
Damit die Bilder des Artikels aber nicht zusammen mit dem Text des Artikels rechts neben der Slideshow ausgegeben werden, behelfe ich mich folgenden Tricks: Ich setze beim Erstellen eines Artikels zunächst alle Bilder und dann einen more-Tag (“Read the rest of this entry >”). Beim Ausgeben der “Artikelbeschreibung” neben der Slideshow schreibe ich also nur den Text, der nach dem more-Tag kommt. So sieht das aus:
-
<div>
-
<h2><?php the_date(‘d.m.Y’); ?>: <?php the_title(); ?></h2>
-
<?php the_content(”, true); ?>
-
</div>
Das “true” im Aufruf von the_content() bewirkt, dass alles vor dem more-Tag versteckt wird. So einfach ist das. Man muss nur erstmal die Lösung finden.
Für die Bilder auf der Startseite, die übrigens eine fixe größe haben, verwende ich folgendes:
-
<img src="<?php $att = get_posts(array(‘post_type’ => ‘attachment’,'numberposts’ => 1,’post_status’ => null,’post_parent’ => $post->ID)); echo(wp_get_attachment_thumb_url($att[0]->ID)); ?>" width="248px" height="104px" alt="<?php the_title(); ?>" />
Aber das nur als kleines Leckerli.
Verbesserungsvorschlage? Dazu sind die Kommentare da.
Mhh, so schön gemacht, defensive-design und dann geht die Navigation nicht ohne JS. Ist das Absicht?
Viele Grüße,
simon