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 vom Berliner Fernsehturm hinzugefügt wurde.

Nach dem Hinzufügen erscheint ein neues Icon mit zwei Rechtecken und zwei Pfeilen: hierüber kannst du das Bild bearbeiten. Vor WordPress 5.3 war hier ein kleiner Stift zu sehen.

Über das Link-Icon kannst du einen externen Link, oder die internen Links zur Medien-Datei selbst oder zur Anhang-Seite einstellen.

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.

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

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. Dieser 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 eine oder mehrere eigene CSS-Klassen hinzufügen, falls nötig.

Umwandeln in andere Blöcke

Du kannst ein Bild in folgende Blöcke umwandeln: