Es ist ein verregneter Bilderbuch- Dienstag und ich sitze hier mehr oder weniger gelangweilt herum und frage mich, was ich wohl wieder Gutes für den gemeinsamen Blog pixelraiders.de tun könnte, als auch schon das Telefon klingelt und die Stimme von Matthias in meinem Ohren wiederhallt „Und haste den Artikel schon fertig?“. Worauf hin ich nur noch ein mehr oder minder genervtes und halb gestöhntes “jein” herausbekomme. Da dieser Umstand ihn und auch mich nicht wirklich befriedigt, beschlossen wir nun also, den gemeinschaftlichen Blog mit einem gemeinschaftlichem Artikel über die Entstehung unserer Gallery zu schmücken, auf das keinem auffiele, dass wir zu wenig schreiben
.
Fangen wir also mit den verwendeten Plug-ins an, die nötig sind um diese Gallery nachzubauen.
1. Post-Thumbs Plug-In
2. Get Custom Field Values-Plug-In
3. WP-PostRatings Plug-In
Das war es? Ja, das war es auch schon. Mehr ist nicht von Nöten, sieht man mal von der Modifizierung der index.php Datei ab
. Als nächstes müssen wir uns also um eine getrennt vom main-blog laufende WP Installation kümmern. Dazu ließe sich WP nun ganz einfach neu installieren oder aber man greift auf die Technik des im letzten Artikel vorgestellten multi-blog hacks zurück. Matthias und ich haben uns natürlich für letztere Methode entschieden, mit der wir nun einen 2ten Blog unter der Subdomain gallery.pixelraiders.de laufen haben, der auf die gleiche Verzeichnisstruktur des main-blogs zurückgreift. Das ermöglichte uns nun also das Template, bzw. die index.php Datei so zu modifizieren, dass die normalen Beiträge, zu Bilder- links wurden.
Was genau haben wir also in der index.php modifiziert?
Zwischen <?php if (have_posts()) : ?> und <?php endif; ?> beginnt man mit der Modifizierung der Blogausgabe. Dazu fügt man nur folgenden PHP-Befehl: <?php echo tb_post_thumb(true);?> ein. Dann aktiviert man das Plug-In und verändert unter <
![]()
Nun überlegt man sich noch einen Namen für den Upload- Ordner und die Thumbgröße, welche man in das dafür vorgesehen Formularfeld einträgt.
![]()
Vom Prinzip habt ihr nun schon ein Thumbbild (Vorschaubild). Nun könnt ihr
durch die Modifizierung der CSS die visuelle Anordnung der einzelnen
Post’s verändern.
Nun wollten wir in unserer Link-Image-Gallery aber nicht nur ein Vorschaubild
haben, sondern dieses auch noch mit einem Link zu der entsprechenden Seite versehen.
Dafür verwendeten wir das Plug-In: „Get Custom Field Values-Plug-In“ mit dessen
Hilfe wir beim verfassen ein zusätzliches benutzerdefiniertes Feld anlegen und dann darauf zugreifen können.
![]()
Dazu einfach das Plug-In downloaden, dann in die eigene WordPress- Installation hochladen und aktivieren. Nun ergänzt man in der Index.php noch folgenden Code:
<a href=”<?php echo c2c_get_custom(‘website’); ?>” target=”_blank” title=”Go to”>
<?php echo c2c_get_custom(‘website’); ?> <?php echo tb_post_thumb(true);?></a> Und schon ist das Thumbbild mit dem Inhalt des benutzerdefinierten Feldes verknüpft und man kann dem Wert „Website“ in dem Postformular eine URL zuweisen.
Zu guter Letzt haben wir noch das WP-Post-Rating Plug-In integriert, was wie alle anderen Plug-Ins installiert und aktiviert werden muss.
Ähnlich wie die beiden Modifizierungen vorweg, muss auch bei dem Rating das Plug-In in der index.php mit folgenden Zeilen- Code aufgerufen werden:
<?php if(function_exists (‘the_ratings’)) { the_ratings(); } ?>
Die Einstellungen der Ausgabe können dann über das Backend unter dem Menüpunkt „Rating“ verändert werden.
Ich hoffe ihr könnt mit unserem kurzen HowTo was anfangen. Ansonsten nicht schüchtern sein und einfach nachfragen.