Bilder

Bilder

Wenn es um Bildeinbindung geht, führt kein Weg um die Mediathek. Hier lernen Sie, wie Sie Bilder in Ihrer Webseite einpflegen können.

Wie Sie PDFs hochladen und auf einer Inhaltsseite einbinden, erfahren Sie auf der Anleitungsseite zu PDFs.

Inhaltsverzeichnis

Bilder in Inhaltsbereichen einbinden

Blumenwiese mit gelben Blüten.


Nachdem die Bilder in die Mediathek geladen wurden, können Sie diese wie folgt auf Inhaltsseiten einbinden:

  1. Navigieren Sie auf die Inhaltsseite, auf welcher die Bilder eingebunden werden sollen.
  2. Positionieren Sie den Textcursor an die Position, an welcher das Bild eingebunden werden soll.
  3. Falls Sie das Bild noch nicht hochgeladen haben, folgen Sie die der Anleitung im Abschnitt „Bilder und Dokumente in die Mediathek laden“.
  4. Falls das Bild bereits in die Mediathek geladen wurde, klicken Sie im klassischen Editor auf Dateien hinzufügen über der Editor-Werkzeugleiste. Die Mediathek öffnet sich. Im Block-Editor können Sie über den Block Inserter oder im Inhaltsbereich /bild eingeben, um ein Bild aus der Mediathek hinzuzufügen.
    Ein Screenshot der WordPress Mediathek.
  5. Falls Sie sich im „Dateien hinzufügen“ Reiter befinden: Wechseln Sie in den Reiter Mediathek, um ein bestehendes Bild auszuwählen.
  6. Wählen Sie das gewünschte Bild aus der Mediathek aus, welches eingebunden werden soll.
  7. Falls es sich um ein nicht dekoratives Bild handelt: Vergeben Sie einen Alternativtext über die Eingabemaske in der rechten Spalte.
    Ein Screenshot der Mediathek. Auf der rechten Seite sieht man einen Bereich der Anhang-Details. Das erste Feld steuert die Ausgabe des Alternativtextes.
  8. Falls benötigt, ergänzen Sie das Feld Bildbeschriftung. Diese sollte vom Alternativtext leicht abweichen.
    Ein Screenshot der Anhangdetails. Auf der rechten Spalte ist das Feld Beschriftung hervorgehoben.
  9. Scrollen Sie in der Eingabemaske nach unten.
    Ein Screenshot der Mediathek. Man sieht ein Scroll-Symbol, dass darauf hinweist, dass man in der Spalte auf der rechten Seite nach oben scrollen kann.
  10. Hier können Sie Bildausrichtung und Bildgröße wählen.
    Ein Screenshot der Mediathek. Auf der rechten Seite, am Ende der Spalte ist der Bereich Anzeigeeinstellungen für Anhänge hervorgehoben.
  11. Bestätigen Sie mit dem Button „In die Seite einfügen“ (Klassischer Editor) / „Auswählen“ (Block-Editor)
  12. Das Bild wurde an der gewünschten Position im Editor eingefügt.

Mehrere Bilder als Galerie einbinden

1/4
Blumenwiese mit gelben Blüten.2/4
3/4
4/4

Um mehrere Bilder als Galerie einzubinden, gehen Sie wie folgt vor:

  1. Falls die gewünschten Bilder noch nicht in die Mediathek geladen wurden: Folgen Sie der Anleitung im Abschnitt Bilder und Dokumente in die Mediathek laden.
  2. Navigieren Sie auf die Inhaltsseite, auf welcher die Galerie eingebunden werden soll.
  3. Klicken Sie auf Dateien hinzufügen über der Editor-Werkzeugleiste.
  4. Die Mediathek öffnet sich. Falls Sie im Reiter „Dateien hochladen“ sind, wechseln Sie in den Reiter Mediathek
  5. Klicken Sie in der linken Navigation auf Galerie erstellen.
    Ein Screenshot der Mediathek. Am linken Rand ist der Menüpunkt Galerie erstellen an der zweiten Position hervorgehoben.
  6. Wählen Sie alle gewünschten Bilder aus, die in der Galerie eingebunden werden sollen.
  7. Klicken Sie Neue Galerie erstellen in der unteren rechten Ecke des Mediathek-Fensters.
  8. Vergeben Sie eine Beschriftung für die einzelnen Bilder.
  9. Passen Sie die Galerie-Einstellungen am rechten Rand an.
  10. Klicken Sie Galerie einfügen.
  11. Die Galerie wurde im Inhaltsbereich eingefügt.

Videos einbinden

Zwar können Videos auch über die Mediathek eingebunden werden, allerdings gibt es bessere Alternativen, um ein Video einzubinden. Gleichzeitig sparen Sie sich so wertvollen Speicherplatz auf Ihrer CMS-Instanz. Gehen Sie wie folgt vor:

  1. Laden Sie Ihr Video als öffentlichen Clip im Videoportal hoch. Hier finden Sie eine Anleitung zur Nutzung des Videoportals.

    Alternativ kann auch YouTube oder z.B. Vimeo genutzt werden. Allerdings werden YouTube-Videos erst nach Einwilligung des Nutzers dargestellt.
  2. Binden Sie das Video mithilfe unseres Videoplugins ein. Hierfür aktivieren Sie das Videoplugin in der Pluginübersicht und verwenden den Shortcode [fauvideo url="..."].
  3. Unter dem Video können Sie noch einen [divider]-Shortcode einsetzen, um mehr Weißraum zu erzeugen. Das Video wird dann an der entsprechenden Stelle angezeigt.

Video-Tutorial