DasLaboratorium.de » Agenturfundus http://www.daslaboratorium.de Find out, what gets my attention. Philipp’s Blog aus Hamburg. Fri, 02 Apr 2010 21:34:34 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Der Agenturfundus in der PAGE http://www.daslaboratorium.de/2009/der-agenturfundus-in-der-page-359/ http://www.daslaboratorium.de/2009/der-agenturfundus-in-der-page-359/#comments Wed, 07 Oct 2009 15:43:39 +0000 Philipp http://www.daslaboratorium.de/?p=359 Ich bin ja schon ein kleines bisschen stolz – aber nur ein ganz kleines bisschen:

IMG_6847_2Klick aufs Bild für die volle Ladung Fullview!

]]> http://www.daslaboratorium.de/2009/der-agenturfundus-in-der-page-359/feed/ 0 Agenturfundus – The power of wordpress http://www.daslaboratorium.de/2009/agenturfundus-the-power-of-wordpress-337/ http://www.daslaboratorium.de/2009/agenturfundus-the-power-of-wordpress-337/#comments Thu, 20 Aug 2009 09:42:09 +0000 Philipp http://www.daslaboratorium.de/?p=337 Ganz frisch, ganz neu: der Agenturfundus. Und so sieht er aus:

2009-08-20_1018

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:

  1. <?php $att = get_posts(array(‘post_type’ => ‘attachment’, ‘post_status’ => null, ‘post_parent’ => $post->ID)); $numatt = count($att); ?>
  2. <?php for($i = 0; $i<$numatt; $i++): ?>
  3.  <li><?php echo(wp_get_attachment_image($att[$i]->ID, array(‘540′, ‘310′), false)); ?></li>
  4. <?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:

  1. <div>
  2. <h2><?php the_date(‘d.m.Y’); ?>: <?php the_title(); ?></h2>
  3. <?php the_content(”, true); ?>
  4. </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:

  1. <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.

]]> http://www.daslaboratorium.de/2009/agenturfundus-the-power-of-wordpress-337/feed/ 1