Passen Sie sie mit der Komponente Zentrale Navigation an Ihre Marke an

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 2 Minuten Lesedauer

    • Richten Sie Ihre Experience stärker an Ihrer Marke aus, indem Sie die Komponente Zentrale Navigation und ihre Unterkomponenten bearbeiten.

    Vorbereitungen

    Erforderliche Rolle: Administrator

    Warum und wann dieser Vorgang ausgeführt wird

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

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > Designs > Themengenerator.
    2. Wählen Sie in der Dropdown-Liste Seite die Ansicht Editorseite aus.
      Abbildung : 1. Editor-Seitenansicht
      Ansicht der Seite „Editor“.
    3. Wählen Sie in der Dropdown-Liste Design das Design aus, für das Sie die Komponente Zentrale Navigation bearbeiten möchten.
    4. Wählen Sie die Registerkarte Komponentenstile.
    5. Wählen Sie die Registerkarte Bearbeiten.
      Registerkarte „Bearbeitung“ für Komponentenstile.
    6. Filtern Sie die Liste, um die Komponente Zentrale Navigation anzuzeigen.
      1. Wählen Sie das Filtersymbol ( Filtersymbol) aus.
      2. Erweitern Sie die Navigationskategorie, und wählen Sie die Komponente Zentrale Navigation aus.
        Abbildung : 2. Zentrale Navigation Komponente
        Komponente der zentralen Navigation aus der Filterliste ausgewählt.
    7. Greifen Sie auf den Komponenteneditor zu, in dem Sie verschiedene Aspekte der Komponente Zentrale Navigation auf eine der beiden aufgeführten Arten formatieren können:
      • Doppelklicken Sie auf die Komponentenkachel Zentrale Navigation.
      • Wählen Sie im Bearbeitungsbereich Zentrale NavigationStilunterkomponentenaus.
      Abbildung : 3. Zentrale Navigation Bearbeitungsbereich
      Bearbeitungsbereich für Komponenten der zentralen Navigation, einschließlich der Schaltfläche „Stilunterkomponenten“.
    8. Wählen Sie die Kachel Header oder Menü aus, um den Bereich mit konfigurierbaren Stilen zu öffnen, in dem Sie die verfügbaren Design-Hooks bearbeiten können.
      Welche bearbeitbaren Design-Hooks verfügbar sind, hängt 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 Menu-Unterkomponente auswählen, können Sie die Hintergrund-, Text- und Symbolfarben bearbeiten.
      Hinweis:
      Nachdem Sie die Änderungen an einem der Farb-Hooks gespeichert haben, wird das Symbol „Überschreibung entfernen“ angezeigt. Wählen Sie das Überschreibungssymbol für Entfernen, um Ihre Änderungen auf die ursprünglichen, automatisch generierten Farben zurückzusetzen.
      Entfernen Sie das Überschreibungssymbol.
    9. Doppelklicken Sie auf die Kachel Header oder Menü, oder wählen Sie Stilunterkomponenten aus, um die verfügbaren Unterkomponenten zu bearbeiten.
      Eine Unterkomponente ist ein kleineres Stück einer größeren Komponente. Beispielsweise ist die Header- oder Menü-Unterkomponente Zentrale Navigation ein kleinerer Teil der Komponente Zentrale Navigation. Eine Interaktion beschreibt die unterschiedlichen Verhaltensweisen der Komponente oder Unterkomponente. Beispielsweise sind die Interaktionen Standard oder Daraufzeigen Interaktionen der Unterkomponente Menüauslöser.
      Abbildung : 4. Zentrale Navigation Bearbeitungsoptionen für Header-Unterkomponenten
      Bearbeitungsoption für die Unterkomponente des Headers der zentralen Navigation.
    10. Bearbeiten Sie alle Unterkomponenten und Interaktionen, bis Sie das Formatieren der Komponente Zentrale Navigation abgeschlossen haben.
      Wenn Sie beispielsweise auf die Unterkomponente Headermenüauslöser doppelklicken, stehen die Interaktionen des Menüauslösers für die Formatierung zur Verfügung. Ebenso sind die Unterkomponenten und Interaktionen für jedes Menü verfügbar, wenn Sie auf die Unterkomponente Menü doppelklicken.
      Hinweis:
      Die Canvas-Farbfunktion wendet automatisch die Hintergrundfarbe aus der übergeordneten Unterkomponente an.
    11. Wahlweise: Wählen Sie bei der Bearbeitung bestimmter Unterkomponenten, z. B. des Menüs, aus, welche Konfiguration in der Vorschau angezeigt werden soll.
      Wenn Sie beispielsweise die Unterkomponente Menü bearbeiten, können Sie, nachdem Sie Komponentenkonfigurationausgewählt haben, 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.
      Abbildung : 6. Breadcrumb-Navigation für Komponentenbearbeitung
      Breadcrumb-Navigation für Komponentenbearbeitung.

    Ergebnisse

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