WordPress: Bilder, Videos und andere Dateien einfügen und bearbeiten

In unserem Beitrag zur Funktion und zur Benutzung des WordPress Texteditors haben wir am Ende den Punkt „Medien hinzufügen“ angesprochen. Sie können Ihre Beiträge um Bilder, Videos, Audiodateien und vieles mehr ergänzen, um Sie anschaulicher und lebendiger zu gestalten bzw. den Beiträgen noch etwas mehr Struktur zu verleihen. Gleiches gilt natürlich auch für die Erstellung von Seiten in WordPress.

Wie Sie Bilder hinzufügen, haben wir bereits im oben genannten Beitrag geschrieben. Es gibt jedoch darüber hinaus zahlreiche Bearbeitungsmöglichkeiten, die wir Ihnen im heutigen Artikel vorstellen möchten. Außerdem zeigen wir Ihnen, was Sie in puncto Dateibezeichnung und Dateigröße beachten sollten.

Dateien immer klar kennzeichnen

Egal, welche Datei Sie einbinden möchten: Denken Sie immer daran, ihr eine sinnvolle, aussagekräftige Dateibezeichnung zu geben. Das ist einerseits für Google wichtig, andererseits für die Besucher. Beide können die Inhalte einer Datei à la trampolin-kinder.jpg wesentlich besser zuordnen als eine Bezeichnung wie DCM458.jpg.

Weitere Hinweise zur Dateikennzeichnung:

  • nur Kleinbuchstaben
  • keine Umlaute/Sonderzeichen verwenden
  • Worttrennung mit Bindestrich, nicht mit Unterstrich

Achten Sie zudem darauf, dass die Datei nicht zu groß ist, um die Ladezeit nicht unnötig zu strapazieren. Bilder sollten nicht größer als 200 KB sein.

Bearbeitungsmöglichkeiten für Bilder

Statt ein Einzelbild einzufügen, haben Sie auch die Möglichkeit, eine Galerie zu erstellen:

1. Klicken Sie nach dem Weg über „Datei hinzufügen“ und den Upload der gewünschten Bilder links oben auf „Galerie erstellen“.

2. Wählen Sie alle Bilder aus, die in der Galerie auftauchen sollen.

3. Klicken Sie „Erstelle eine neue Galerie“ an.

Im Fenster, das sich anschließend öffnet, können Sie noch die Anzahl der Spalten und die Reihenfolge ändern. Anschließend können Sie die Galerie in den Beitrag einfügen.

Bearbeitungen innerhalb der Mediathek

Wichtig sind hier vor allem die Auszeichnungen bei Titel, Beschriftung und Alternativtext. Sie helfen Suchmaschinen bei der Erkennung der Bildinhalte:

Titel

Er ist nicht sichtbar für den Besucher, jedoch wichtig für die Mediathek-Verwaltung.

Alternativtext

Dieser Text gibt die Inhalte für das alt-Attribut an. Kann die Datei aus irgendeinem Grund nicht angezeigt werden, erscheint der alt-Text. Wichtig ist das auch für Sehbehinderte, da dieser Text vom Screenreader ausgelesen wird.

Bildunterschrift

Das ist die einzige Bild-Kennzeichnung, die der Besucher Ihrer Seite sieht. Sie ist wichtig, um das Bild richtig zuordnen zu können, sofern es sich nur auf einen Teilaspekt des Beitrags bezieht.

Unter diesen Auszeichnungen gibt es weitere Bearbeitungsmöglichkeiten zur Anzeige des Bilds:

Ausrichtung

Sie zeigt das Bild im Verhältnis zum Text, also z.B. zentriert oder links vom Text.

Link zur

Mit dieser Einstellung entscheiden Sie, wo der Besucher beim Klick auf das Bild hingelangt.

Die Auswahl beinhaltet:

  • Medien-Datei: Original-Bild öffnet sich
  • Anhang-Seite: separate Unterseite öffnet sich
  • Benutzerdefinierte URL: Individuelle URL kann festgelegt werden, auf die das Bild verweisen soll
  • Keine: Datei ist nicht anklickbar

Größe

Die besten Bildergebnisse erhalten Sie, wenn Sie das Bild bereits vor dem Hochladen in der Größe anpassen (möglichst unter 200 KB). Sie können trotzdem in der Mediathek nachträglich Anpassungen der Bildgröße vornehmen. Zur Auswahl stehen jedoch nur Standardgrößen (Miniatur, Mittelgroß, Vollständige Größe) und auch nur die, die zur Bildabmessung passen.

