Bloecke Cat Widgets

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
Block Suchen
Block Suchen

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:

  1. Block-Typ ändern
  2. Ausrichtung
    1. Block links ausrichten
    2. Block zentrieren
    3. Block rechts ausrichten
  3. Label auf-/zuklappen
  4. Position des Suchen-Buttons
    1. Kein Button
    2. Button außen
    3. Button innen
    4. Nur Button
  5. Icon oder nur Text
  6. Dreieck
    1. Text durchstreichen
    2. Hochgestellt
    3. Inline-Bild
    4. Code-Auszeichnung
    5. Textfarbe
    6. Tiefgestellt
  7. Weitere Optionen
Formatierungen ansehen
Formatierungs Icons
Zum Vergrößern Klick aufs Bild
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.

Funktionsübersicht: Block Suchen

Block-Kategorie:
Widgets
Block-Ausrichtung:
Keine, Links, Rechts, Zentriert
Block-Breite (Theme):
Bildschirmbreite, Inhaltsbreite
Beschriftungs-Formatierung:
Durchgestrichen, Fett, Hochgestellt, Inline-Bild, Inline-Code, Kursiv, Textfarbe, Tiefgestellt
Block-Typ-Umwandlung in:
Sonstiges:
Button außen, Button innen, Kein Button, Label verstecken, Nur Button, Nur Button-Icon, Nur Button-Text
Als HTML bearbeiten:
Nein
Mit Block Classic erstellbar:
Nein
Scroll to Top