Block: Absatz

Der Absatz-Block ist der Block, den du am häufigsten verwenden wirst. Du kannst einfach im Editor drauf los schreiben und es entsteht automatisch ein Absatz-Block.

Die Block-Werkzeugleiste

Screenshot des Absatz-Blocks, mit einem hinzugefügtem Beispieltext.

Ein Absatz-Block ist mit dem Absatzzeichen-Icon gekennzeichnet. Hinter diesem verbirgt sich auch die Funktion zum Umwandeln in andere Blöcke. In welche anderen Block du einen Absatz umwandeln kannst, findest du weiter unten bei Umwandeln in andere Blöcke.

Seit WordPress 5.5 findest du die Pfeile zum Verschieben des Blocks direkt neben dem Absatzzeichen-Icon.

Als nächstes findest du das Icon zum Ausrichten des Textes. Der gesamte Absatz kann linksbündig, zentriert oder rechtsbündig ausgerichtet werden.

Einzelne Wörter oder Sätze können in einem Absatz fett oder kursiv markiert werden.

Über das Link-Icon kannst du Links im Text hinzufügen. Dieser funktioniert wie bisher auch schon in WordPress. Du kannst auch den Text markieren und mit Strg+V bzw. Cmd+V ohne weitere Klicks einen Link aus deiner Zwischenablage hinzufügen.

Hinter dem Pfeil nach unten verbergen sich weitere Funktionen:

  • Durchgestrichen, zum Durchstreichen von Text
  • Hochgestellt für hochgestellten Text (seit WordPress 5.5)
  • Inline-Bild, weitere Infos dazu unter Inline-Bild
  • Inline-Code, für einen Monospace-Font innerhalb eines Absatzes
  • Textfarbe für die farbliche Markierung einzelner Wörter (seit WordPress 5.5)
  • Tiefgestellt für tiefgestellten Text (seit WordPress 5.5)

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 Absatz-Einstellungen in der Seitenleiste.

In den Typografie-Einstellungen hast du die Möglichkeit, die Textgröße entweder nach den vorgegebenen Größen des Dropdowns (Standard, Klein, Normal, Groß, Größer) oder individuell in dem Zählerfeld in Pixeln rechts vom Dropdown anzupassen.

Für jeden Absatz kannst du individuell die Hintergrundfarbe und die Textfarbe bestimmen. Wenn dein Theme eine Farbpalette definiert hat, siehst du diese voreingestellt wie im Screenshot (Theme Twenty Twenty). Sollte dein Theme keine Farbpalette bereitstellen, werden dir von WordPress verschiedene Farben vorgeschlagen.

Screenshot des Farbwählers für eine individuelle Farbe.

Über den Link „Individuelle Farbe“ kannst du zusätzlich deine ganz individuelle Farbe auswählen. Bei der Eingabe kann man zwischen dem Hexadezimalen Farbwert, dem RGB-Wert und dem HSL-Wert wählen. Dazu klickst du auf den Pfeil rechts unten neben dem Eingabefeld, um dich durch die Optionen zu schalten.

Solltest du eine Farbkombination auswählen, die nicht sehr gut lesbar ist, wird dich WordPress unterhalb der Textfarbe darauf hinweisen. Je nach Kombination wird dir der passende Hinweistext eingeblendet.

Screenshot des Hinweistextes zur schlechten Lesbarkeit. Empfohlen wird eine dunklere Hintergrundfarbe und/oder eine hellere Textfarbe.
Screenshot des Hinweistextes zur schlechten Lesbarkeit. Empfohlen wird eine hellere Hintergrundfarbe und/oder eine dunklere Textfarbe.

Es kann sein, dass du den Hinweis nicht sofort siehst, falls dein Bildschirm zu klein ist. Scrolle einfach in der Seitenleiste bei den Farbeinstellungen nach unten. Der Hinweis wird unterhalb der Farbwähler angezeigt.

Als weitere Einstellung hast du die Möglichkeit, den ersten Buchstaben des Absatzes als Initialbuchstaben auszuwählen. Dadurch wird dieser größer als der restliche Text dargestellt.

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

Inline-Bild

Das Inline-Bild war zu Beginn von Gutenberg ein eigener Block. Zur WordPress Version 5.2 wurde es dann vom Inserter-Werkzeug in die Block-Werkzeugleiste verschiedener Blöcke verschoben. Überall da, wo du Text eingeben kannst, erscheint nun ein kleiner Pfeil nach unten, wo sich die Funktion des Inline-Bildes wieder findet.

Screenshot eines Absatz-Blocks mit geöffnetem Untermenü für weitere Inline-Funktionen.

Die Handhabung des Inline-Bilds wurde vereinfacht. Statt vorher per Drag & Drop die Größe zu verändern, gibt es nun bei Klick auf das Bild ein kleines Popup, in dem die Breite des Inline-Bilds angepasst werden kann. Die Höhe passt sich proportional an.

Screenshot eines Absatz-Blocks mit einem Inline-Bild, dessen Bearbeitungs-Popup mit der Breitenangabe geöffnet ist.

Das Inline-Bild kannst du beispielsweise verwenden, um kleinere Icons innerhalb eines Textes einzufügen.

Umwandeln in andere Blöcke

Du kannst einen Absatz in folgende Blöcke umwandeln:

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