Bilder? Warum habe ich das nicht früher erwähnt? Ja, Bilder gehören auf eine moderne Website, genau so wie alles andere. Im Rahmen des Aufbaus und der Struktur einer modernen WordPress-Website sind sie jedoch mehr oder weniger nur ein Element wie jedes andere auch.
Da ich die Dinge nun mal der Reihe nach abhandle, hat es eben ein Bisschen gedauert, bis wir nun bei den Bildern angelangt sind. Im vorangegangenen fünfzehnten Teil dieser Beitragsreihe habe ich Ihnen gezeigt, was Sie zum Thema WordPress-Widgets wissen müssen.
Nun begrüße ich Sie herzlich zum sechzehnten Teil meiner Beitrags-Reihe, in der ich eine komplette Website-Erstellung von Anfang bis Ende beschreibe. Hier geht es nun endlich und tatsächlich um Bilder in WordPress. Dieses Thema ist wichtig, weil wir Menschen nun mal sehr visuelle Wesen sind. Warum kommt es dann erst so spät in dieser Reihe vor?
Die Rolle von Bildern in WordPress
Bilder spielen vom organisatorischen Standpunkt einer Website aus die Rolle von Inhalten. Das gilt nicht nur für WordPress, sondern generell. In WordPress sind Bilder jedoch auch für sich aufrufbar. Jedes Bild hat eine eigene URL und außerdem eine eigene sogenannte Anhangseite.
Im sechsten Teil dieser Reihe zum Thema WordPress Grundeinstellungen habe ich schon erwähnt, dass man dort bezüglich der Medien-Voreinstellungen nichts weiter tun muss. Alles ist gut voreingestellt, wie es ist. Die Medien werden daher als Uploads (wie das Hochladen genau funktioniert erkläre ich gleich noch) in Jahres- und Monats-Ordnern organisiert, das ist der de-facto Standard.
Wo werden Bilder in WordPress gespeichert?
Der Standard-Speicherort für Medien (dazu gehören hauptsächlich Bilder, aber auch andere Dateien wie etwaige Videos oder pdfs) ist der Ordner /wp-content/uploads/ mit den Unterordnern /yyyy/mm/. Es gibt zwar WordPress-Plugins, über die man eine eigene und komplett beeinflussbare Ordnerstruktur anlegen kann, davon rate ich jedoch ab.
Eine bessere Möglichkeit ist die Verwendung von Kategorien für Medien-Dateien (also auch Bilder), dazu weiter unten noch ein konkretes Beispiel. Warum sind Kategorien besser als Ordner? Weil z.B. ein Bild zu mehreren Kategorien gehören kann, aber in nur einem Ordner liegt. Hier geht es also um eines meiner Lieblingsthemen: Flexibilität.
Noch ein Nachteil der Ordnerstruktur: Wenn man diese auf einer Website einführt, auf der es bereits einige Bilder gibt, muss man die geänderten Pfade zu allen bereits platzierten Bildern ändern. Bei der Einführung von Kategorien gibt es dieses Problem nicht.
Die Medienübersicht bzw. Mediathek
Die Mediathek (früher auf Deutsch Medienübersicht, auf Englisch Media Library) ist das zentrale Werkzeug beim Umgang mit Bildern in WordPress. Dort kann man Bilder hochladen, bearbeiten, löschen, mit Metadaten versehen und organisieren.
Man findet die Mediathek über das Seitenmenü im WordPress-Dashboard unter dem Menüpunkt Medien. Dort gibt es den Unterpunkt Mediathek (in älteren WordPress-Versionen hieß er Medienübersicht), aber auch der direkte Klick auf Medien führt dorthin.
Die Mediathek öffnet sich im Standard-Übersichtsmodus mit quadratischen Kacheln, in denen Vorschaubilder für die Medien nebeneinander und untereinander angezeigt werden, ungefähr so:
Als zweite Möglichkeit hat man die Listenansicht zur Verfügung:
Das Wechseln zwischen diesen beiden Ansichten besorgen zwei kleine Buttons ganz links oben an der Übersicht, Listenansicht und Rasteransicht. Der Liste-Button ist im Beispiel-Screenshot hier orange gefärbt.
Wie kann ich ein Bild in WordPress hochladen?
Ein Bild kann in WordPress hochgeladen werden, indem man nach dem Auslösen des Hochladens, das an verschiedenen Stellen gestartet werden kann, im erscheinenden Bildschirm auf die Registerkarte Dateien hochladen klickt. Dort kann die hochzuladende Bilddatei entweder per Upload-Formular-Feld ausgewählt oder direkt auf das Fenster gezogen werden.
Jetzt das Ganze nochmal ganz langsam und Schritt für Schritt:
- Zuerst löst man das Auswählen eines Bildes an irgendeiner der möglichen Stellen in WordPress aus. Welche Stellen das sein können, dazu gleich noch mehr.
- Dadurch erscheint ein Bildschirm vor dem aktuellen Arbeitsbereich, der in etwa so aussieht:
- In der linken Spalte gibt es mehrere Möglichkeiten, von denen normalerweise diejenige Möglichkeit ausgewählt ist, von der aus der Bild-Hochlade-Vorgang gestartet wurde. In unserem Beispiel-Screenshot ist das Medien hinzufügen.
- In der Ansicht im Screenshot klickt man zum Hochladen eines neuen Bildes auf die Registerkarte Dateien hochladen. Dadurch öffnet sich folgende Ansicht:
- Hier kann man entweder die hochzuladende Datei direkt von einem anderen Fenster im Betriebssystem über diesen Bereich des Browserfensters ziehen. Dadurch färbt sich der Bereich blau ein und man kann die linke Maustaste wieder loslassen. Das Hochladen startet direkt danach automatisch.
- Oder man klickt den Button Dateien auswählen, wählt die hochzuladende(n) Datei(en) aus und bestätigt die Auswahl mit Ok, Öffnen, oder wie auch immer der Bestätigung-Button des Datei-Auswahl-Fensters heißt. Auch hier beginnt das Hochladen direkt darauf automatisch.
Damit ist das Hochladen beendet und die ursprünglich begonnene Aktion kann damit fertiggestellt werden. Z.B. kann man in unserem Beispiel das frisch hochgeladene Bild durch einen Klick auf den Button In den Beitrag einfügen an jener Stelle in den aktuell bearbeiteten Beitrag einfügen, an der sich gerade der Cursor befindet.
An welchen Stellen kann ich das Bild-Hochladen in WordPress starten?
Die häufigsten Stellen für das Bild-Hochladen in WordPress sind beim Schreiben eines Beitrags und direkt in der Mediathek. Das Bild-Hochladen in WordPress kann aber praktisch an allen Stellen gestartet werden, an denen man ein Bild zu irgendeinem Zweck nutzen möchte.
Im Folgenden liste ich die wichtigsten Fälle und Beispiele auf, die beim Erstellen und Bearbeiten einer WordPress-Website vorkommen:
- Beim Schreiben im alten WordPress-Editor, dem Classic Editor, der auf TinyMCE basiert, durch einen Klick links oben auf den Button Medien hinzufügen. Das Bild wird an jener Stelle eingefügt, an der sich gerade der Cursor befindet.
- In der Mediathek durch einen Klick auf den Button links oben Mediendatei hinzufügen.
- An einer beliebigen Stelle im WordPress-Dashboard durch einen Klick auf den Unterpunkt Mediendatei hinzufügen des Menüpunkts Medien im linken Seitenmenü.
- An einer beliebigen Stelle im WordPress-Dashboard durch einen Klick auf den Unterpunkt Medien des Menüpunkts + Neu im oberen Hauptmenü.
- In der rechten Spalte mit den Eigenschaften einer Seite oder eines Beitrags in der Box Beitragsbild durch Klicken des Links Beitragsbild festlegen.
- Beim Schreiben im neuen WordPress-Block Editor (früher Gutenberg genannt) durch Hinzufügen eines Bild-Blocks. Diesen Vorgang beschreibe ich im nächsten Abschnitt gleich ganz genau.
Wie kann ich in WordPress ein Bild beim Schreiben im Block-Editor hochladen?
Um beim Schreiben im neuen Block-Editor (Gutenberg) ein Bild hochzuladen, muss man zunächst über das kleine Plus-Symbol links oben einen Bild-Block hinzufügen. Dann kann man im Block das Bild über den Button Hochladen auswählen oder direkt auf den Block-Bereich ziehen.
Der Plus-Button (der Block-Inserter) öffnet eine Übersicht aller Blöcke: oben ein Suchfeld, darunter die Blöcke nach Kategorien geordnet, ganz oben Meistgenutzt. Den Block Bild finden Sie in der Kategorie Medien, schneller über das Suchfeld oder indem Sie in einen leeren Absatz /bild tippen und die Eingabetaste drücken.
Im neuen Bild-Block wählen Sie dann Hochladen, Mediathek (für ein Bild, das schon in WordPress liegt) oder Von URL einfügen. Am schnellsten geht es übrigens ohne Plus: Ziehen Sie die Bilddatei vom Computer direkt in den Editor, dann entsteht der Bild-Block von selbst.
Wie kann ich ein Bild in WordPress in einen Artikel einbauen?
Das Hinzufügen eines Bildes beim Schreiben eines Artikels in WordPress funktioniert im neuen Block-Editor über das Hinzufügen eines Bild-Blocks. Im Classic-Editor klickt man dazu auf den Button Medien hinzufügen.
Wie man ein Bild in einen Artikel einbaut, der im neuen Block-Editor geschrieben wird, habe ich bereits im vorigen Abschnitt dieses Artikels genau beschrieben. Eine Sache fehlt dabei allerdings noch, nämlich die Positionierung des Bildes über den neuen Block.
Wenn ein neuer Block im Block-Editor über den Plus-Button links oben eingefügt wird, dann erscheint er im Beitrag direkt nach dem derzeit ausgewählten Block. Den momentan ausgewählten Block erkennt man daran, dass über ihm seine Werkzeugleiste mit Symbolen erscheint, die zum Block-Typ passen.
Man kann einen neuen Block aber auch direkt über oder unter dem derzeit ausgewählten Block einfügen, indem man in der Werkzeugleiste des ausgewählten Blocks auf die drei senkrecht übereinander angeordneten Punkte ganz rechts (Optionen) klickt und dann aus dem erscheinenden Menü einen der Punkte Davor hinzufügen oder Danach hinzufügen auswählt.
So kann man ein Bild im Block-Editor beliebig platzieren.
Im Classic Editor funktioniert die Position des Bildes folgendermaßen: Bevor man den Button Dateien hinzufügen klickt, positioniert man den Cursor im Text an jener Stelle, an der das Bild eingefügt werden soll.
Wie kann ich Textfluss und horizontale Position eines Bildes in WordPress einstellen oder ändern?
Textfluss und horizontale Position eines Bildes können in WordPress durch einen Klick auf das Bild (im Classic Editor) bzw. durch Auswählen des Bildblocks (im Block-Editor) eingestellt oder geändert werden, indem man eins der dann erscheinenden Symbole für Ausrichtung und Textfluss anklickt.
Die Möglichkeiten sind links bzw. rechts am Rand mit Textfluss um das Bild herum bzw. zentriert ohne, dass Text an einer Seite des Bildes steht. Im hier gezeigten Beispiel-Screenshot aus dem Classic Editor ist zentriert ausgewählt.
Im Block-Editor finden Sie die Ausrichtung in der Werkzeugleiste des Bild-Blocks unter Ausrichten: Keine, Linksbündig, Zentrieren, Rechtsbündig und, wenn das Theme es unterstützt, Erweiterte Breite und Volle Breite. Linksbündig und rechtsbündig ausgerichtet fließt der folgende Text um das Bild herum, genau wie im Classic Editor. Sollen Bild und Text dagegen sauber nebeneinander stehen und auf dem Smartphone untereinander rutschen, ist der Block Medien und Text die bessere Wahl; dort wechseln Sie mit Medien rechts anzeigen die Seite des Bildes.
Wie kann ich ein Bild in WordPress löschen?
Um ein Bild in WordPress wieder zu löschen, sucht man es in der Mediathek und klickt darauf, um die Detailansicht zu öffnen. Dort klickt man ganz rechts unten auf den roten Link Endgültig löschen. Achtung: Einen Papierkorb für Bilder gibt es in WordPress standardmäßig nicht!
Sollte man dort einmal aus Versehen draufklicken, trotzdem keine Panik, denn es gibt noch eine Warnungsmeldung des Browsers:
Hier kann man entweder das Löschen bestätigen oder abbrechen.
Apropos Papierkorb: Dass es einen Papierkorb für Bilder in WordPress nicht gibt, wissen Sie jetzt. Aber wissen Sie auch, wie der Papierkorb für andere Inhaltstypen (Beiträge, Seiten, etc.) in WordPress genau funktioniert? Z.B.: Werden Elemente im Papierkorb eigentlich irgendwann automatisch endgültig gelöscht und wenn ja wann? Die Antworten darauf und auf viele andere Fragen rund um den WordPress-Papierkorb finden Sie in meinem Artikel Der WordPress Papierkorb: Alles was Sie wissen müssen.
Welche Eigenschaften und Attribute hat ein Bild in WordPress?
Ein Bild in WordPress hat einen Dateinamen, einen Titel sowie die Abmessungen in Pixel der tatsächlichen Auflösung. Weiters hat es noch eine Beschriftung, einen Alternativtext und eine Beschreibung. Die dort eingetragenen Inhalte werden von WordPress automatisch für eingefügte Bilder verwendet.
Besonders wichtig ist der Alternativtext: WordPress übernimmt ihn beim Einfügen als alt-Attribut in den HTML-Code der Seite. Den Titel dagegen schreibt WordPress schon lange nicht mehr in den Bild-Code; er dient vor allem Ihnen zur Orientierung in der Mediathek. Die Beschriftung wird als Voreinstellung für die Bildunterschrift des eingefügten Bildes verwendet.
Laut Google ist der Alternativtext das wichtigste Attribut eines Bildes, für die Bildersuche ebenso wie für Menschen, die Bilder nicht sehen können. Man sollte sich also bemühen, dort etwas Sinnvolles einzutragen. Ein rein dekoratives Bild können Sie im Bild-Block mit Als dekorativ markieren kennzeichnen; dann bleibt der Alternativtext bewusst leer.
Was bedeutet bei einem Bild in WordPress Hochgeladen zu bzw. Trennen?
Die Eigenschaft Hochgeladen zu eines Bildes in der WordPress-Mediathek bezieht sich darauf, dass das Bild mit einem Beitrag oder einer Seite verknüpft ist, bei dessen oder deren Erstellung es hochgeladen wurde. Diese Bindung kann man auch lösen. Dies geschieht durch einen Klick auf den Link Trennen in der Listenansicht der Mediathek (in älteren Versionen hieß er Loslösen).
Wie verwalte ich Meta-Daten von Bildern in WordPress?
Meta-Daten von Bildern in WordPress verwaltet man entweder direkt beim Hochladen des Bildes oder durch späteres erneutes Aufrufen der Detailansicht eines Bildes. Die Detailansicht eines Bildes (Anhang-Details) öffnet sich durch Anklicken des Bildes in der Mediathek.
Alle Änderungen an den Metadaten eines Bildes werden automatisch gespeichert, es gibt keinen gesonderten Button dafür. Was man wieder rückgängig machen oder löschen möchte, muss man also aktiv rückgängig machen oder löschen.
Die Speicherbestätigung erfolgt jeweils einen Augenblick nachdem die letzte Änderung vorbei ist, am rechten oberen Rand der Bild-Detailansicht durch ein kleines und recht unauffälliges Gespeichert.
Wie erstelle ich eine Bildergalerie in WordPress?
Um eine Bildergalerie statt eines einzelnen Bildes in WordPress einzufügen benutzt man im Block-Editor einen neuen Block vom Typ Galerie. Seit WordPress 5.9 besteht so eine Galerie aus einzelnen Bild-Blöcken; Spalten, Bilder zuschneiden und einpassen und Reihenfolge zufällig festlegen stellen Sie in der Seitenleiste ein. Im Classic-Editor klickt man den Button Medien hinzufügen und wählt anschließend ganz links den Menüpunkt Galerie erstellen aus. Die folgenden Schritte beschreiben diesen klassischen Weg.
Danach kann man aus der Mediathek oder durch direktes Hochladen mehrere Bilder auswählen, die in der Galerie angezeigt werden sollen. Dabei spielt die Reihenfolge noch keine Rolle, es kommt nur darauf an, dass alle Bilder, die in der Galerie erscheinen sollen, mit einem Häkchen versehen sind.
Ist man mit der Auswahl der Bilder zufrieden, klickt man rechts unten im Eck auf den Button Neue Galerie erstellen. Dadurch kommt man zu einer Vorschau der Galerie-Struktur. Dort kann man die Reihenfolge der Bilder innerhalb der Galerie einstellen oder Zufällige Sortierung wählen.
Außerdem kann man für die Galerie die Anzahl der Spalten einstellen und wie, falls überhaupt, die einzelnen Bilder verlinkt sein sollen. Weiters kann man die für die Galerie verwendete Bildgröße einstellen.
Ich persönlich finde als Größe das Vorschaubild bereits gut geeignet und Links setze ich meist auf keine. Wieviele Spalten die Galerie haben soll, hängt vom Einzelfall ab, aber das kann man sich recht gut überlegen und auch ziemlich einfach ausprobieren.
Welche Rolle spielt das Beitragsbild in WordPress?
Ein Beitragsbild kann in WordPress jedem Beitrag und jeder Seite (und auch weiteren Beitragstypen) individuell zugeordnet werden. Jenes Bild, das für einen bestimmten Beitrag als Beitragsbild definiert wurde, wird dann in Blog-Listen der Beiträge als Vorschaubild für diesen Beitrag verwendet.
Das Beitragsbild spielt daher aber auch über die eigene WordPress-Website hinaus eine wichtige Rolle. Wenn man z.B. einen Beitrag einer WordPress-Website in Sozialen Medien teilt, kann das Beitragsbild des Beitrags auch im jeweiligen Post in den Sozialen Medien automatisch als Vorschaubild über den Link zum Beitrag identifiziert, geholt und verwendet werden.
Daher ist folgendes festzuhalten:
- Zu jedem Beitrag sollte man auch ein Beitragsbild festlegen
- Das Beitragsbild sollte geeignet sein, eventuellen Besuchern der Website das Klicken auf einen Link zu diesem Beitrag schmackhaft zu machen
- Das Beitragsbild sollte nicht zu klein sein, damit es sich für das Teilen in sozialen Netzwerken eignet: Meta (Facebook) empfiehlt mindestens 1200 × 630 Pixel, also ein Querformat von etwa 1,91 : 1; unter 600 × 315 Pixel wird die Vorschau deutlich kleiner.
- Für die Blog- und Kategorie-Seiten, wo viele Beitragsbilder in einer Liste stehen, ist ein großes Beitragsbild kein Problem: WordPress erzeugt beim Hochladen automatisch kleinere Versionen, und das Theme zeigt in solchen Listen normalerweise eine davon. Unnötig riesig (etwa direkt aus der Kamera) sollte die Datei trotzdem nicht sein.
- Bei Seiten spielen Beitragsbilder nicht so eine zentrale Rolle, außer, man plant, auch die Seiten so wie Beiträge zu teilen und über Links mit Vorschau auf diversen Plattformen zu posten.
Am besten, man sieht sich die Beitragsbilder auf ein paar professionellen Blogs an, die einen guten Eindruck machen, um ein Gefühl dafür zu bekommen, was als Beitragsbild gut funktioniert und was nicht.
Wie kann ich ein Bild im Sidebar oder Footer meiner WordPress-Website einbauen?
Um ein Bild im Sidebar oder Footer einer WordPress-Website einzubauen, setzt man im entsprechenden Widget-Bereich (Design → Widgets) einen Block Bild ein; wer noch die klassischen Widgets verwendet, nimmt das Widget Bild. Bei Block-Themes gibt es keine Widgets mehr, dort bearbeiten Sie Seitenleiste und Footer im Website-Editor (Design → Editor).
Wie das genau geht, habe ich bereits im fünfzehnten Teil dieser Beitragsreihe, WordPress-Widgets, einfach erklärt, im Detail beschrieben. Der Grundsatz hier ist, dass man Widgets an allen Stellen der WordPress-Website einsetzen kann und muss, die als Widget-Bereiche verwaltet werden.
Sidebar und Footer sind zwar die zwei Paradebeispiele für Widget-Bereiche auf einer WordPress-Website, aber es kann sein, dass es noch mehr gibt, je nach Theme und Plugins, die extra Widgets und Widget-Bereiche bereitstellen können.
Die Platzierung von Bildern an verschiedenen Stellen über das WordPress-Theme
Das WordPress-Theme hat im Allgemeinen einige Positionen, die für Bilder vorgesehen und mit Platzhaltern gefüllt sind. Um ein Bild anstelle eines Platzhalter in einem Theme-Layout zu platzieren, kann man meist den Theme-Customizer (im Dashboard Design → Anpassen) oder die Theme-Einstellungen im WordPress-Dashboard verwenden. Bei Block-Themes übernimmt das der Website-Editor (Design → Editor).
Wenn Sie sich jetzt fragen, was genau der Theme-Customizer ist und was er leisten kann, dann sollten Sie unbedingt gleich meinen Artikel Der WordPress Theme Customizer, einfach erklärt lesen! Am besten, Sie klicken gleich auf den Link (der sich in einem neuen Fenster/Tab öffnet) und kehren nach dem lesen dort wieder hierher zurück!
Ein typisches Beispiel für so einen Fall ist das Logo einer Website, das man über den Theme-Customizer einstellen kann. Ebenso gibt es bei einigen Themes ein Header-Bild oder Banner, das man über die Theme-Einstellungen anpassen kann. Auch Teile eines Layouts können über das Theme bestimmt werden.
Am Einfachsten ist es, sich alle Orte und Einstellungen, die es für Bilder im Theme-Customizer gibt, durchzusehen und entsprechende Platzhalter zu ersetzen. Dabei ist es von Vorteil, sich an gegebenenfalls vorhandene Abmessungs-Vorgaben des Themes zu halten, z.B. für ein Titel-Banner-Bild.
Wie kann ich ein Bild in der WordPress-Mediathek bearbeiten?
Ein Bild, das bereits in WordPress hochgeladen wurde, kann in der Mediathek auch direkt bearbeitet werden: In den Anhang-Details klicken Sie auf Bild bearbeiten. Die Möglichkeiten sind auf Zuschneiden, Skalieren, Spiegeln und Drehen beschränkt. WordPress legt dabei eine neue, bearbeitete Datei an; das Original bleibt erhalten und lässt sich mit Originalbild wiederherstellen zurückholen. Im Block-Editor können Sie ein Bild außerdem direkt im Bild-Block über Zuschneiden beschneiden.
Diese Funktionalität sieht zwar auf den ersten Blick hilfreich aus, ist es jedoch nicht wirklich. Ich habe an mehreren Stellen Probleme damit festgestellt oder Nachteile erlebt. Hier ist eine Liste solcher Fälle:
- Besser als ein großes Bild hochzuladen und dann in WordPress zu verkleinern ist es, das Bild bereits vorher zu verkleinern und dann erst hochzuladen. (Sehr große Fotos über 2560 Pixel verkleinert WordPress beim Hochladen zwar inzwischen selbst, die riesige Originaldatei bleibt aber zusätzlich auf dem Server liegen.) Dies verbraucht weniger Bandbreite und hilft auch dabei, die optimierte Dateigröße klein zu halten (siehe die Hinweise gleich im folgenden Abschnitt).
- Generell ist ein Bildbearbeitungsprogramm, wie z.B. das kostenlose GIMP, der einfachen WordPress-Bearbeitungsoberfläche weit überlegen. Noch dazu kann man dort gleich noch andere Dinge am Bild ändern, wie z.B.
- Text über das Bild legen
- Grafische Effekte hinzufügen
- Die Farbkurven (auch vollautomatisch) anpassen
- Einzelne Teile des Bildes überdecken oder entfernen
- Ein bearbeitetes Bild bekommt einen neuen Dateinamen. Ist auf der Website ein Cache aktiv, zeigt eine Seite deshalb so lange noch das alte Bild, bis ihr Cache geleert wird. Das kann sehr störend sein, wenn man die Änderung gleich sehen möchte.
Insgesamt sollte man alle Änderungen am Bild bereits vor dem Hochladen in die WordPress-Mediathek abgeschlossen haben. Die einzige Ausnahme bildet hier die Qualitätsoptimierung, um die es gleich im nächsten Abschnitt geht.
Bilder in WordPress Optimieren
Die Optimierung von Bildern in WordPress ist ein wichtiges Thema. Daher habe ich dazu einige Details etwas ausführlicher in einem eigenen Artikel hier auf WebsiteBerater.com zusammengefasst. Sie finden diesen Artikel unter dem treffenden Titel Wichtig: Bilder in WordPress optimieren (und zwar richtig).
Eines erledigt WordPress dabei von selbst: Aus jedem hochgeladenen Bild erzeugt es mehrere kleinere Versionen (in der Grundeinstellung 150, 300, 768 und 1024 Pixel groß, dazu 1536 und 2048 Pixel), und der Browser lädt automatisch die Größe, die zum Bildschirm passt. Drei dieser Größen stellen Sie unter Einstellungen → Medien bei Bildgrößen ein. Neben JPEG und PNG nimmt WordPress auch die sparsameren Formate WebP und AVIF an.
Plugin-Tipp: Kategorien für Bilder (und andere Dateien) in der Mediathek
Ich habe bereits weiter oben erwähnt, dass es verlockend sein kann, über eine angepasste Ordnerstruktur für die Medien in WordPress nachzudenken. Besser ist jedoch die Verwendung von Kategorien für Bilder und andere Medien-Dateien, die in der Mediathek gesammelt aufgelistet werden.
Der Hauptgrund dafür ist, dass eine Kategorisierung der Bilder zunächst einmal alles leistet, was ein Dateisystem über zusätzliche oder anders benannte Ordner könnte. Darüber hinaus ist die Verwendung von Kategorien für Bilder jedoch wesentlich mächtiger.
Ein Grund in diesem Zusammenhang ist, dass ein Bild mehreren Kategorien zugeordnet werden kann (und nicht nur einer, so wie das bei einem Datei-Ordner der Fall wäre). Dadurch kann man die Mediathek effizienter organisieren. Das Filtern kann dann das Suchen nach einzelnen oder bestimmten Medien-Dateien sehr einfach und schnell machen.
Umsetzen lässt sich diese Art von Organisation mit einem Plugin, das der Mediathek Kategorien hinzufügt; davon gibt es im WordPress-Plugin-Verzeichnis mehrere. Achten Sie bei der Auswahl darauf, dass das Plugin noch gepflegt wird und mit Ihrer WordPress-Version getestet ist. Worauf es sonst noch ankommt, steht in meinen Auswahlkriterien für WordPress-Plugins.
Solche Plugins legen Kategorien in der gleichen Weise für Medien an, wie es sie auch bereits für Beiträge gibt. Die Kategorien tauchen dann im WordPress-Dashboard im Seitenmenü unter dem Menüpunkt Medien auf und sind dort direkt zu verwalten.
Man kann sie anlegen, verändern und löschen. Außerdem gibt es die Möglichkeit, auch für die Medien-Kategorien eine Hierarchie zu verwenden. Wie schon gesagt, ist die Zugehörigkeit eines Bildes zu mehreren Kategorien möglich. Die Kategorien für ein Bild können am einfachsten und schnellsten in der Detail-Ansicht des Bildes an- und abgewählt werden.
Spezielle Situationen mit Bildern in WordPress
In WordPress gibt es einige speziellere oder fortgeschrittene Situationen mit Bildern, die etwas ausführlichere Erklärungen erfordern. Hier auf WebsiteBerater.com finden Sie Artikel zu folgenden Themen, die Ihnen garantiert weiterhelfen werden:
- Wie kann man in WordPress zwei oder mehrere Bilder nebeneinander anordnen?
- Wie kann man in WordPress Text über ein Bild legen/platzieren (oder über mehrere)?
Eine ähnliche Fragestellung betrifft auch andere Objekte in WordPress, z.B. Tabellen in WordPress.
Ihr Feedback zu diesem Artikel
Über Feedback zu diesem Artikel freue ich mich, z.B. welches Problem bei Ihnen vorlag und wie Sie es konkret lösen konnten, ob mit Hilfe dieses Artikels oder ohne. Falls Ihnen der Artikel nicht geholfen hat, kommentieren Sie bitte unbedingt ein paar Zeilen zu Ihrem konkreten Problem. Ich werde versuchen, der Sache auf den Grund zu gehen.
Oder lassen Sie einfach unten einen Kommentar für mich da, ob Lob, Kritik oder eine Frage, die ich hier nicht beantwortet habe, ich bin immer für Hinweise und Anregungen dankbar, die diesen Artikel verbessern. Bitte beachten Sie: Um Spam zu vermeiden, lese ich jeden Kommentar persönlich und gebe ihn dann erst frei. Seien Sie also nicht überrascht, wenn es ein Bisschen dauert, bis er zu sehen ist. Danke für Ihr Verständnis!
Nächste Schritte
Nach dieser Einführung in das Thema Bilder auf WordPress-Websites stellt sich jetzt die Frage, was uns zu einer kompletten Anleitung zum Thema WordPress-Website Erstellen noch fehlt. Viel ist von der Grundstruktur der Website nicht mehr übrig geblieben, das noch diskutiert werden müsste.
Ein paar Punkte, die sehr viele WordPress-Websites betreffen, gibt es aber noch. Ein solches Thema sind die Kommentare, die man in WordPress zu bestimmten Inhalten abgeben kann, vorausgesetzt, das ist erlaubt. Ein anderes Thema ist der neue (im Spätherbst 2018 offiziell erschienene) WordPress-Block-Editor mit dem (inzwischen nicht mehr so häufig benutzten, aber umso klingenderen) Namen Gutenberg.
Der Block-Editor ist von der Handhabung recht anders als der sogenannte Classic-Editor und hat sich daher eine etwas ausführlichere Diskussion verdient, zu der wir bald kommen werden. Zuvor möchte ich aber noch einmal unter die Motorhaube einer modernen Website auf ein ganz wichtiges weil informatives Werkzeug blicken:
Die Google Search Console. Dort erfährt man etwas mehr zu dem, wonach jene Menschen suchen, die dann über eine Resultats-Seite einer Google-Suche auf der eigenen Website gelandet sind.
