Springe zum Hauptinhalt

So fügen Sie mit Elementor ein Inhaltsverzeichnis in WordPress hinzu

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Wenn Sie lange Inhalte veröffentlichen, hilft das Hinzufügen eines Inhaltsverzeichnisses sowohl Suchmaschinen als auch menschlichen Besuchern beim Navigieren und Verstehen Ihrer Inhalte.

Mit dem Widget Inhaltsverzeichnis Widget für WordPressSie können Ihrer Website ganz einfach ein Inhaltsverzeichnis hinzufügen, das den Inhalt automatisch basierend auf der Hierarchie der Titel-Tags in Ihrem Inhalt generiert.

Beispielsweise:

So fügen Sie Tabelleninhalte hinzu: WordPress Elementor Blogpascher-Tag

Wenn Sie dieses Widget mit dem Visual Theme Builder von Elementor Pro verwenden, können Sie automatisch ein Inhaltsverzeichnis zu allen Inhalten hinzufügen, ohne einen Finger zu rühren. Wenn ein Besucher auf einen Link im Inhaltsverzeichnis klickt, fungiert er als Anker und führt ihn zu diesem Abschnitt der Seite.

In diesem Beitrag zeigen wir Ihnen genau, wie Sie das Widget konfigurieren Inhaltsverzeichnis Widget für WordPress mit Elementor Theme Builder.

Aber lassen Sie uns vorher gemeinsam entdecken Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren.

Dann zurück zu warum wir hier sind.

So fügen Sie mit Elementor ein Inhaltsverzeichnis hinzu

Zunächst müssen wir beachten, dass Sie dieses Widget auch auf einfache Weise verwenden können. In diesem Tutorial konzentrieren wir uns jedoch darauf, mithilfe von Elementor Theme Builder und einzelnen Post-Vorlagen automatisch TOC zu allen (oder einigen) Ihrer Inhalte hinzuzufügen.

Hier ist, wie es geht.

1. Erstellen oder ändern Sie eine einzelne Beitragsvorlage

Verwenden Sie zunächst Elementor Theme Builder, um eine neue eindeutige Beitragsvorlage zu erstellen, oder bearbeiten Sie eine Ihrer vorhandenen eindeutigen Beitragsvorlagen, in denen Sie das Inhaltsverzeichnis hinzufügen möchten.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Sie können Ihre Vorlage auf jede Art von Beitrag anwenden (Blog, Seite, benutzerdefinierter Beitragstyp). Wir konzentrieren uns jedoch auf Blog-Beiträge.

2. Fügen Sie das Widget Inhaltsverzeichnis hinzu

Fügen Sie das Widget hinzu, nachdem Sie Ihre eindeutige Beitragsvorlage geöffnet haben Inhaltsverzeichnis wo Ihr Inhaltsverzeichnis angezeigt werden soll. Es befindet sich in der Kategorie "Einzigartig" mit den Widgets für den Beitragstitel und den Beitragsinhalt:

Hinzufügen von Tabelleninhalten WordPress Elementor oder Blogpascher 1

Sobald Sie das Widget hinzugefügt haben, sollte automatisch eine Liste aller Titel angezeigt werden, die im Beitrag vorhanden sind.

Jetzt ist es Zeit, die Einstellungen dieses Widgets zu konfigurieren.

3. Konfigurieren Sie die Widget-Tabelle

Stellen Sie sicher, dass Sie die Einstellungen für das Widget "Inhaltsverzeichnis" öffnen. Verwenden Sie dann die Registerkarte Inhalt um den Inhalt zu konfigurieren, der in Ihrem Inhaltsverzeichnis angezeigt wird.

Fügen Sie zunächst den Titel hinzu, z. B. "Inhaltsverzeichnis". Dies ist statischer Text, der über der Liste der Ankerlinks angezeigt wird, die das Widget automatisch generiert.

