Wie ihr vielleicht schon gesehen habt, gibt es auf meinem Blog seit kurzem auch diese kleinen Beitrags-Miniaturbilder (engl. Post Thumbnails) auf der Startseite. Ich hatte mich die ganze Zeit nicht wirklich mit diesem Thema beschäftigt, da ich davon ausging, dass diese Funktion themenbezogen ist. Nach einigem Suchen wurde ich aber fündig und konnte es auch bei meinem jetzigen Theme einbauen.
Und zwar muss man dazu zuerst einmal folgende Funktion in der functions.php einfügen:
if (function_exists('add_theme_support')) {
add_theme_support('post-thumbnails', array('post'));
set_post_thumbnail_size(150, 90, false);
}
Dies schaltet das zusätzliche Feld “Beitrags-Miniaturbild” in der Artikel-Bearbeitung frei. Nun fehlt aber natürlich noch das eigentliche Einbinden dieser Miniaturbildchen. Dazu knöpfen wir uns die index.php vor - und eventuell noch die archive.php und search.php, je nachdem, wo überall die Thumbnails angezeigt werden sollen. Ich habe mich nur für die index.php und die archive.php entschieden, da dort ein Artikelauszug angezeigt wird und bei der Suche nur der Titel eines Artikels.
Dort fügen wir an der gewünschten Stelle folgendes ein:
<?php
if ( has_post_thumbnail() )
the_post_thumbnail(array(100,100), array('class' => 'alignleft', 'alt' => '', 'title' => ''));
else
echo '<img class="alignleft" src="http://.../default-image.png" width="100" height="100" alt="" title="" />';
?>
Hierbei steht “array (100,100)” für die Größe des Thumbnails und ”array(‘class’ => ‘alignleft’” für die linksbündige Anordnung innerhalb des Textflusses. Das “‘title’ => ” ” danach sorgt dafür, dass beim Drüberzeigen der Maus kein Titel angezeigt wird.
Zusätzlich habe ich es noch so eingestellt, dass ein Standardbild angezeigt wird, falls ich kein Miniaturbild ausgewählt habe. Dafür steht der Text ab “else”.
Der Mac hat zudem getüftelt und herausgefunden, wie man die Bilder im Wechsel auf der linken und rechten Seite anzeigt. Habe das auch mal überlegt zu übernehmen, aber dann doch wieder verworfen. Dafür ist meine Artikelvorschau zu kurz und das Bildchen zu klein. Das sieht einfach nicht so gut aus. Also lasse ich sie alle schön auf der linken Seite.
Ich wünsche euch viel Spaß beim Ausprobieren und schonmal wunderschöne Ostern.

Herzlich Willkommen! Hier bloggt 




#1 von Eichental am 03.04.2010 - 15:14:26
Ich finde auch, daß ein kleines Bildchen den Beitrag etwas auflockert. Ich setze zu meinen Beiträgen meist sogar ein etwas größeres Bild(-chen). Was aber bitte ist auf dem Bild zum Beitrag “Die Liebe” vom 28. März 2010 zu sehen?
#2 von derUltes am 03.04.2010 - 16:58:17
Ich hab’s mal ausprobiert, geht bei mir jetzt auch. Find ich gut, werde ich jetzt öfter mal machen!
#3 von Yuki_Keylin am 03.04.2010 - 17:18:34
@ Eichental: Ich hab es auch erst größer ausprobiert, aber weil der Textauszug recht klein ist (und ich ihn auch nicht länger haben möchte) sah das ganze dann etwas komisch aus. Deswegen hab ich mich für 100 x 100 Pixel entschieden.
Das Rote ist eine Glaskugel und das Miniaturbild ist ein ganz kleiner Ausschnitt einer Nahaufnahme davon. Ich wollte nicht so ein kitschiges Herzchen oder irgendwas nehmen. Mir gefällt die Farbe gut.
@ derUltes: Sehr gut. Ich stell dir noch einen etwas größeren Abstand zum Text ein, damit es nicht so gequetscht aussieht. Dann ist es perfekt.
Du hast dir übrigens den 3000. Kommentar ergattert. Glückwunsch! *kiss*
(Wenn man mal einmal nicht hinguckt…)
#4 von derUltes am 03.04.2010 - 17:29:24
@Yuki_Keylin: Mach das mal! Sieht momentan ein wenig “reingeklatscht” aus…
Was hab ich denn jetzt eigentlich gewonnen?
#5 von Yuki_Keylin am 03.04.2010 - 18:40:09
Wer sagt, dass es was zu gewinnen gab? Du hast doch schon mich! *heart*
#6 von Mac am 07.04.2010 - 22:20:37
Wann bekomme ich meine KRONE, für diesen geilen TIP
#7 von Yuki_Keylin am 07.04.2010 - 22:22:59
@Mac: Samstag!
#8 von Ronny am 15.04.2010 - 11:33:15
Hey,
genau das habe ich gesucht, da ja WP2.9 automatisch Miniaturbilder unterstützt, aber das Theme, welches ich einsetze, damit nicht umgehen konnte.
Problem gelöst… danke dir.
lg
Ronny
#9 von Yuki_Keylin am 16.04.2010 - 18:10:57
Nichts zu danken. Freut mich, dass ich helfen konnte. *ok*
#10 von Soeren am 28.04.2010 - 08:35:35
Hi,
gerade durch Zufall über deinen Tipp gestolpert. Find ich super.
Muss ich dann für die alten Artikel überall noch ein “Post Thumbnail” einfügen oder ist das keine Pflicht?
Und was passiert, wenn ich kein Thumbnail einbinde?
Danke schon mal für die Antwort
#11 von Yuki_Keylin am 28.04.2010 - 21:55:42
Hallo Soeren,
ne, das ist natürlich keine Pflicht. Wenn kein Bild eingebunden ist, wird einfach keins angezeigt.
Wenn du es einheitlich magst, könntest du aber auch ein Standardbild festlegen (Bloglogo etc.), welches dann stattdessen angezeigt wird. So hab ich das bei mir gemacht (Code oben ab “else”). Dieses Bild wird dann bei allen Artikeln angezeigt, bei denen du nicht extra ein Miniaturbild auswählst – auch bei den alten, bereits existierenden Beiträgen.
#12 von Soeren am 29.04.2010 - 11:33:32
Super, danke für die Info. Ist halt für die alten Einträge sonst sehr mühselig
*yeah*
#13 von Yuki_Keylin am 29.04.2010 - 13:20:30
@Soeren: Ne klar, das wär mir auch zu viel Arbeit. Bei ein, zwei meiner Blogprojekte hab ich bei den älteren das gleiche Bild eingefügt, aber das waren in der Summe nicht so viele Artikel.