--- title: "Primäre Navigation" slug: "header-primary-navigation" description: "Add custom menu-like navigations on your Knowledge base site. Document360's header's primary navigation is the bar next to the logo at the top." tags: ["Navigation", "Customization"] updated: 2026-06-22T08:42:59Z published: 2026-06-22T08:42:59Z canonical: "docs.document360.com/header-primary-navigation" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Primäre Navigation Die Hauptnavigation ist die obere Leiste Ihrer Wissensdatenbank, die neben dem Logo liegt. Es ist eines der ersten Dinge, die Leser auf jeder Seite sehen – eine gut konfigurierte Hauptnavigation hilft den Lesern, schnell zum richtigen Abschnitt zu gelangen, ohne suchen oder scrollen zu müssen, und verleiht Ihrer Wissensbasis von Anfang an ein professionelles, poliertes Gefühl – sobald jemand darauf landet. --- ## Wann sollte man die primäre Navigation verwenden - **Surface Key-Ziele** – fügen Sie Links zu Ihrer Startseite hinzu, zur Dokumentation oder zu einem Einstiegsleitfaden, damit die Leser von jeder Seite Ihrer Seite aus navigieren können. - **Fügen Sie einen Aufruf zum Handeln hinzu** – verwenden Sie einen gestalteten Button, um die Leser zu einer bestimmten Aktion zu lenken, wie zum Beispiel die Anmeldung, den Support zu kontaktieren oder eine kostenlose Testphase zu starten. - **Verlinken Sie zu Ihren API-Dokumenten oder Ihrem Glossar** – wenn Ihre Wissensdatenbank API-Dokumentation oder ein Glossar enthält, fügen Sie diese in die Hauptnavigation ein, damit sie immer nur einen Klick entfernt sind. - **Einen Ticket-Deflektor einbetten** – ein Support-Formular direkt aus dem Header zeigen, damit die Leser Hilfe bekommen, ohne die Wissensdatenbank verlassen zu müssen. HINWEIS Der Header, die primäre Navigation, die sekundäre Navigation und der auf der Startseite angezeigte Footer sind separat unter () > **Knowledge base site** > **Site anpassen** > **Site-Header & Footer** konfiguriert. --- ## Wie man die primäre Navigation konfiguriert 1. Navigieren Sie zu () > **Knowledge base site** in der linken Navigationsleiste des Wissensdatenbankportals. 2. Im linken Navigationsfenster navigieren Sie zur **Site-Anpassung**. 3. Klicken Sie auf die **Schaltfläche "Website anpassen** ". 4. Wähle im linken Dropdown-Menü **Site-Header und** Fuß aus. 5. Erweitern Sie die **Option Header** und wählen **Sie die Primärnavigation**. ![Animated walkthrough of accessing and configuring the primary navigation in the Customize site builder](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/GIF-Configuring_primary_navigation.gif) 1. Klicken Sie auf **Neues Element hinzufügen** , um links oder rechts vom Seitenkopf ein Navigationsmenü hinzuzufügen. Das **Panel "Neuen Gegenstand hinzufügen** " erscheint. 2. Im **Dropdown-Menü Auswählen** wählen Sie den Navigationspunkt aus, den Sie hinzufügen möchten. ![Dropdown showing available navigation types including Home, Documentation, Custom URL, Call to action, and others](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1767830109363.png) Die verfügbaren Navigationstypen sind: | Typ | Was es hinzufügt | | --- | --- | | **Zuhause** | Ein Link zur Startseite Ihrer Wissensdatenbank | | **Dokumentation** | Ein Link zu deiner Dokumentationsseite | | **Benutzerdefinierte URL** | Ein Link zu einer internen oder externen URL | | **Aufruf zum Handeln** | Ein gestalteter Button mit einem eigenen Label, Link und Farbe | | **RSS-Feed** | Ein Link zu deinem Wissensdatenbank-RSS-Feed | | **Fahrkartenablenker** | Eine eingebettete Unterstützungsform | | **Glossar** | Ein Link zu der Übersichtsseite Ihres Wissensdatenbank-Glossars | | **API-Dokumentation** | Ein Link zu deinem API-Dokumentationsarbeitsbereich | | **Benutzerdefinierte Seite** | Ein Link zu einer benutzerdefinierten Seite, die du erstellt hast | HINWEIS Du kannst bis zu 6 Elemente zur Hauptnavigation hinzufügen. Sobald das Limit erreicht ist, erscheint eine Warnung: "Du hast die maximale Anzahl von 6 erreicht. Um einen neuen Link hinzuzufügen, entferne einen bestehenden Link." 1. Klicken Sie auf die **Standard-Hintergrundfarbe,** um den Farbwähler zu öffnen und die Hintergrundfarbe der Navigationsleiste zu ändern. 2. Verwenden Sie die **Optionen Bearbeiten** (), **Löschen** () und **Umordnen** () Optionen, um bestehende Elemente aus dem linken Panel zu verwalten. ![Left panel showing edit, delete, and reorder options for primary navigation items](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1730220371154.png) ## Wie man speichert und veröffentlicht - Nutzen Sie rechts den **Schalter Vorschau,** um Ihre Änderungen zu überprüfen. - Klicken Sie auf **Speichern** , um Ihre Änderungen zu speichern. - Klicken Sie **auf Veröffentlichen** , um Änderungen live vorzunehmen. --- ## Wissensdatenbank-Standortansicht So sieht die Hauptnavigation auf der Wissensdatenbank aus. ![Knowledge base site showing the primary navigation bar with menu items and a call to action button](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/7-Screenshot-Primary_navigation_KB_view.png) --- ## Best Practices - **Beschränke dich auf 4–5 Items** – eine überfüllte Hauptnavigation erzeugt visuelle Geräusche und erschwert es den Lesern, das zu finden, wonach sie suchen. Priorisieren Sie die wichtigsten Reiseziele. - **Nutze Call to Action nur für eine Schlüsselaktion** – die Tasten stechen optisch hervor. Die Verwendung von mehr als einem CTA-Button im Header verringert seine Wirksamkeit. Wählen Sie eine Hauptaktion. - **Stellen Sie die meistgenutzten Links links** an – die Leser scannen typischerweise von links nach rechts, also platzieren Sie Dokumentation und Startseite links und Nebeneinträge wie RSS oder Glossar weiter rechts. - **Teste Navigationsänderungen sowohl im Hell- als auch im Dunkelmodus** – die Hintergrundfarben der Navigationsleiste können je nach Thema unterschiedlich aussehen. --- ## FAQ **Wie kann ich den Header in Document360 anpassen?** Um den Header über die eingebauten Optionen hinaus anzupassen, können Sie benutzerdefinierten JavaScript-Code in {{variable. hinzufügen. Einstellungen}} () > {{variable. Wissensdatenbank-Seite}} > **Website anpassen** > **benutzerdefiniertes CSS und JavaScript**. Dadurch können Sie den Header anpassen, um zusätzliche Elemente wie Links oder Symbole hinzuzufügen. **Kann ich Social-Media-Icons in den Header einfügen?** Ja. Sie können Social-Media-Icons hinzufügen, indem Sie Links und Icons mit benutzerdefiniertem JavaScript in den Header-Navigationsbereich anhängen. Zum Beispiel können Sie Icons für LinkedIn, Twitter, Facebook und Instagram einbauen. **Wie füge ich einen Aufruf-zu-Aktion-Button in die Kopfzeile ein?** Navigiere zu {{variable. Einstellungen}} () > {{variable. Knowledge base site}} > **Seite anpassen** und auf **Site anpassen** klicken. Wählen Sie **Site-Header & Footer**, erweitern **Sie Header** und wählen **Sie Primärnavigation**. Klicke auf **Neuen Gegenstand hinzufügen** und dann im **Dropdown-Menü Typ auswählen Aktionsaufruf**. Gib einen Titel und einen Link ein, wähle Text und Hintergrundfarben und klicke **auf Hinzufügen**. ![Call to action button configuration panel in the primary navigation settings](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1767830165525.png) **Wie kann ich dynamisch einen Feedback-Link im Header erstellen?** Sie können JavaScript verwenden, um dynamisch einen Feedback-Link zu erstellen. Zum Beispiel kann ein `mailto` Link mit dem aktuellen Seitentitel als E-Mail-Betreff an den Header angehängt werden, sodass Leser direkt Feedback zu einer bestimmten Seite senden können.