WordPress Thumbnailseite mit Artikelbildern

Für mein Photoblog pabst-photo.com wollte ich vor kurzem eine Seite haben, die einfach nur alle Artikelbilder (post thumbnails) von allen Artikeln als Thumbnails auflistet und mit den jeweiligen Artikeln verlinkt. Somit habe ich eine schöne, visuelle Übersicht über alle Artikel in meinem Photoblog. Vorher hatte ich das Plugin „Category Grid View“ im Einsatz, welches jedoch nicht einwandfrei gearbeitet hat, da es die Lightbox auf der kompletten Website zerstört hat.

Die neue Thumbnailseite sieht nun so aus:

pabst-photo.com – Thumbnails

Um dies zu realisieren, habe ich eine neues Seiten-Template (page template) erstellt und mit folgendem Code befüllt:

Shortcode für mehrspaltigen Inhalt in WordPress mit CSS3 Multi-column

In diesem Artikel hatte ich beschrieben, wie man Shortcodes definiert, um Inhalte in WordPress in 2 Spalten anzuzeigen. Diese Lösung basierte auf der Definition mehrerer Shortcodes, die DIVs mit entsprechenden Floats generieren.

Hier möchte ich nun eine einfachere Lösung zeigen, die auf dem CSS3 Multi-column Layout Modul basiert. Mit diesem ist es möglich, Inhalte mit nur 1 Shortcode wesentlich flexibler und mit weniger Code in mehreren Spalten darzustellen. Einer der großen Vorteile dieses Moduls ist, dass sich der Inhalt automatisch gleichmäßig auf alle Spalten verteilen lässt.

Google +1 Button in WordPress einfügen

Seit dem 01. Juni 2011 stellt nun auch Google einen Button zum Empfehlen von Websites bereit (ähnlich Facebook Like-Button). Die Verwendung des Buttons in WordPress ist einfach und erfordert nur wenige Schritte. Links zu weiteren Informationen und Konfigurationsmöglichkeiten findet ihr am Ende des Artikels. Und meinen Google +1 Button rechts in der Sidebar. 🙂

1. JavaScript-Snippet in der footer.php einfügen

Am besten fügt man diesen Schnipsel in der footer.php vor dem schließenden body-Tag ein:

2. Button-Tag an gewünschter Stelle einfügen

Den Schnipsel für den Button kann man entweder direkt in einem Artikel (im HTML-Editor!), in ein Widget oder natürlich auch in der single.php einfügen:

Weiterführende Links:

Was ist Google +1?: Google +1 Schaltfläche
Offizielle Beschreibung und Code-Generator: Google +1 für Ihre Website
Weitere Konfigurationsmöglichkeiten: API für die +1 Schaltfläche