header-logo
GrundlagenErfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Deine Website erstellenGestalte und verwalte deine Website mit Wix.
Konto und AbrechnungVerwalte Premiumpakete, Abos und Rechnungen
Wix Mobile AppsFühre dein Unternehmen und vernetze dich mit Mitgliedern.
DomainsKaufe, verknüpfe oder übertrage eine Domain.
Dein Unternehmen verwaltenStärke dein Unternehmen und deine Webpräsenz.
Werbung für deine WebsiteSteigere deine Sichtbarkeit mit SEO und Marketing.
Studio, Partner von Wix & EnterpriseNutze erweiterte Funktionen für mehr Effizienz.
Du benötigst weitere Hilfe?Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Wix LearnVerbessere deine Kenntnisse mit unseren Tutorials.
Wix BlogErhalte Tipps für Webdesign, Marketing und mehr.
SEO Learning HubErfahre, wie du den organischen Traffic steigerst.
Website developmentErstelle eine Website mit unserer Full-Stack-Plattform.
Engagiere einen ProfiFinde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Wix Editor: Deinen Breadcrumb-Pfad anpassen

4 Min.
In diesem Artikel
  • Das Layout deines Breadcrumb-Pfads ändern
  • Deine Breadcrumbs gestalten
Nachdem du deinen Breadcrumbs-Pfad hinzugefügt und eingerichtet hast, kannst du ihn nach deinen Wünschen gestalten, indem du ihn an das von dir gewünschte Design anpasst. Wähle Presets und passe Layout und Design an. So weckst du die Neugier deiner Besucher. Sie bleiben länger auf deiner Website, klicken sich durch die verschiedenen Möglichkeiten und erkunden sie.
Wichtig:
Du musst den Velo-Dev-Modus auf deiner Website aktivieren, um Breadcrumbs hinzuzufügen und anzupassen. Mit Velo kannst du Code auf deiner Website verwenden, um damit benutzerdefinierte Funktionalitäten und Interaktionen zu erstellen. 

Das Layout deines Breadcrumb-Pfads ändern

Passe das Layout deines Breadcrumb-Pfads an die Ausrichtung deiner Website an. Du kannst Einstellungen wie die Trennlinien, den Abstand und die Richtung der Elemente ändern.

Um das Layout des Pfads anzupassen:

  1. Klicke in deinem Editor auf das Breadcrumbs-Element.
  2. Klicke auf das Symbol für Layout .
  3. Passe das Layout mit den verfügbaren Optionen an:
    • Überlauf-Elemente: Wähle aus, wie Elemente im Pfad angezeigt werden sollen:
      • Umbruch: Wenn Elemente nicht auf den Bildschirm passen, wird eine weitere Linie auf dem Pfad erstellt.
      • Einklappen: Elemente werden nur in einer Zeile angezeigt. Wenn sie nicht in die Zeile passen, werden Auslassungspunkte angezeigt.
    • Trennzeichen anzeigen: Aktiviere den Schieberegler, um Trennzeichen zwischen den Textelementen anzuzeigen, und wähle dann das gewünschte Symbol aus: Pfeil oder Schrägstrich
    • Horizontaler Abstand: Ziehe den Slider, um den Abstand zwischen den Elementen zu ändern.
    • Vertikaler Abstand: Ziehe den Schieberegler, um den Abstand über und unter den Elementen zu ändern.
    • Elemente ausrichten: Wähle aus, wie die Elemente ausgerichtet werden: Links, Zentriert oder Rechts.
    • Breadcrumbs anzeigen von: Wähle die Richtung, in der die Elemente angezeigt werden: von Links nach rechts oder von Rechts nach links.
Screenshot des Breadcrumb-Layout-Panels.

Deine Breadcrumbs gestalten

Wähle für den Breadcrumb-Pfad ein weiteres Design aus den verfügbaren Optionen aus, oder passe dieses für eine klare und eindeutige Seitenhierarchie noch weiter an. Du kannst das Aussehen des gesamten Pfades mit Einstellungen wie Abstand, Farbe und Größe anpassen.

Um das Design anzupassen:

  1. Klicke in deinem Editor auf das Breadcrumbs-Element.
  2. Klicke auf das Symbol für Design .
  3. (Optional) Wähle ein anderes Presetdesign aus.
  4. Klicke auf Design anpassen.
  5. Wähle aus dem Dropdown-Menü aus, was du gestalten möchtest:
Das Breadcrumb-Design-Panel. Die Optionen für Elemente ist geöffnet.