Block: Bild

Mit dem Bild-Block kannst du ein einzelnes Bild in deine Seite einfügen.

Die Block-Werkzeugleiste

Screenshot des Bild-Blocks, ohne das Inhalt hinzugefügt wurde.

Der Bild-Block ist recht übersichtlich: Richte das Bild linksbündig, zentriert oder rechtsbündig aus. Wenn dein Theme es unterstützt, kannst du auch die weite oder die volle Breite auswählen.

Wählst du eine links- oder rechtsbündige Ausrichtung aus, fließen die nachfolgenden Elemente entsprechend rechts oder links des Bildes entlang.

Screenshot des Bild-Blocks, nachdem ein Bild einer Blumenwiese hinzugefügt wurde.

Nach dem Hinzufügen erhälst du weitere Bearbeitungsmöglichkeiten. Über das Link-Icon kannst du einen externen Link, oder die internen Links zur Medien-Datei selbst oder zur Anhang-Seite einstellen. Über Ersetzen kannst du das Bild mit einem anderen aus der Mediathek ersetzen oder ein neues Bild hochladen.

An den beiden blauen Punkten unten und rechts kannst du das Bild mit der Maus anpacken und auf die gewünschte Größe skalieren. Je nach gewähltem Ausrichtungs-Modus hast du drei, zwei oder keinen Punkt.

Neu in WordPress 5.5 ist die Möglichkeit zur Inline-Bildbearbeitung. Die Block-Werkzeugleiste ändert sich und Gitterlinien für die Drittelregel erscheinen auf dem Bild.

Über die Lupe kannst du in das Bild hineinzoomen und mit gedrückter Maustaste auf dem Bild den Ausschnitt verschieben. Direkt rechts daneben kannst du auch den Bildausschnitt mit vordefinierten Seitenverhältnissen auswählen: Quadrat, Hochformat und Querformat jeweils für 16:10, 16:9, 4:3 und 3:2. Ebenso kannst du über das nächste Icon das gesamte Bild im Uhrzeigersinn drehen. Mit Übernehmen bestätigst du die Änderungen, über Abbrechen oder einen Klick außerhalb des Bild-Blocks verlässt du die Bildbearbeitung ohne Änderungen durchzuführen. Ein geändertes Bild wird separat in der Mediathek abgelegt, das Original wird ebenfalls beibehalten.

Unterhalb des Bildes kannst du eine Bildbeschreibung hinzufügen. Den Text kannst du fett oder kursiv markieren, einen Link setzen, oder die weiteren Bearbeitungsmöglichkeiten hinter dem Pfeil nutzen.

Die Einstellungen im weiterführenden Menü hinter den drei Punkten am Ende erklären wir dir auf der Übersichtsseite der Blöcke unter Die Block-Werkzeugleiste.

Die Einstellungen in der Seitenleiste

Screenshot der Einstellungen des Bild-Blocks in der Seitenleiste.

In der Seitenleiste gibt es weitere Einstellmöglichkeiten für dein Bild. Neu in WordPress 5.3 sind die Stile für die Bilder. Dabei hast du die Wahl zwischen dem Standard und einer Kreis-Maske. Dabei wird dein Bild mit CSS zu einem Kreis umgewandelt. Zusätzlich kannst du wählen, welcher Bildstil automatisch ausgewählt sein soll.

Beim Alt-Text kannst du einen kurzen, das Bild beschreibenden Text hinzufügen. Dieser ist wichtig für Menschen, die einen Screen Reader benutzen. Der Text ist ebenfalls sichtbar, wenn dein Bild nicht geladen werden kann.

Hinter dem Dropdown bei Bildgröße kannst du alle aktiven Bildgrößen in deinem WordPress auswählen. Diese können standardmäßig von WordPress vorgegeben oder von Themes und Plugins hinzugefügt werden.

Alternativ kannst du bei den Bildabmessungen entweder pixelgenau die Größe einstellen, oder ausgehend von der Originalgröße das Bild auf 25%, 50%, 75% oder 100% skalieren lassen.

Unter Erweitert kannst du einen HTML-Anker (seit WordPress 5.5) und zusätzliche CSS-Klassen definieren.

Umwandeln in andere Blöcke

Du kannst ein Bild in folgende Blöcke umwandeln:

Die Umwandlung in eine Gruppe bewirkt, dass der Bild-Block in einen Gruppen-Block verschoben wird.