WordPress

WordPress: Fehlerquellen beim Bildupload

Wir haben mittlerweile mehrfach E-Mails bekommen wo wir um Hilfe gebeten wurden, weil die Bildupload-Funktion nicht funktioniert. Vielfach lag der Fehler darin, dass der Ordner /wp-content/uploads/ nicht beschreibbar war und somit WordPress dort keine Bilder hochladen konnte.

Eine weitere Fehlerquelle sind falsche Pfadangaben in Einstellungen → Mediathek. In der Regel lässt man hier einfach die Standardeinstellung (wp-content/uploads) stehen.

Die dritte Fehlerquelle ist die Nutzung von falschen Bildformaten. Für die Nutzung im Web empfehlen sich die drei Hauptformate: JPG bzw. JPEG für Bilder mit fotografischen Elementen und GIF oder besser PNG für den Rest. Das ist jetzt durchaus eine grobe Definition, aber gültig. Und auch wenn es sich ähnlich anhört wie GIF ist TIF das falsche Bildformat für den Einsatz im Web und somit auch für WordPress.

Man kann zwar Bilder als TIF hochladen und auch im Artikel verlinken, aber WordPress wird dabei keine Vorschaubilder generieren und die Bilder sind auch nicht im Browser darstellbar so das, wenn man sie innerhalb des HTML-Dokuments einbindet, der Eindruck entsteht "ich habe das Bild hochgeladen und eingebunden, aber es ist nicht da".

WordPress will kein Miniaturbild erstellen

Das Erstellen von Miniaturbildern mit Hilfe der internen Bildbearbeitungsfunktion von WordPress habe ich im Artikel Die Bildbearbeitungsfunktion von WordPress sinnvoll nutzen schon beschrieben.

Nun hat der ein oder andere dies vielleicht auch schon im eigenen Blog ausprobiert und ist eventuell gescheitert. Gescheitert daran, dass die Ausschnitt-Funktion nicht aktiviert war, wenn der gewünschte Bildbereich ausgewählt war. Es gibt nämlich eine Stolperfalle, bei der ich mir ehrlich gesagt nicht sicher bin, ob sie ein Bug oder Feature ist

Der Grund für die nicht aktive Ausschnittfunktion könnte folgender gewesen sein: WordPress nimmt den zugewiesenen Ausschnitt und verkleinert ihn auf die Größe, die für Miniaturbilder in den Einstellungen (Menüpunkt Mediathek) angegeben ist. Ist der Bildausschnitt kleiner oder gleich groß kann man ihn nicht ausschneiden. Deswegen muss der Bildausschnitt min. 1 Pixel größer sein!

Bilder aus der Mediathek in eine Galerie einfügen

Es gibt zwei Möglichkeiten Bilder aus der Mediathek in eine Galerie einzubinden. Entweder man bindet sie über die ID einzelner Bilder ein oder man ordnet sie dem gewünschten Artikel zu. Welche Methode man verwendet ist schlussendlich Geschmackssache. Bilder, die schon in anderen Artikeln eingefügt wurden, müssen über die iclude-Methode eingefügt werden, Bilder, die noch nicht einem Artikel zugeordnet sind, können auch mit der Verwenden-Methode in eine Galerie eingefügt werden. (weiterlesen …)

Bilder beschriften – reloaded

Schon vor einiger Zeit habe ich hier einen Artikel mit dem bezeichnenden Titel Bilder beschriften in WordPress verfasst. Konkret ging es dabei darum das Formular bzw. die Angaben in dem Formular zu erläutern, das erscheint nachdem man ein Bild hochgeladen hat, um es in einen Artikel oder auf einer Seite einzufügen.

Seit dem hat sich allerdings einiges in WordPress getan und so wurde auch dieses Formular verändert bzw. ergänzt. Hier also eine aktualisierte Erläuterung der Eingabefelder: (weiterlesen …)

Mediathek

In der neuen Version von WordPress 2.8 gibt es keine weltbewegenden Änderungen in der Mediathek, aber auch Kleinigkeiten können die Arbeit erleichtern und somit erfreuen.

Lädt man in der Mediathek ein Bild hoch («Mediathek / Medien hinzufügen»), so wird einem direkt nach dem Hochladen die URL dieses Bildes angezeigt. Leider fehlt diese Angabe noch in der Übersicht – wie ich finde, aber vielleicht kommt das ja in der nächsten Version.

Zusätzlich dazu kann man den Upload-Prozess jetzt auch mit einem Knopfdruck unterbrechen oder das hochgeladene Bild gleich wieder löschen.

Bilder beschriften in WordPress

Wenn man Bilder in seine WordPress-Artikel einfügt, kommt es auch auf die korrekte "Beschriftung" an: die Inhalte des alt- und des title-Attributts. Nur so können die Bilder z. B. zu einer suchmaschinenoptimierten Website beitragen.

Der Inhalt des alt-Attributts ist außerdem wichtig wenn es darum geht, dass Bilder einmal nicht geladen werden können bzw. darum, dass eine Website auch von Anwendungen besucht wird, die keine Bilder darstellen könne: Textbrowser, Suchmaschinen und Screenreader.

Hat man ein Bild in WordPress hochgeladen, bekommt man auch gleich ein Formular präsentiert, das man ausfüllen kann. Dabei erschließen sich allerdings die Felder nicht unbedingt jedem.

Beispiel-Galerie:

Titel

Wird für das title-Attribut verwendet. Der Text, der erscheint, wenn man den Mauscursor über das Bild hält (auch bekannt als «Tooltip»).

Titel

Dieser Text wird für das alt-Attribut verwendet. Der Text erscheint, wenn das Bild nicht geladen werden kann. Gleichzeitig generiert WordPress daraus auch die Bildunterschrift («Caption»). Dieser Text wird in der Mediathek als "Beschreibung" ausgegeben.

Beschreibung

Diese Beschreibung ist relevant falls man eine Galerie einfügen möchten. Jedes Galeriebild erhält dann eine eigene Seite und auf dieser erscheint dann auch der Text. Es handelt sich hierbei nicht mehr, wie in älteren Versionen von WordPress, um einen internen Beschreibungstext, den man in der Mediathek einsehen konnte.

URL

Hier bestimmt man, ob man das eingefügte Bild verlinken möchte und falls ja, wohin der Link führen soll. Zur Auswahl hat man deswegen: Keine (das Bild ist nicht verlinkt), Datei-URL (= das Bild in originalgröße wird verlinkt) und Artikel-URL (das Bild verlinkt auf den Artikel in dem es erscheint). Selbstverständlich hat man aber auch die Möglichkeit eine eigene URL anzugeben.

Ausrichtung

An dieser Stelle legt man die Ausrichtung des Bildes innerhalb des Artikels fest: keine (resultiert als "mit dem Text"), links, zentriert, rechts

Größe

Hier können Sie festlegen in welcher Größe, dass hochgeladene Bild im Artikel erscheinen soll. Welche Größen sich hinter den Bezeichnungen Vorschaubild und Medium verbergen, können Sie unter Einstellungen » Verschiedenes festlegen.