Richten Sie sich an Ihrer Marke aus, indem Sie verwenden Zentrale Navigation Komponente

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 2 Minuten Lesedauer

    • Richten Sie Ihre Experience enger an Ihrer Marke aus, indem Sie bearbeiten Zentrale Navigation Komponente und ihre Unterkomponenten.

    Vorbereitungen

    Erforderliche Rolle: Administrator

    Warum und wann dieser Vorgang ausgeführt wird

    Die Zentrale Navigation Die Komponente besteht aus mehreren Unterkomponenten, die Sie einzeln formatieren müssen. In Themengenerator Release 5,0, Bearbeitung von Zentrale Navigation Ist auf den Header und die Menüs beschränkt, obwohl einige Stile für alle Aspekte von gelten können Zentrale Navigation Komponente und Unterkomponenten.

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > Designs > Themengeneratoran.
    2. Wählen Sie in der Dropdown-Liste Seite die Seitenansicht Editor aus.
      Abbildung : 1. Editor-Seitenansicht
      Ansicht der Editor-Seite.
    3. Wählen Sie in der Dropdown-Liste Design das Design aus, das Sie bearbeiten möchten Zentrale Navigation Komponente für.
    4. Wählen Sie aus Komponentenstile Registerkarte.
    5. Wählen Sie aus Wird Bearbeitet Registerkarte.
      Registerkarte „Komponentenstile bearbeiten“.
    6. Filtern Sie die Liste, um anzuzeigen Zentrale Navigation Komponente.
      1. Wählen Sie das Filtersymbol aus ).
      2. Erweitern Sie die Kategorie Navigation, und wählen Sie aus Zentrale Navigation Komponente.
        Abbildung : 2. Zentrale Navigation Komponente
        Komponente der einheitlichen Navigation, die aus der Filterliste ausgewählt wurde.
    7. Greifen Sie auf den Komponenteneditor zu, in dem Sie verschiedene Aspekte des Stils festlegen können Zentrale Navigation Komponente mithilfe einer der beiden aufgeführten Möglichkeiten:
      • Doppelklicken Sie auf Zentrale Navigation Komponentenkachel.
      • Von Zentrale Navigation Bearbeitungsbereich, wählen Sie aus Stilunterkomponenten .
      Abbildung : 3. Zentrale Navigation Bearbeitungsbereich
      Bearbeitungsbereich für Komponenten der einheitlichen Navigation, einschließlich der Schaltfläche „Stilunterkomponenten“.
    8. Wählen Sie aus Header Oder Menü Kachel zum Öffnen des Bereichs mit konfigurierbaren Stilen, in dem Sie die verfügbaren Design-Hooks bearbeiten können.
      Die bearbeitbaren Designhaken, die verfügbar sind, hängen vom Typ der von Ihnen ausgewählten Unterkomponente ab. Wenn Sie beispielsweise eine Header-Unterkomponente auswählen, können Sie die Hintergrundfarben für den Header bearbeiten. Wenn Sie eine Menüunterkomponente auswählen, können Sie die Farben für Hintergrund, Text und Symbole bearbeiten.
      Hinweis:
      Nachdem Sie die Änderungen an einem der Farbhaken gespeichert haben, wird das Symbol „Überschreibung entfernen“ angezeigt. Wählen Sie das Überschreibungssymbol entfernen, um Ihre Änderungen auf die ursprünglichen automatisch generierten Farben zurückzusetzen.
      Entfernen Sie das Überschreibungssymbol.
    9. Doppelklicken Sie auf Header Oder Menü Kachel, oder wählen Sie aus Stilunterkomponenten Dient zum Bearbeiten der verfügbaren Unterkomponenten.
      Eine Unterkomponente ist ein kleineres Teil einer größeren Komponente. Zum Beispiel die Zentrale Navigation Header oder Menü-Unterkomponente ist ein kleinerer Teil von Zentrale Navigation Komponente. Eine Interaktion beschreibt die verschiedenen Verhaltensweisen der Komponente oder Unterkomponente. Zum Beispiel sind die Standard- oder Zeigen-Interaktionen Interaktionen der Unterkomponente Menüauslöser.
      Abbildung : 4. Zentrale Navigation Bearbeitungsoptionen für Header-Unterkomponente
      Bearbeitungsoption für Header-Unterkomponente der einheitlichen Navigation.
    10. Bearbeiten Sie die einzelnen Unterkomponenten und Interaktionen, bis Sie die Stilgestaltung von abgeschlossen haben Zentrale Navigation Komponente.
      Wenn Sie beispielsweise auf die Unterkomponente „Header-Menüauslöser“ doppelklicken, stehen die Interaktionen des Menüauslösers für die Stilgestaltung zur Verfügung. Wenn Sie auf die Unterkomponente Menü doppelklicken, sind die Unterkomponenten und Interaktionen für jedes Menü verfügbar.
      Hinweis:
      Die Canvas-Farbfunktion wendet automatisch die Hintergrundfarbe aus der übergeordneten Unterkomponente an.
    11. Wahlweise: Wählen Sie beim Bearbeiten bestimmter Unterkomponenten, z. B. des Menüs, aus, welche Konfiguration Sie in der Vorschau anzeigen möchten.
      Beispiel: Wenn Sie die Unterkomponente Menü bearbeiten, nachdem Sie ausgewählt haben Komponentenkonfiguration , Sie können das spezifische Menü, das Sie bearbeiten möchten, aus der Dropdown-Liste Typ auswählen. Nachdem Sie das gewünschte Menü ausgewählt haben, werden alle verfügbaren Unterkomponenten für dieses bestimmte Menü aufgelistet.
      Abbildung : 5. Komponentenkonfigurationsmenü
      Komponentenkonfigurationsmenü mit ausgewähltem Verlaufsmenü.
    12. Wahlweise: Um zu einem vorherigen Komponentenbearbeitungsbildschirm zurückzukehren, wählen Sie einen der Breadcrumb-Links aus.
      Abbildung : 6. Breadcrumb-Navigation für Komponentenbearbeitung
      Breadcrumb-Navigation für Komponentenbearbeitung.

    Ergebnisse

    Wenn Ihr Design veröffentlicht wird, ist Ihr Zentrale Navigation Bearbeitungen sind für Anwender sichtbar, deren Design bei der Aktualisierung angewendet wird. Informationen zum Veröffentlichen Ihres Designs finden Sie unter Veröffentlichen Sie Ihre Designs mit Themengenerator.