header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Wix Editor: Breadcrumbs auf deiner Mobile-Website anpassen

4 min
In diesem Artikel
  • Breadcrumbs auf deiner mobilen Website einrichten
  • Das Layout der Breadcrumbs auf Mobile anpassen
  • Das Design deines Breadcrumb-Pfads auf Mobilgeräten anpassen
Breadcrumbs sind eine Methode zur Website-Navigation, die einen Pfad auf deiner Website anzeigt. Je nachdem, was du anzeigen möchtest, können Besucher sowohl die aktuelle Seite als auch die Startseite deiner Website sehen. Wenn deine Besucher auf eine Unterseite klicken, wird auch die Hauptseite auf dem Pfad angezeigt.
Nachdem du im Desktop-Editor Breadcrumbs zu deiner Website hinzugefügt hast, kannst du sie an deine mobile Website anpassen. Auf diese Weise schaffst du für Besucher mit Mobilgeräten ein einzigartiges Erlebnis, ohne deine Desktop-Website zu beeinträchtigen.
Wichtig:
Breadcrumbs können nicht als Mobile-Only-Element hinzugefügt werden. Du kannst sie nur über den Desktop-Editor hinzufügen.

Breadcrumbs auf deiner mobilen Website einrichten

Verwende die Einstellungen, um auszuwählen, was du in deinem Breadcrumb-Pfad auf der mobilen Version deiner Website anzeigen möchtest.
Wenn du die Startseite zeigst, kannst du auch wählen, ob sie als Text oder als Symbol angezeigt werden soll.

Um die Einstellungen deiner Breadcrumbs zu ändern:

  1. Klicke im Mobile-Editor.
  2. Klicke auf das Symbol für Einstellungen
  3. Verwende die Optionen, um auszuwählen, wie der Pfad angezeigt werden soll:
    • Welche Elemente zeigen Breadcrumbs an?: Wähle aus, welche Elemente auf dem Pfad angezeigt werden:
      • Vollständiger Pfad: Zeigt den gesamten Pfad zur aktuellen Seite an.
      • Startseite ausblenden: Blendet die Startseite aus dem Pfad aus.
      • Aktuelle Seite ausblenden: Blendet die Seite aus, auf der sich der Besucher gerade befindet.
      • Vorherige Seite: Zeigt ein V-förmiges Symbol (<) auf dem Pfad wie auch die Startseite der Website an.
    • „Startseite“ anzeigen als: Legt fest, wie deine Startseite im Pfad angezeigt werden soll:
      • Text: Der Name deiner Startseite wird in den Breadcrumbs angzeigt.
      • Symbol: In den Breadcrumbs wird deine Startseite als Symbol angezeigt.
Das Einstellungspanel für Breadcrumbs. Der Cursor fährt mit der Maus über die Option, die Startseite als Symbol im Pfad anzuzeigen.

Das Layout der Breadcrumbs auf Mobile anpassen

Je nachdem, was du auf dem Pfad anzeigen möchtest, kannst du den horizontalen und vertikalen Abstand an kleinere Bildschirme für deine mobilen Besucher anpassen.

Um den Abstand deiner Breadcrumbs zu ändern:

  1. Klicke in deinem Mobile-Editor auf das Breadcrumbs-Element.
  2. Klicke auf das Symbol für Layout .
  3. Ziehe den/die entsprechenden Schieberegler, um den vertikalen und/oder horizontalen Abstand zwischen den Elementen zu ändern.
Das Layout-Panel für Breadcrumbs im Mobile-Editor. Der Cursor fährt über den horizontalen Abstand.
Hinweis:
Die angezeigten Optionen hängen davon ab, was du auf dem Pfad anzeigen möchtest.

Das Design deines Breadcrumb-Pfads auf Mobilgeräten anpassen

Passe das Design deines Pfads an. Du kannst den Hintergrund, die Trennzeichen und die Elemente so anpassen, dass sie genau so aussehen, wie du es möchtest, und deine Mobile-Besucher so dazu anregen, deine Website weiter zu erkunden.

Um deinen Breadcrumb-Pfad anzupassen:

  1. Klicke im Mobile-Editor.
  2. Klicke auf das Symbol für Design .
  3. Wähle aus dem Dropdown-Menü aus, welchen Teil des Pfads du gestalten möchtest:
Das Breadcrumb-Panel Design anpassen. Der Text-Tab für Breadcrumb-Elemente ist geöffnet.