WordPress: Vorschaubilder aktivieren

von

Ich möchte hier kurz skizzieren, wie man Vorschaubilder-Unterstützung in WordPress-Themes einbaut.

Bevor man Thumbnails verwenden kann, muss zuerst ihre Unterstützung in functions.php durch folgenden Code aktiviert werden werden.

// schauen ob WordPress diese Funktion unterstützt ( ab WordPress 2.9 )
if (function_exists('add_theme_support'))
    add_theme_support('post-thumbnails', array('post')); // für Beiträge

Ist das erledigt, so erscheint in der Beitragseditieransicht ein „Featured Image“-Bereich. Hier kann ein Vorschaubild festgelegt werden.
featured image

Danach muss nur noch die Abbildung auf den Bildschirm gebracht werden. Dazu wird abgefragt ob der Beitrag eine Vorschaugrafik besitzt. Falls dies der Fall ist, so wird das Vorschaubild durch die Funktion the_post_thumbnail ausgegeben. 

if ( has_post_thumbnail() )     
         the_post_thumbnail(array(150, 150), array('class' => 'post_thumbnail'));

In diesem Beispiel wird die Darstellung des Vorschaubilds durch die CSS-Klasse „post_thumbnail“ angepasst. Diese könnte beispielsweise wie folgt aussehen:

.post_thumbnail
{
    float:left;
    clear: left;
    margin-right: 1em;
    margin-bottom: 1em;
    border: 1px solid #bbdddd;
}

Mit diesen wenigen Zeile Code bekommt man ganz brauchbares Ergebnis:

Vorschaubilder Beispiel

Weitere Informationen findet man in WordPress Codex.

4 Gedanken zu „WordPress: Vorschaubilder aktivieren“

  3. Erstens sieht es schick aus, zweitens sind Bilder für die meisten Menschen ansprechender als Text. Man kann also durch eine hübsche Vorschaugrafik den Leser dazu verleiten den entsprechenden Artikel anzuschauen ;)

Schreibe einen Kommentar