Bearbeitungen im Text

In der Regel entspricht das eingefügte Bild im Text noch nicht der gewünschten Gesamtoptik. Daher gibt es hier noch weitere Anpassungsmöglichkeiten. Diese erreichen Sie, wenn Sie in das Bild klicken und dann auf den Bearbeitungs-Stift. Sie können das Bild übrigens nach dem Anklicken auch noch über die Anknüpfungspunkte vergrößern oder verkleinern.

Folgende Bearbeitungsoptionen stehen Ihnen anschließend unter Bild-Details zur Verfügung:

Die oberen Felder entsprechen den Bild-Anpassungen in der Mediathek, z.B. Bildunterschrift, Ausrichtung und Bildgröße. Weiter unten folgen „Erweiterte Optionen“, die jedoch nur für erfahrene WordPress-Nutzer geeignet sind:

Bildtitel-Attribut: Der Inhalt wird im HTML als title-Attribut dem Bild zugeordnet und wird für den Besucher sichtbar, wenn er mit der Maus über das Bild fährt.

Bild-CSS-Klasse: Die Zuordnung zu einer Klasse ermöglicht z.B. die Anpassung des Bildes mit Schatten oder Konturen.

Linkbeziehung: Entspricht dem rel-Tag in HTML und ermöglicht Angaben zur Beziehung zum Linkziel, z.B. mit dem Wert „nofollow“ (Suchmaschinen-Bot soll dem Link nicht folgen).

Unter dem Bild gelangen Sie über „Original bearbeiten“ zu weiteren Anpassungsmöglichkeiten:

  • Bild drehen oder spiegeln
  • Bild beschneiden
  • Bild skalieren

PDF in WordPress einfügen

Das Einfügen von PDF-Dateien funktioniert im Prinzip wie beim Einfügen von Bildern, d.h. Sie gehen den folgenden Weg:

Datei hinzufügen → Datei hochladen → Titel und Beschreibung vergeben → Einfügen

Unter Anzeigendarstellung müssen Sie „Link zur Mediendatei“ auswählen.

Videos in WordPress einfügen

Beim Video einfügen haben Sie drei Optionen:

1. Video von externer Plattform einfügen, z.B. Youtube

Videoplattformen machen es den Nutzern sehr leicht, Videos einzubinden. Bei Youtube befindet sich unter dem Video der Hinweis „Teilen“. Nach dem Klick öffnen sich weitere Funktionen, von denen Sie „Einbetten“ auswählen. Es erscheint ein Einbettungscode, den Sie kopieren und an die gewünschte Stelle im Beitrag (in der HTML-Ansicht) einfügen.

2. Eigenes Video vom Rechner in die Mediathek aufnehmen

Hier funktioniert das Einfügen im Grunde genommen wie bei Bildern: Sie klicken auf „Datei hinzufügen“ und „Datei auswählen“, wählen anschließend die Datei von Ihrem Rechner aus und laden Sie sie hoch.

Unten rechts müssen Sie im Dropdown-Menü noch den Punkt „Eingebundener Medien-Player“ auswählen. Jetzt müssen Sie nur noch wie bei Bildern das Video „In den Beitrag einfügen“.

 

Beachten Sie bei dieser Methode: Das Video liegt auf Ihrem eigenen Server statt wie beim Einbetten auf dem Server der Videoplattform. Dabei wird natürlich eine Menge Speicherplatz benötigt, was die Ladezeit der gesamten Seite negativ beeinflussen kann.

3. Video per Plugin in WordPress einbinden

Es gibt zahlreiche WordPress Plugins zum Einbinden von Videos. Sie unterscheiden sich teilweise sehr stark in ihrem Funktionsumfang. Welches Sie wählen, ist also in erster Linie davon abhängig, was Sie am Video anpassen möchten. Für Video-Galerien ist z.B. das Plugin Video Gallery empfehlenswert.

Ein sehr häufig genutztes Plugin für Videos ist der JW Player. Das Einfügen der Videos funktioniert mit dem Player folgendermaßen:

  1. Nachdem Sie das Pluign heruntergeladen, aktiviert und installiert haben, finden Sie in der Mediathek den Button „Insert JW Player“.
  2. Über den Button wählen Sie die Videodatei aus. Dann bestätigen Sie, dass Sie das Video hinzufügen möchten und der Player bettet das Video ein.

keine Kommentare  |  Kommentar schreiben

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.