WordPress: Beitragsbild im Theme anzeigen
In diesem kleinen Artikel möchte ich kurz erklären wie man in der WordPress-Blog ein Vorschaubild im Contentbereich anzeigen lassen kann. Das Vorschaubild, oder auch Thumbnail genannt, kann sowohl auf den Übersichtsseiten, als auch auf der eigentlichen Artikelseite erscheinen. Das ist jedem selbst überlassen.
In den neuen Themes von WordPress wird die Funktion the_post_thumbnail() bereits lange berücksichtigt. In älteren Themes jedoch nicht.
Beim Erstellen eines neuen Beitrags erscheint seit der WordPress-Version 2.9.0 im Adminbereich in rechten Sidebar standardmäßig die Box mit der Überschrift Beitragsbild sowie ein Link Beitragsbild festlegen. Sollte dies nicht der Fall sein, so muss die Unterstützung von Bildern im Theme aktiviert werden. Das kann mit folgendem Befehl in der functions.php des Themes erledigt werden:
|
1 |
add_theme_support('post-thumbnails'); |
Anschließend kann man im Template single.php (je nach Aufbau des Themes andere Datei möglich) an die gewünschte Stelle das Thumbnail ausgeben lassen. Zum Beispiel vor dem Content:
|
1 2 3 4 |
if(has_post_thumbnail()) { the_post_thumbnail(); } the_content(); |
Die Funktion hat natürlich ein paar mögliche Parameter, die man zur individuellen Gestaltung nutzen kann. Mit dem ersten Parameter kann die Größe des Bildes festgelegt werden. Hier gibt es verschiedene Möglichkeiten:
|
1 2 3 4 5 6 7 8 |
the_post_thumbnail(); // ohne Angabe der Größe the_post_thumbnail('thumbnail'); // Standard-Thumbnail (max. 150 x 150 Pixel) the_post_thumbnail('medium'); // mittelere Größe (max. 300 x 300 Pixel) the_post_thumbnail('large'); // große Version (max. 640 x 640 Pixel) the_post_thumbnail('full'); // volle Bildgröße the_post_thumbnail(array(100,100)); // individuelle Abmessungen |
Mit dem zweiten Parameter können HTML-Attribute wie alt, class, usw. ausgegeben werden. Beispielsweise in dieser Form:
|
1 2 3 4 |
the_post_thumbnail( array(100,100), array('style' => 'border: 1px solid #000;') ); |
Um das Bild wird im oberen Beispiel ein Rahmen gezeichnet.
Bei Fragen kann gerne die Kommentarfunktion genutzt werden. 😉
Danke für den Tipp! Hat mir sehr geholfen.
Was kann man denn machen wenn man zwar das Beitragsbild hochladen kann, es aber nicht angezeigt wird? Hast du hierfür einen Rat?
Im Theme prüfen, ob das Beitragsbild tatsächlich angezeigt wird.
Hallo Taiber Roger,
Überprüfe mal das Dateiformat und die Größe des Bildes.
Gruß
Peter
Hallo Peter,
ich bin schon seit über zwei Stunden nach einer Problemlösung, doch ich werde einfach nicht fündig. Meine letzte Hoffnung ruht nun auf dich: Ich möchte bei meinen Beiträgen das Beitragsbild nur auf der Kategorienseite anzeigen lassen, jedoch nicht im Beitrag selbst. Hast du da einen Tipp, wie ich am besten vorgehe?
Der Hintergrund ist folgender: Ich habe manche Bilder im Hochformat und wenn ich diese als Beitragsbild nutze, dann werden diese im Beitrag komisch zugeschnitten dargestellt. Daher füge ich diese lieber über „Dateien hinzufügen“ im Editor ein. Wenn ich das so mache und kein Beitragsbild habe, dann wird mir in der Kategorienseite gar kein Bild angezeigt und das finde ich doof.
Ich hoffe, du verstehst, was ich meine.
Vielen Dank im Voraus für deine Hilfe und viele Grüße
Isabelle
Hallo Isabelle, du könntest es mal mit the_post_thumbnail(‚full‘) im entsprechenden Kategorie-Template versuchen. Mit dem Parameter „full“ sollte das Bild in der Originalgröße angezeigt werden. Dann kannst du weiterhin das Beitragsbild dazu nutzen, also hier weiterhin dein Bild hinterlegen, statt immer manuell über „Dateien hinzufügen.“
Hallo Peter,
hast du einen Tipp, wie ich das Beitragsbild wenn ich schon auf der Seite oder im Beitrag bin im Sidebar anzeigen lassen kann, unter den anderen sachen? Sidebars sind ja eigentlich für jede Seite gleich, sofern man es nicht anders einstellt. Ich würde aber eben gerne haben, dass jede Seite dann ein individuelles Bild in der Sidebar hat.
Wäre super, wenn Du darauf ne Antwort hast.
Vielen Dank und liebe Grüße,
Gustav
Das müsste dann auch mit the_post_thumbnail im Template funktionieren.
Hallo Peter,
ich möchte meine Beitragsbilder nur in der Vorschau anzeigen lassen. Im Artikel selbst soll das Beitragsbild nicht angezeigt werden. Da ich momentan sowohl ein Beitragsbild als auch ein Bild direkt im Text eingefügt habe, werden mir auf der Beitragsseite nun beide Bilder angezeigt.
Gibt es eine Möglichkeit das Vorschaubild im Beitrag auszublenden?
Vielen Dank schonmal im Voraus!
Hallo!
mir wird das „Beitragsbild bearbeiten“ kästchen im beitragsbearbeitungsmodus nicht angezeigt, obwohl ich den code ins functions.php eingebaut habe..:/
Hast du Ideen woran das liegen kann?
LG Celine
@Celine
Welche Zeilen hast du denn eingebaut?