Beitragsbilder verstehen und richtig einsetzen – 5. Nützliche Plugins

Zum Abschluss dieser kleinen Artikelserie über Beitragsbilder habe ich eine kleine Auswahl von nützlichen Plugins zusammengestellt, die die Arbeit mit Beitragsbildern leichter machen.

Add Featured Image to RSS Feed

Leider werden Beitragsbilder nicht automatisch mit übergeben, wenn der RSS-Feed der Seite erzeugt wird. Das ist ein bisschen lästig, denn dadurch verliert die Darstellung des Feeds deutlich an Attraktivität.
Das Plugin Add Featured Images to RSS Feed schließt diese Lücke und sorgt dafür, dass das Beitragsbild zum Artikel auch im RSS-Feed erscheint. Das Plugin wählt dafür die größe Bildformat (large).

Im WordPress-Plugin-Verzeichnis erscheint übrigens eine Warnung, dass das Plugin schon seit zwei Jahren nicht aktualisiert wurde. Normalerweise sollte man an dieser Stelle vorsichtig sein und lieber ein anderes Plugin suchen. Aber die Funktion, die das Plugin abdeckt, ist so einfach, dass sie seit Jahren gleich geblieben ist. Es gibt also schlichtweg keinen Anlass, das Plugin zu überarbeiten.
Weiterlesen Beitragsbilder verstehen und richtig einsetzen – 5. Nützliche Plugins

Beitragsbilder verstehen und richtig einsetzen – 4. Tipps & Tricks

WordPress kommt mit einem Satz von Standrad-Einstellungen für die Größen von Beitragsbildern. Das kleinste Bild ist 150×150 Pixel, die mittlere Größe liegt bei 300×300 Pixeln und die großen Bilder bei 1024×1024 Pixeln. Diese Größen kann man selbstverständlich ändern.

In einer frischen WordPress-Installation hat die kleinste Bildgröße ein quadratisches Format. Man kann dieses Seitenverhältnis selbstverständlich nachträglich verändern. Wobei das Quadrat Vorteile hat, weil quadratische Bilder in vielen Layouts leicht zu handhaben sind.
Aber was tun bei Bildern, die asymmetrisch aufgebaut sind? Das quadratische Vorschaubild sieht dann womöglich etwas merkwürdig aus, weil wichtige Teile vom Bild abgeschnitten werden.

WordPress bringt eine Möglichkeit mit, mit der Du selbst den Ausschnitt festlegen kannst, der als Vorschaubild genutzt werden soll. Das geht mit Bordmitteln, ein zusätzliches Plugin braucht man dafür nicht (s. Bild).

Bild-Ausschnitt für quadratische Vorschaubilder bestimmen

1. Wenn Du in der Mediathek „Bild bearbeiten“ anklickst, kommst Du zu einer Maske, die Dir verschiedene Bearbeitungs-Möglichkeiten anbietet. Wir wollen uns hier auf das Zuschneiden der Vorschaubilder konzentrieren.
2. Zunächst legst Du die Seitenverhältnisse fest, die das Vorschaubild haben soll. Beim quadratischen Bild ist das der Wert 1:1.
3. Dann solltest Du sicherstellen, dass Du auch wirklich nur das Vorschaubild bearbeitest.
4. Jetzt kannst Du beim Bild den Ausschnitt auswählen. Am einfachsten geht das bei gedrückter Shift-Taste – dann wird automatisch das richtige Seitenverhältnis für den Ausschnitt festgelegt. Mit der Maus kannst Du den markierten Ausschnitt anschließend noch verschieben.
5. Dann Schritt 4 nicht vergessen: „Ausschneiden“. Dazu auf das kleine Ausschneiden-Symbol klicken.
6. Dass es geklappt hat, sieht man daran, dass nun unter “Vorschaubild-Einstellungen” das neue Vorschaubild angezeigt wird.
Weiterlesen Beitragsbilder verstehen und richtig einsetzen – 4. Tipps & Tricks

Beitragsbilder verstehen und richtig einsetzen – 3. Beitragsbilder als Kriterium für die Auswahl des Themes

Die meisten WordPress-Themes – insbesondere attraktiv gestaltete Premium-Themes – arbeiten intensiv mit Beitragsbildern. Themes im Magazin-Stil oder mit schicken Portfolio-Ansichten setzen ihre Layouts über die Beitragsbild-Funktion um.

Wer mit einem solchen Theme arbeiten möchte, braucht richtig viel und vor allem hochwertiges Bildmaterial. Umgekehrt wird aber auch ein Schuh draus: Wer wenig Bildmaterial hat, wird mit einem Magazin-Theme wahrscheinlich nicht glücklich. Das Layout funktioniert zwar nach wie vor, aber ohne Beitragsbilder bekommt die Seite ein vollkommen anderes Gesicht.

