Die Suchleiste deiner Website anpassen
4 Min. Lesezeit
Lass deine Besucher über die Suchleiste in der Wix Site Search nach allem Möglichen suchen. Die Ergebnisse der Suche werden in einer Liste angezeigt, sodass deine Besucher leicht finden können, wonach sie suchen. Du kannst das Layout und Design deiner Suchleiste ändern, sodass sie dem Design deiner Website entspricht.
In diesem Artikel erfährst du mehr über folgende Themen:
Die Einstellungen der Suchleiste anpassen
Passe den Platzhaltertext und die Ergebnisvorschläge deiner Suchleiste an.
Um die Einstellungen deiner Suchleiste anzupassen:
- Klicke im Editor auf die Suchleiste.
- Klicke auf Einstellungen.
- Passe die Einstellungsoptionen an:
- Platzhaltertext: Füge einen kurzen Text hinzu, der angezeigt wird, wenn die Suchleiste leer ist.
Hinweis: Dieser Text verschwindet, wenn Website-Besucher anfangen, in die Suchleiste zu tippen. - Suchvorschläge: Aktiviere oder deaktiviere die Suchvorschläge, die angezeigt werden, wenn ein Benutzer mit der Eingabe beginnt.
- Beliebte Elemente: Aktiviere oder deaktiviere die Anzeige von beliebten Elementen, bevor ein Benutzer mit der Eingabe beginnt.
Hinweis: Die Aktivierung von beliebten Elementen ist nur möglich, wenn auch die Option Suchvorschläge aktiviert sind.
- Platzhaltertext: Füge einen kurzen Text hinzu, der angezeigt wird, wenn die Suchleiste leer ist.
Das Layout der Suchleiste ändern
Lege im Layout-Panel das Layout, die Ausrichtung und den Abstand auf deiner Suchleiste fest.
Um das Layout deiner Suchleiste zu ändern:
- Klicke im Editor auf die Suchleiste.
- Klicke auf das Symbol für Layouts
. - Passe die Layout-Optionen an:
- Layout wählen: Wähle einen Stil für deine Suchleiste.
- Symbolausrichtung: Wähle die Position des Suchsymbols aus.
- Textausrichtung: Wähle die Position des Textes aus.
- Textabstand: Lege den Abstand zwischen dem Rand der Suchleiste und dem Text fest.
- Symbolabstand: Lege die Größe des Symbolbereichs fest.
Hinweis:
Die verfügbaren Optionen hängen vom ausgewählten Layout ab.
Das Design der Suchleiste anpassen
Personalisiere das Design deiner Suchleiste für die verschiedenen Status:
- Standard: Wenn deine Suchleiste nicht verwendet wird.
- Mouseover: Wenn Besucher mit der Maus über die Suchleiste fahren.
- Fokus: Wenn Besucher auf die Leiste geklickt haben.
Um das Design deiner Suchleiste anzupassen:
- Klicke im Editor auf die Suchleiste.
- Klicke auf das Symbol für Design
. - Wähle ein voreingestelltes Design.
- Klicke auf Design anpassen, um es weiter zu gestalten.
- Klicke auf einen Tab, um auszuwählen, welchen Status du anpassen möchtest. Standard, Mouseover oder Fokus.
- Passe den Status mit den folgenden Optionen an:
- Füllfarbe & Deckkraft: Ändere die Farbe des Hintergrunds der Leiste und des Symbols:
- Eingabefeld — Hintergrundfarbe: Klicke auf das Farbfeld, um die Hintergrundfarbe des Eingabefelds auszuwählen, und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
- Buttonhintergrund: Klicke auf das Farbfeld, um die Hintergrundfarbe des Suchsymbols auszuwählen, und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
- Button-Symbol: Klicke auf das Farbfeld, um die Farbe des Suchsymbols auszuwählen, und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
- Rand: Füge einen Rand für deine Leiste hinzu und passe diesen an:
- Deckkraft & Farbe: Klicke auf das Farbfeld, um die Randfarbe auszuwählen, und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
- Randstil: Wähle den Stil deines Randes und auf welchen Seiten er angezeigt werden soll.
- Breite: Ziehe den Schieberegler, um den Rand dicker oder dünner zu gestalten.
- Ecken: Runde die Ecken deiner Suchleiste ab:
- Gib einen Wert in einer Ecke ein oder klicke auf das Symbol für Schloss und ändere alle Werte gleichzeitig.
- Schatten: Füge deiner Suchleiste einen Schatten hinzu:
- Klicke auf den Schalter Schatten, um einen Schatten hinzuzufügen.
- Passe den Schatten mit den folgenden Optionen an:
- Winkel: Wähle den Schattenwinkel aus.
- Abstand: Ziehe den Schieberegler, um den Abstand des Schattens zu vergrößern oder zu verkleinern.
- Größe: Ziehe den Schieberegler, um den Schatten zu vergrößern oder zu verkleinern.
- Weichzeichnen: Ziehe den Schieberegler, um die Unschärfe zu erhöhen oder zu verringern.
- Deckkraft & Farbe: Klicke auf das Farbfeld und wähle die Farbe der Schattierung und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
- Text: Formatiere den Text in der Leiste:
- Platzhalterfarbe: Klicke auf das Farbfeld, um die Farbe des Platzhaltertextes auszuwählen und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
- Farbe: Klicke auf das Farbfeld, um die Farbe des Eingabetextes auszuwählen.
- Schriftvorlage: Klicke auf das Aufklappmenü und wähle die Schriftvorlage aus.
- Schriftart: Klicke auf das Aufklappmenü und wähle die Schriftart aus.
- Schriftgröße: Ziehe den Schieberegler, um die Textgröße festzulegen.
- Fett/Kursiv: Klicke auf die Optionen, um den Text zu formatieren.
- Füllfarbe & Deckkraft: Ändere die Farbe des Hintergrunds der Leiste und des Symbols:
Ändere die Position deiner Suchleiste:
Um deine Suchleiste neu zu positionieren, klicke und ziehe sie in die Kopf- oder Fußzeile deiner Website.
War das hilfreich?
|