Wie fügt man Floating Table of Contents zu Ihren WordPress Posts hinzu
Jeder, der lange genug im Geschäft mit Online-Content-Providern war, weiß, dass Google lange Geschichten liebt, da es Internetnutzern qualitativ hochwertigere Materialien zur Verfügung stellt. Als Ergebnis sind Artikel mit Tausenden von Wörtern im World Wide Web üblich geworden. Auf der anderen Seite steigt aber auch die Anzahl der Leser, die bei ihren Erkundungen verloren gehen.
Eine Sache, die beim Navigieren durch den langen Artikel hilfreich sein sollte, ist Table of Contents (TOC). Leider ist das Inhaltsverzeichnis meistens so eingestellt, dass es an einer bestimmten Position sitzt und schnell verschwindet, wenn der Benutzer wegscrollt. Es wäre schön, wenn Sie das Inhaltsverzeichnis so einstellen könnten, dass es in einer festen Position entlang des Artikels schwebt, so dass es immer verfügbar ist.
Wenn Sie ein WordPress-Benutzer sind, können Sie Ihren WordPress-Posts ein Floating-Table of Content hinzufügen.
Hinzufügen des Inhaltsverzeichnisses
Der erste Schritt besteht darin, das Inhaltsverzeichnis einzufügen. Ein empfohlenes TOC-Plugin ist Table of Contents Plus. Dieses Plugin generiert automatisch das Inhaltsverzeichnis basierend auf den Überschriften Ihres Artikels.
Nach der Installation und Aktivierung ist das Plugin im Menü "Einstellungen -> TOC +" erreichbar. Aus den Einstellungen können Sie festlegen, dass das Plugin automatisch bei bestimmten Inhaltstypen angezeigt wird. Legen Sie die Mindestanzahl der Header fest, bevor Sie es aktivieren, verwenden Sie Shortcodes, um es zu aktivieren / deaktivieren und es an einer bestimmten Stelle des Posts / der Seite einzufügen Anpassungen.
Um das Inhaltsverzeichnis in der Seitenleiste anzuzeigen, gehen Sie zu "Darstellung -> Widgets" und ziehen Sie dann das Widget "Inhaltsverzeichnis +" in den Widgetbereich der Seitenleiste. Klicken Sie auf Speichern, und Sie sind fertig.
Das Inhaltsverzeichnis wird in der Seitenleiste aller Posts und Seiten angezeigt, die die Kriterien erfüllen.
Das TOC-Sidebar-Widget wird jedoch weiterhin mit dem Artikel angezeigt. Lassen Sie uns in diesem Tutorial weitermachen.
Das Inhaltsverzeichnis machen Stick
Um unser zweites Ziel zu erreichen, benötigen wir Hilfe von einem anderen Plugin namens Q2W3 Fixed Widget. Gehen Sie die übliche Reise durch die WordPress Repository Lane, installieren und aktivieren Sie das Plugin.
Diese Plugin-Einstellung ist über das Menü "Aussehen -> Feste Widget-Optionen" zugänglich, aber die meisten Benutzer müssen nicht an ihnen basteln.
Die Verwendung des Plugins ist einfach. Gehen Sie zurück zu "Darstellung -> Widgets" und wählen Sie das Widget aus, das Sie in der Seitenleiste anheften möchten. Da wir möchten, dass das TOC + -Widget entlang der Bildlaufleiste an einer festen Position in der Seitenleiste schwebt, wählen Sie es aus.
Sie werden feststellen, dass oberhalb der Schaltfläche "Speichern" ein neues Kontrollkästchen angezeigt wird, das als "Fixes Widget" bezeichnet wird. Aktivieren Sie einfach dieses Kontrollkästchen, und Sie haben ein festes Inhaltsverzeichnis.
Und das Feature ist nicht auf Table of Contents Plus beschränkt. Sie können das Q2W3-Plugin verwenden, um jedes Widget in der Seitenleiste sichtbar zu machen.
Jetzt können Sie auf die Seite oder den Beitrag mit dem Sidebar-TOC-Widget gehen und Ihre Arbeit bewundern. Sollten Sie es einmal deaktivieren müssen, gehen Sie zurück zum Menü "Darstellung -> Widgets" und deaktivieren Sie das Kontrollkästchen.
Einige Tipps
CSS-Master können zwar die Stilanpassungsfunktion von TOC + nutzen, um ihr Aussehen an ihre Präferenzen anzupassen, aber die meisten Benutzer werden das Plug-in einfach verwenden. Dies bedeutet, dass die TOC-Anzeige stark von dem von Ihnen verwendeten Thema beeinflusst wird.
Ich habe es geschafft, die Kombination von TOC + und Q2W3 mit mehreren Themen zu testen, und hier sind einige Tipps, die Sie verwenden können, um das maximale Ergebnis zu erzielen.
Legen Sie zunächst das feste TOC + -Widget am unteren Rand der Sidebar unterhalb der anderen Widgets an, damit es beim Scrollen nicht über ein anderes Widget hinausgeht. Da das Widget einen transparenten Hintergrund hat (zumindest in den Themen, mit denen ich getestet habe), ist es kein schöner Anblick, zwei übereinander gestapelte transparente Widgets zu betrachten, besonders wenn man sich bewegt und das andere nicht.
Zweitens: Verwenden Sie so wenig Widgets wie möglich in der Seitenleiste. Auf diese Weise wird das TOC + -Widget vor dem Seitenumbruch sichtbar, dann wird es mit der Seite hochgescrollt, bis es die oberste Seite erreicht und dort bleibt.
Ein weiterer Vorteil der Verwendung einer festen Seitenleiste besteht darin, dass Ihr Besucher nie den leeren Bereich haben wird, der normalerweise angezeigt wird, wenn er die Seite heruntergerollt ist.
Probieren Sie die Kombination aus und teilen Sie uns mit, was Sie davon halten.