Block Buttons
Name des Blocks: | Buttons |
Englische Bezeichnung: | Buttons |
Ist in der Sektion: | Design |
Getestet mit WordPress-Version: | 5.6 |
Überarbeitet am: | 1. November 2020 |
Getestet mit WordPress-Theme: | Twenty Twenty |
Beschreibung: Block Buttons
Der Block Button, über den man einen einzelnen Button einfügen konnte, wurde durch den Block Buttons ersetzt. Mit dem Block Buttons ist das Einfügen eines einzelnen oder mehrerer Buttons, inklusive Verlinkung auf Dateien, Seiten oder Medien, möglich.
Nachdem der Block Buttons in den Inhaltsbereich eingefügt wurde, befindet sich der Cursor innerhalb des ersten Buttons, was das Tippen der Beschriftung ohne Umwege ermöglicht. Rechts davon ist der Inserter (Plus-Icon), über den sich der nächste Button per Klick einfügen lässt.
Hält man den Mauszeiger über das ganz links befindliche Icon der Werkzeugleiste taucht oberhalb ein neues Icon auf. Klickt man auf dieses gelangt man in den Elternblock – der Container, der alle Buttons beinhaltet.
Sowohl Kindelement (einzelner Button) als auch das Elternelement (Container/übergeordneter Block) haben unterschiedliche Werkzeugleisten mit teils anderen Funktionen (siehe Bilder in der Spalte “Werkzeugleiste” rechts).
Werkzeugleiste
Der Text des Buttons kann über die Werkzeugleiste formatiert und der Block verlinkt sowie nach rechts oder links verschoben werden, siehe Spalte “Werkzeugleiste”.
Der Elternblock kann links, rechts oder zentriert ausgerichtet werden.
Seitenleiste
Die Seitenleiste bietet zusätzlich die Optionen, zwischen zwei vorgegebenen Stilen zu wählen, der Eckenradius kann separat eingestellt werden.
Optional sind frei wählbare Textfarbe sowie Hintergrundfarbe und -verlauf. Die Verlinkung des Buttons ist in einem anderen Tab (oder Fenster – je nach Browsereinstellung), auch das Setzen eines rel
-Attributes ist möglich.
Werkzeugleiste
Von links nach rechts:
- Block-Style ändern
- Nach links oder rechts bewegen
- Button verlinken
- Text fett markieren
- Text kursiv markieren
- Dreieck
- Text durchstreichen
- Hochgestellt
- Inline-Bild
- Code-Auszeichnung
- Textfarbe
- Tiefgestellt
- Weitere Optionen
Von links nach rechts:
- Block-Typ ändern
- Nach oben/unten bewegen
- Ausrichtung
- Block links ausrichten
- Block zentrieren
- Block rechts ausrichten
- Weitere Optionen
WordPress 5.3
Video-Anleitung zum Block Buttons
Mit Klick auf das Bild wird eine Verbindung zu YouTube hergestellt, was datenschutzrechtliche Relevanz hat. Mehr dazu in der Datenschutzerklärung.