Block Suchen
| Name des Blocks: | Suchen |
| Englische Bezeichnung: | Search |
| Ist in der Sektion: | Widgets |
| Getestet mit WordPress-Version: | 5.6 |
| Überarbeitet am: | 9. November 2020 |
| Getestet mit WordPress-Theme: | Twenty Twenty |
Werkzeugleiste
Spalten
Alle Blöcke können in Spalten umgewandelt werden. Klickt man auf das erste Icon der Block-Werkzeugleiste wird ein Menü aufgeklappt.
Dort wurde mit WordPress 5.6 die Option “Spalten” hinzugefügt. Das fehlt auf einigen Abbildungen.
Icon mit Pfeil nach oben/unten
Wenn mehr als ein Block in den Inhaltsbereich eingefügt wird, erhält die Block-Werkzeugleiste zwei weitere Icons. Auf dem Bild rechts wird das Icon mit den Pfeilen nach oben und nach unten hervorgehoben.
Durch Klick auf eins der Pfeile wird der Block in die entsprechende Richtung bewegt.
Icon mit Drag-and-Drop-Funktion
Dieses Icon gibt es seit WordPress 5.5.2. Klick darauf, Mauszeiger gedrückt halten und den Block an die gewünschte Stelle ziehen.
Beide Icons sind auf den meisten hier abgebildeten Block-Werkzeugleisten nicht zu sehen.
Seitenleiste
Beitrag oder Seite statt Dokument
In der rechten Seitenleiste hieß der erste Tab bislang immer Dokument.
Dies wurde nun geändert, je nachdem, ob man an einer Seite oder einem Beitrag arbeitet, steht dort der entsprechende Name.
Für diese Änderung wurden die Abbildungen auf gutenberg-editor.de nicht extra neu erstellt.
Theme Twenty Twenty-One
Zusätzliche Styles
Alle Abbildungen auf gutenberg-editor.de wurden mit dem Theme Twenty Twenty erstellt. Mit WordPress 5.6 gibt es ein neues Standard-Theme: Twenty Twenty-One.
Im Großen und Ganzen ähneln sich die Darstellungen im Adminbereich. Doch hin und wieder hat das neue Theme zusätzliche Styles, zum Beispiel beim Block Bild die Styles Frame und Borders (Rahmen).
Farbtafeln
Das neue Theme Twenty Twenty-One stellt andere Auswahlfarben zur Verfügung als das Theme Twenty Twenty.
Rechts ist oben die Farbtafel von Twenty Twenty und darunter die von Twenty Twenty-One zu sehen.
Selbstverständlich stehen in beiden Themes unter dem Link “individuelle Farbe” alle denkbaren Farben zur Verfügung.
Generell gilt: Jedes Theme kann hinsichtlich Darstellung variieren. Die Grundelemente jedoch sollten sich kaum unterscheiden.
Beschreibung: Block Suchen
Mit dem Block Suchen wird ein Suchenfeld eingefügt. Der Platzhalter-Text innerhalb des Eingabefeldes, der Text innerhalb des Suchen-Buttons sowie das Label über dem Eingabefeld sind frei wählbar. Alle drei Texte können formatiert werden.
Wird im Frontend die Suchanfrage nach Eingabe eines Suchbegriffes sowie über den Klick auf den Button “Suchen” gestartet, wird eine Seite mit den Suchergebnissen angezeigt.
Werkzeugleiste
Der Block Suchen kann in den Block Gruppe oder den Block Spalten umgewandelt sowie links, rechts oder zentriert ausgerichtet werden.
Die frei veränderbare Beschriftung (für Label, Suchen-Button, Eingabefeld) hat weitere Optionen, siehe Spalte „Werkzeugleiste“.
Das Label kann angezeigt oder versteckt werden. Ein Klick auf das Icon “Button-Position ändern” öffnet ein Untermenü, mit den Optionen keinen Suchen-Button anzuzeigen, den Button außerhalb oder innerhalb des Eingabefeldes zu platzieren und anfangs kein Eingabefeld anzuzeigen (Nur Button). Mit Klick auf das Icon “Button mit Icon nutzen” ändert man das Aussehen des Suchen-Buttons von “nur Text” in “nur Icon” oder umgekehrt.
Seitenleiste
Über die Seitenleiste wird die Breite des Suchfeldes plus/minus Suchen-Button in Prozent festgelegt.
Werkzeugleiste
Von links nach rechts:
- Block-Typ ändern
- Ausrichtung
- Block links ausrichten
- Block zentrieren
- Block rechts ausrichten
- Label auf-/zuklappen
- Position des Suchen-Buttons
- Kein Button
- Button außen
- Button innen
- Nur Button
- Icon oder nur Text
- Dreieck
- Text durchstreichen
- Hochgestellt
- Inline-Bild
- Code-Auszeichnung
- Textfarbe
- Tiefgestellt
- Weitere Optionen
Tastaturkürzel ohne eckige Klammern ausführen.
Seitenleiste
WordPress 5.2
Video-Anleitung zum Block Suchen
Mit Klick auf das Bild wird eine Verbindung zu YouTube hergestellt, was datenschutzrechtliche Relevanz hat. Mehr dazu in der Datenschutzerklärung.