Längere Beiträge und Seiten werden mit einem Inhaltsverzeichnis deutlich übersichtlicher. Die kostenlose Meier Ghost TOC Bubble ergänzt Ghost deshalb um eine schwebende Navigation am rechten Browserrand – unabhängig vom verwendeten Theme.
Die senkrechte Bubble zeigt die Hauptabschnitte als kleine Punkte. Beim Scrollen wird der aktuelle Abschnitt animiert hervorgehoben. Ein Klick auf die Bubble öffnet das vollständige Inhaltsverzeichnis mit den erkannten Überschriften.
Funktionen der TOC Bubble
- schwebende Navigation am rechten Browserrand
- automatische Erkennung von H2- und H3-Überschriften
- animierte Anzeige des aktuellen Abschnitts
- direkte Sprunglinks zu den Überschriften
- Unterstützung für Beiträge und normale Ghost-Seiten
- responsive Darstellung auf Smartphones
- heller und dunkler Darstellungsmodus
- Bedienung per Maus und Tastatur
- keine externen Bibliotheken
- keine Änderung am Ghost-Theme erforderlich
Die Bubble erscheint standardmäßig ab drei passenden Überschriften. Auf kurzen Seiten und Beiträgen bleibt sie automatisch ausgeblendet.
Installation im Ghost CMS
Die Installation erfolgt vollständig über die Code Injection von Ghost.
Nach dem Herunterladen und Entpacken enthält das Paket zwei Dateien:
01-site-header.txt02-site-footer.txt
Öffne in Ghost den Bereich Einstellungen → Code Injection.
Kopiere den vollständigen Inhalt aus 01-site-header.txt in das Feld Site Header.
Anschließend kopierst du den vollständigen Inhalt aus 02-site-footer.txt in das Feld Site Footer.
Speichern, einen Beitrag oder eine Seite mit mindestens drei Überschriften öffnen – fertig.
Bereits vorhandener Code kann in beiden Feldern bestehen bleiben. Die beiden TOC-Blöcke können einfach darunter eingefügt werden.
Kostenlos herunterladen
Aktuelle Version: 1.1.1
Die Erweiterung kann kostenlos verwendet und an die eigene Ghost-Website angepasst werden.
Funktioniert die Bubble mit jedem Ghost-Theme?
Die Meier Ghost TOC Bubble erkennt die verbreiteten Inhaltsbereiche vieler Ghost-Themes automatisch. Sie funktioniert sowohl mit klassischen Beiträgen als auch mit normalen Seiten.
Da individuell entwickelte Themes eigene Strukturen verwenden können, lässt sich eine vollständige Kompatibilität mit jedem existierenden Theme nicht garantieren. Mit üblichen Ghost-Themes sollte die Erweiterung jedoch ohne weitere Anpassung funktionieren.
Anpassungen
Am Anfang der Footer-Datei befinden sich einige verständliche Einstellungen. Darüber können unter anderem folgende Werte angepasst werden:
- Titel des geöffneten Inhaltsverzeichnisses
- Mindestanzahl der Überschriften
- Abstand zu einem feststehenden Header
- Abstand zum rechten Browserrand
Wer keine individuellen Änderungen benötigt, kann die vorhandenen Standardwerte einfach übernehmen.
TOC Bubble entfernen
Zur Deinstallation müssen lediglich die beiden markierten TOC-Blöcke aus Site Header und Site Footer entfernt werden.
Die Erweiterung verändert keine Theme-Dateien und hinterlässt keine zusätzlichen Inhalte in Ghost.
Die Meier Ghost TOC Bubble lädt keine Skripte, Stylesheets oder Bibliotheken von externen Servern. Der gesamte Code wird direkt in Ghost hinterlegt. Dadurch entstehen keine zusätzlichen CDN-Aufrufe und installierte Versionen können nicht nachträglich von außen verändert werden.