Inhaltsverzeichnis
Geben Sie Ihren Lesern mit diesem dynamischen Inhaltsverzeichnis-Element eine klare Roadmap durch Ihre Langforminhalte, Sie scannt Ihre Seite automatisch nach Überschriften und erstellt einen anklickbaren Index, wodurch es für Besucher super einfach ist, zu dem Abschnitt zu springen, den sie benötigen Sie können stilvolle Listen-Icons wählen, das Ganze platzsparend zusammenklappbar machen und sogar eine praktische Schaltfläche “von oben scrollen” hinzufügen. Mit voller Kontrolle über Farben, Abstände und Typografie für jeden Teil können Sie einen TOC entwerfen, der aussieht, als wäre er für Ihre Website individuell codiert, und gleichzeitig das Benutzererlebnis und die Zeit auf der Seite verbessern.
Intelligente, automatisierte Headsammlung
Das Element erkennt intelligent die Überschriftenstruktur (H1, H2, H3 usw) auf Ihrer Seite und generiert das Inhaltsverzeichnis automatisch, sodass Sie sich vor dem manuellen Erstellen und Aktualisieren von Links bewahren können.
- Erstellen Sie sofort eine genaue Inhaltsliste für Artikel, Dokumentationen oder Zielseiten.
- Spart im Vergleich zum Erstellen einer manuellen Liste von Ankerlinks viel Zeit.
- Stellt sicher, dass der TOC immer mit der aktuellen Struktur Ihrer Seite übereinstimmt, wenn Sie Überschriften später bearbeiten.
Interaktives und platzsparendes Design
Machen Sie Ihr Inhaltsverzeichnis zusammenklappbar, damit Benutzer es per Klick erweitern oder ausblenden können. Sie können es so einstellen, dass es zusammengebrochen startet, um das Seitenlayout sauber zu halten und die Größe und Farbe des Kippsymbols zu steuern.
- Verbessern Sie die Seitenästhetik, indem Sie den TOC ausblenden, bis ein Benutzer ihn verwenden möchte.
- Perfekt für mobile Bildschirme, auf denen der Platz begrenzt ist.
- Bietet ein modernes, interaktives Gefühl, das das Benutzerengagement steigert.
Erweiterte Navigation mit Scroll-Tools
Enthält eine dedizierte Schaltfläche “Zur Spitze scrollen”, die beim Herunterscrollen der Benutzer angezeigt wird Sie können ihre Position, Größe und Farben anpassen und ein reibungsloses Scrollen mit einer anpassbaren Animationsverzögerung für ein ausgefeiltes Erlebnis ermöglichen.
- Verbessert die Navigation auf langen Seiten erheblich und erspart Benutzern das manuelle Scrollen.
- Der sanfte Scroll-Effekt verleiht Seitensprüngen ein professionelles, nahtloses Gefühl.
- Ermöglicht eine Feinabstimmung des Bildlaufversatzes, um feste Header oder andere Layoutelemente zu berücksichtigen.
Häufig gestellte Fragen zum Inhaltsverzeichnis
Kann ich bestimmte Überschriften aus dem Inhaltsverzeichnis ausschließen?
Ja. Überschriften können Sie global nach Tag-Typ (wie alle H4 s) in den Einstellungen ausschließen Um eine einzelne bestimmte Überschrift auszuschließen, fügen Sie der Registerkarte Erweitert dieses bestimmten Überschriftenelements in Elementor eine benutzerdefinierte CSS-Klasse hinzu.
Funktioniert es mit allen Überschriften-Tags (H1, H2, H3 usw)?
Ja. Das Element ist so konzipiert, dass es die Standardhierarchie der HTML-Überschrift-Tags von H1 bis H6 erkennt. Normalerweise können Sie auswählen, welche Ebenen in die Inhaltseinstellungen aufgenommen werden sollen.
Wie style ich den aktuell aktiven Abschnitt in der Liste?
Für den “Active Title” und “Active Border” gibt es spezielle Farbkontrollen. Diese ermöglichen es Ihnen, das Erscheinungsbild des TOC-Elements zu ändern, das dem Abschnitt entspricht, den der Benutzer gerade auf der Seite ansieht.
Wird der Button "Sprung nach oben" auf jeder Seite angezeigt?
Der Button ist Teil dieser spezifischen Elementinstanz. Er wird nur auf den Seiten angezeigt, auf denen Sie dieses Inhaltsverzeichnis-Widget platzieren und konfigurieren Es handelt sich nicht um einen globalen siteweiten Button, es sei denn, Sie fügen das Widget zu einer siteweiten Vorlage hinzu.
Kann ich benutzerdefinierte Symbole für den Listenstil verwenden?
Die Screenshots zeigen vordefinierte Optionen für den Listenstil (wie Zahlen und Symbole).Während Sie aus verfügbaren Stilen auswählen und diese ausmalen können, würde das Erstellen vollständig benutzerdefinierter Symbole wahrscheinlich zusätzliches CSS erfordern, es sei denn, das Plugin bietet einen direkten Icon-Bibliothekspicker.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
