--- title: "Heldensektion" slug: "hero-section" updated: 2026-10-26T08:21:22Z published: 2026-10-26T08:21:22Z canonical: "docs.document360.com/hero-section" --- > ## 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. # Heldensektion Der Hero-Bereich ist das Vollbreite-Banner, das oben auf der Startseite Ihrer Wissensdatenbank angezeigt wird. Er ist das Erste, was Leser sehen, wenn sie Ihre Seite besuchen – bevor sie einen einzelnen Artikel lesen oder auf einen Link klicken. Ein gut konfigurierter Hero-Bereich kommuniziert sofort, worum es in der Wissensdatenbank geht, zeigt die Suchleiste für schnellen Zugriff und bietet den Lesern einen klaren Ausgangspunkt über Call-to-Action-Buttons. Sie können den Hintergrund, den Überschriftstext, den Werbetext, die Buttons und die Suchleiste des Hero-Bereichs so anpassen, dass sie Ihre Marke widerspiegeln und die Leser von Anfang an auf Ihrer Seite führen. Der Heldenbereich ist immer oben auf der Startseite vorhanden und kann nicht gelöscht oder neu geordnet werden. --- ## Wann man die Elemente des Heldenabschnitts verwenden sollte Der Helden-Abschnitt enthält vier konfigurierbare Elemente. Nicht alle müssen aktiv sein, verwenden Sie nur das, was Ihren Lesern dient: - **Begrüßungstext** – Verwenden Sie dies für eine kurze, prominente Überschrift, die den Lesern erklärt, worum es in der Wissensdatenbank geht. Funktioniert gut für Produktnamen, Slogans oder Überschriften im Stil von "Willkommen bei [Produkt] Docs". - **Werbetext** – Verwenden Sie dies für eine kurze unterstützende Nachricht unter der Überschrift – eine kurze Beschreibung, ein wichtiges Wertversprechen oder einen Prompt wie "Finden Sie Antworten, Anleitungen und Tutorials." - **Buttons** – Nutzen Sie diese als direkte Navigationslinks. Häufige Anwendungen sind Verlinkungen zu Getting Start, API-Dokumenten oder einer bestimmten Kategorie. Sie können bis zu drei Buttons hinzufügen. - **Suche** – Nutze dies, um die Suchleiste der Wissensdatenbank direkt im Helden anzuzeigen. Empfohlen für die meisten Wissensdatenbanken – es gibt den Lesern sofortigen Zugriff auf die Suche ohne Scrollen. --- ## Zugang zum Heldenbereich 1. Navigiere zu () in der linken Navigationsleiste des Knowledge Base-Portals. 2. Im linken Navigationsfenster navigieren Sie zur **Knowledge base site** > **Site-Anpassung**. 3. Klicken Sie auf die **Schaltfläche "Website anpassen** ". ![Site customization page showing the Customize site button](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/site-customization.png) 1. Wähle im linken Dropdown-Menü **Home** aus. Der Körperabschnitt listet alle Körperblöcke auf, wobei der Heldenabschnitt oben steht. 2. Klicken Sie auf den **Bereich Helden** , um mit der Anpassung zu beginnen. ![Hero section settings](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/site-customization-hero-section.png) --- ## Den Hintergrund des Heldenabschnitts anpassen Im **Dropdown-Menü Hintergrundtyp** wählen Sie eine der folgenden Optionen: | Hintergrundtyp | Beschreibung | | --- | --- | | **Keine** | Kein Hintergrund. Die Standard-Hintergrundfarbe ist weiß | | **Bild einfügen** | Laden Sie ein Bild von Ihrem Drive hoch oder geben Sie eine Bild-URL ein | | **Farbe** | Wählen Sie aus verfügbaren voreingestellten Farben oder verwenden Sie die benutzerdefinierte Farbpalette | | **Steigung** | Wählen Sie einen Farbverlauf aus den verfügbaren Optionen aus | | **Muster** | Wählen Sie ein Muster aus den verfügbaren Optionen aus | Im **Feld Ausrichtung** wählen Sie **Links**, **Mitte** oder **Recht,** um den Textinhalt im Hero-Bereich auszurichten. ![Hero section settings showing background type options and alignment controls](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/customize-site-home-bg.png) --- ## Konfiguration der Hero-Abschnittselemente Erweitern Sie den **Heldenbereich** im linken Panel, um jedes Element zu konfigurieren: | Element | Was du konfigurieren kannst | | --- | --- | | **Begrüßungstext** | Geben Sie eine **Überschrift im Textfeld Überschrift** ein. Wählen Sie eine Textfarbe aus. Klicken Sie , um das Element zu entfernen | | **Promotext** | Geben Sie unterstützende Inhalte im **Feld Absatztext** ein. Wählen Sie eine Textfarbe aus. Klicken Sie , um das Element zu entfernen | | **Knöpfe** | Setze Text- und Button-Farben. Gib Text und URL für jeden Button ein. Klicke auf **Hinzufügen-Button** , um bis zu drei Buttons hinzuzufügen. Verwenden Sie, um einzelne Buttons zu löschen oder auszublenden | | **Suche** | Wählen Sie den Suchleistenstil: **Eingabefeld** oder **Button**. Wählen Sie optional **benutzerdefinierte Hintergrundfarbe** aus – diese füllt die Primärfarbe sowohl für helle als auch für dunkle Themen vor. **Die Tastenkürzel anzeigen** ist standardmäßig aktiviert und zeigt Strg + K in der Suchleiste an. Klicken Sie, um das Suchelement zu entfernen | Unabhängig vom gewählten Stil öffnet ein Klicken oder Tippen auf die Startseite immer die vollständige Suchansicht – das gleiche Erlebnis wie die Wahl "Zur erweiterten Suche" gehen. Leser können keine Abfrage eingeben und sehen, dass Ergebnisse direkt im Hero-Bereich erscheinen Um ein Element zu verbergen, ohne es zu löschen, fahre im linken Panel mit der Maus darüber und klicke auf das **Symbol "Verbergen** ()". --- ## Wissensdatenbank-Standortansicht So erscheint ein angepasster Hero-Abschnitt auf der Knowledge Base-Website, wobei Überschrift, Werbetext, Buttons und Suche zusammen angezeigt werden. ![Knowledge base site showing the Hero section with customized heading, promo text, buttons, and search bar](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Hero%20section%20-%20KB%20site%20view.png) --- ## Best Practices - **Halte den Begrüßungstext kurz** – eine Zeile funktioniert am besten. Lange Überschriften verwickeln sich ungeschickt im Heldenbereich und verlieren an visueller Wirkung. - **Nutzen Sie Promotexte, um Erwartungen zu setzen** – ein einziger Satz, der beschreibt, was die Wissensdatenbank abdeckt, hilft den Lesern, sich schnell zu orientieren. - **Begrenze die Tasten auf zwei oder drei** – zu viele Optionen im Helden verursachen Entscheidungslähmung. Link nur zu den wichtigsten Zielen. - **Fügen Sie immer das Suchelement hinzu** – die Heldensuchleiste ist für die meisten Leser der schnellste Weg zu Antworten. Entfernen Sie sie nur, wenn die Suche an anderer Stelle auf der Seite platziert ist. - **Teste deine Hintergrundwahl sowohl im hellen als auch im Dunkelmodus** – Bilder und Farben, die im hellen Modus gut aussehen, können im dunklen Modus wenig Kontrast oder schlechte Lesbarkeit haben. - **Nutze Left Alignment für textlastige Helden** – zentrierter Text funktioniert gut für kurze Überschriften, wird aber bei längeren Längen schwerer zu lesen. --- ## FAQ **Wie ändere ich den Text der Dokumentationstaste auf der Startseite?** Navigiere zu {{variable. Einstellungen}} () > {{variable. Knowledge Base Site}} > **Site-Anpassung** und klicke **auf Site anpassen**. Im linken Dropdown-Menü wählst **du Home**. Öffne den **Hero-Bereich** und **wähle Buttons**. Aktualisiere den Dokumentations-Button-Text, klicke **auf Speichern** und dann **auf Veröffentlichen**. **Ermöglicht der Suchstil im Eingabefeld Leser, direkt auf der Startseite zu tippen und zu suchen, ohne eine separate Suchansicht zu öffnen?** Nein. Sowohl der Eingabebox- als auch der Button-Stil öffnen die vollständige Suchansicht nur, wenn man klickt oder tippt. Keiner der beiden Stile erlaubt es den Lesern, eine Anfrage einzugeben und Ergebnisse direkt im Hero-Bereich zu sehen. Wenn Sie möchten, dass Leser suchen, ohne das Homepage-Banner zu verlassen, können Sie Ihre Unterstützung zur bestehenden Feature-Anfrage hinzufügen, die für diese Funktion verfolgt wird.