Viele Layouts funktionieren ohne Beitragsbilder nicht mehr gut

Wenn es also darum geht, sich auf ein Theme festzulegen, muss eine der ersten Fragen lauten:

Welche Art von Bildern habe ich?

Relativ selten kommt es vor, dass man auf eine umfangreiche Bibliothek aus Profi-Fotos zurückgreifen kann, die eigens für das Projekt produziert wurden.
Sehr viel häufiger muss man sich mit Stockfotos behelfen. Das kann schnell ins Geld gehen, wenn man sehr viele davon braucht. Abgesehen davon, dass solche Bilder selten 100%ig zum Inhalt passen und immer ein bisschen künstlich wirken.
In der Regel muss man mit einer Mischung aus Stockfotos und selbst gemachten Fotos zurechtkommen. Wobei letztere häufig nur von mittlerer Qualität sind – als Beitragsbild eigenen sich diese Bilder daher nicht immer.
Weiterlesen Beitragsbilder verstehen und richtig einsetzen – 3. Beitragsbilder als Kriterium für die Auswahl des Themes

Beitragsbilder verstehen und richtig einsetzen – 2. Beitragbilder anpassen

Die Maße für die Bildgrößen stellt man im Dashboard unter Einstellungen/Mediathek ein. Diese Bildgrößen beziehen sich auf alle Bilder, die zu WordPress hochgeladen werden. Auch auf die Beitragsbilder.

Unter Umständen kann es aber sein, dass sich die Darstellung der Bilder im Layout gar nicht verändert, nachdem Du unter Einstellungen/Mediathek die Bildformate bearbeitet hast.
Die Ursache dafür ist im Theme-Code zu suchen. Themes, die komplexe Layouts mit Beitragsbildern bauen, arbeiten in der Regel nicht mit diesen Standardgrößen. Die Themes bringen eigene, zusätzliche Bildgrößen mit, die in der functions.php des Themes festgelegt sind.
Größen-Varianten über die functions.php hinzufügen
Zusätzliche Bildformate für Beitragsbilder werden in der functions.php mit der Funktion add_image_size() hinzugefügt.

 // additional image sizes
 add_image_size( 'category-thumb', 300, 200 ); //300 Pixel breit, 200px hoch
 }

Quelle: Codex
Die Bildformate, die über add_image_size() festgelegt werden, beziehen sich nur auf die Beitragsbilder. Das heißt, wenn Du einen Artikel schreibst und über den Button “Dateien hinzufügen” im Editor ein Bild platzierst, werden weiterhin nur die drei Standard-Größen angeboten, die Du unter Einstellungen/Mediathek angegeben hast. Von den zusätzlichen Bildformaten in der functions.php merkst Du hier nichts. Diese Größen finden ausschließlich in den Theme-Templates Verwendung.
Weiterlesen Beitragsbilder verstehen und richtig einsetzen – 2. Beitragbilder anpassen

Beitragsbilder verstehen und richtig einsetzen – 1. Was ist ein Beitragsbild

Für viele WordPress-Einsteiger ist das Prinzip der Beitragsbilder (englisch Featured Images oder Post Thumbnail) etwas schwer verständlich. Das Konzept ist tatsächlich ein bisschen abstrakt.
In dieser kleinen Artikelserie soll es darum gehen, wie Beitragsbilder in einem WordPress-Theme funktionieren und was man so alles damit machen kann.

Was ist ein Beitragsbild?

Ein Beitragsbild ist ein Bild, das man einem Beitrag (post) oder einer Seite (page) fest zuordnen kann. WordPress weiß dann, dass dieses bestimmte Bild mit dem Text verknüpft ist.
Das Besondere dabei: Das Bild wird nicht wie gewohnt in den Text eingebaut und dort deutlich sichtbar angezeigt. Sondern es wird quasi im Hintergrund gespeichert – man sieht es zunächst nur, wenn man weiß, wo man hingucken muss.

Ist ein Beitragsbild ausgewählt, sitzt es als kleines Thumbnail-Bild in einer Box rechts neben dem Texteditor.

Ein Beitragsbild festlegen

Um ein Bild mit einem Beitrag zu verknüpfen, klickt man in der Metabox “Beitragsbild” rechts unten neben dem Editor auf den Link “Beitragsbild festlegen” (s. Screenshot).
Weiterlesen Beitragsbilder verstehen und richtig einsetzen – 1. Was ist ein Beitragsbild