Wenn Sie lange Inhalte veröffentlichen, hilft das Hinzufügen eines Inhaltsverzeichnisses sowohl Suchmaschinen als auch Besucher Menschen, um Ihre Inhalte zu navigieren und zu verstehen.
Mit dem Widget Inhaltsverzeichnis Widget für WordPress, können Sie ganz einfach ein Inhaltsverzeichnis zu Ihrer hinzufügen Webseite der seinen Inhalt automatisch basierend auf der Hierarchie der Titel-Tags in Ihrem Inhalt generiert.
Beispielsweise:
Wenn Sie dieses Widget mit dem Visual Theme Builder von verwenden Elementor Pro können Sie allen Ihren Inhalten automatisch ein Inhaltsverzeichnis 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öchten wir darauf hinweisen, dass Sie dieses Widget auch auf einfache Weise verwenden können. In diesem Tutorial konzentrieren wir uns jedoch darauf, das Inhaltsverzeichnis automatisch zu allen (oder einigen) Ihrer Inhalte hinzuzufügen Elementor Theme Builder und einzigartige Beitragsvorlagen.
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.
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:
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.
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 :
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 Basics um andere Parameter zu steuern:
Zeilenumbruch - ob die Elemente mehrere Zeilen umfassen können oder nicht.
Box minimieren - wenn die Besucher kann das Inhaltsverzeichnis verkleinern oder auch nicht. Wenn Sie diese Option aktivieren, können Sie auch benutzerdefinierte Symbole auswählen und das Reaktionsverhalten festlegen. Beispielsweise können Sie dieses Inhaltsverzeichnis automatisch ausblenden Besucher auf dem Handy.
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.
4. Konfigurieren Sie die Stileinstellungen
Navigieren Sie als Nächstes zur Registerkarte Stil, um das Design Ihres Inhaltsverzeichnisses zu konfigurieren. Sie können alle Farben und die Typografie ändern, um ein benutzerfreundliches Erlebnis zu schaffen und mit dem Rest Ihres Designs übereinzustimmen. Webseite :
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.
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:
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.