Wählen Sie dann den einzuschließenden Inhalt aus. In der Registerkarte Einschließen, Du kannst rein kommen :

  • HTML-Tag. Zum Beispiel können Sie einschließen und, aber nicht weniger. Sie müssen Ihre Titel-Tags im WordPress-Editor definieren.
  • Behälter. Sie können auch Ankerlinks zu anderen Containern außerhalb Ihres Beitragsinhalts hinzufügen. Zum Beispiel Ihre Fußzehe. Dies ist eine erweiterte Funktion.

Hinzufügen von Tabelleninhalten WordPress Elementor oder Blogpascher 2

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Wenn Sie auf die Registerkarte zugreifen Ausschließen, Sie können bestimmte Kopfzeilen mithilfe eines CSS-Selektors von Ihrem Beitrag ausschließen. Zum Beispiel, wenn Sie einen einzelnen Titel ausschließen möchten , Sie können eine spezielle CSS-Klasse hinzufügen " ignorieren Zu diesem Header mit dem WordPress-Editor, schließen Sie ihn dann mit der Regel aus  Anker nach Selektor :

Hinzufügen von Tabelleninhalten WordPress Elementor oder Blogpascher 3

Dann können Sie den Parameter verwenden Markierungsansicht um zwischen Zahlen und Aufzählungszeichen in Ihrem Inhaltsverzeichnis zu wählen. Wenn du wählst " Kugeln "können Sie aus einem beliebigen Font Awesome-Symbol auswählen.

Schließlich können Sie den Abschnitt verwenden Zusätzliche Optionen um andere Parameter zu steuern:

Zeilenumbruch - ob die Elemente mehrere Zeilen umfassen können oder nicht.

Box minimieren - ob Besucher das Inhaltsverzeichnis reduzieren können oder nicht. Wenn Sie diese Option aktivieren, können Sie auch benutzerdefinierte Symbole auswählen und das Reaktionsverhalten definieren. Beispielsweise können Sie dieses Inhaltsverzeichnis für mobile Besucher automatisch reduzieren.

Hierarchische Ansicht - Wenn diese Option aktiviert ist, werden Unterüberschriften unter den übergeordneten Überschriften eingerückt. Wenn deaktiviert, wird alles in einer einzigen Liste ohne Einrückung angezeigt.

Hinzufügen von Tabelleninhalten WordPress Elementor oder Blogpascher 4

4. Konfigurieren Sie die Stileinstellungen

Wechseln Sie als Nächstes zur Registerkarte Stil, um das Design Ihres Inhaltsverzeichnisses zu konfigurieren. Sie können alle Farben und Typografien ändern, um eine benutzerfreundliche Erfahrung zu erzielen und sie an den Rest Ihres Website-Designs anzupassen:

Hinzufügen von Tabelleninhalten WordPress Elementor oder Blogpascher 5

5. Konfigurieren Sie erweiterte Einstellungen

Um die Sache zu beenden, gehen Sie zur Registerkarte Erweitert um einige weitere Einstellungen für die Funktionsweise Ihres Inhaltsverzeichnisses zu konfigurieren.

Zum Beispiel, wenn Sie einstellen Breite  gleich Maßgeschneidert et Position gleich Behoben im Abschnitt Positionierungkönnen Sie sicherstellen, dass das Inhaltsverzeichnis auch dann an derselben Position bleibt, wenn Benutzer mit dem Scrollen der Seite beginnen.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Wenn Sie Positionierung Um Ihr Inhaltsverzeichnis über einem anderen Element (wie Ihrer Kopfzeile) anzuzeigen, können Sie auch den Z-Index erhöhen, damit es oben angezeigt wird:

Hinzufügen von Tabelleninhalten WordPress Elementor oder Blogpascher 6

Und das ist alles ! Sie haben gerade gelernt, wie Sie mithilfe des Elementor Visual Theme Builder und des Widgets "Inhaltsverzeichnis" automatisch ein Inhaltsverzeichnis zu Ihrem Inhalt hinzufügen.

Kaufen Sie zunächst Elementor Pro noch heute und erstellen Sie Ihr Inhaltsverzeichnis in Elementor Theme Builder.

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben