Logo

Bludit Plugin erzeugt automatisches Inhaltsverzeichnis im Content


Inhaltsverzeichnisse in Beiträgen haben hohe SEO Wirkung. Dieses Bludit Plugin erzeugt für jeden Beitrag ein Inhaltsverzeichnis vor dem Beitragstext.

Sabrent ext.Festplattengehäuse

Sabrent ext.Festplattengehäuse - HIGH SPEED Das SABRENT externe Festplatte Gehäuse unterstützt UASP, deshalb kann das Gehäuse Ihnen eine außergewöhlich hohe Übertragungsrate von bis zu 5 Gbps für den Datentransfer bieten! Damit lassen sich HD Filme, Music und data in nur Sekunden transferieren. (Abwärtskompatibel mit USB 2.0 oder 1.1) Hinweis

kaufen...
Automad Bludit Coast GetSimple GRAV Handlebars Java PHP Pico Smarty Templating Typemill WonderCMS WordPress yamlCMS

Download Bludit Plugin

So funktioniert der Download: Klicken Sie den Download-Button an, um in das GitHub-Repository von CMSWorkbench zu gelangen. Im Repository können Sie das Plugin über den grünen Button Code - Download ZIP herunterladen.

Warum ein Inhaltsverzeichnis wichtig ist

Platzieren Sie ein Inhaltsverzeichnis im Beitragstext bereits am Anfang des Textes, haben Sie gute Chancen, das Google Ihren Content positiv bewertet und im Ranking aufsteigen lässt. Aufzählungen deuten darauf hin, das signifikante Informationen für den Leser als wertvolle Liste aufgeführt wurden. Listen sind aus ergonomnischer Sicht schneller für den Menschen zu erfassen als reiner Text - folglich werden Aufzählungen hoch bewertet.

Bludit Plugin InhaltsverzeichnisBild: Automatisches Inhaltsverzeichnis mit Bludit Plugin erzeugt

H2-Tags als Liste anzeigen

Für die Erstellung einer Liste kommen zunächst die H-Tags (Überschriften) in frage. Das H1 Tag befindet sich bereits im Kopf der Webseite und darf 1x pro Seite verwendet werden, bleiben folglich die H2-Tags, die Sie im Beitrag maximal 4x nutzen können (ein paar mehr schadet dem SEO aber auch nicht). Das Bludit Plugin Inhaltsverzeichnis, sucht aus dem gesamten Content alle H2 Tags heraus und erstellt daraus eine HTML-Liste. Untergeordnete H3 Tags werden ignoriert. Das Plugin hat den folgenden Code:

001  <?php
002  
003  class pluginInhaltsverzeichnis extends Plugin {
004  
005      function getInhalt() {
006          global $content, $pages, $items, $L;
007  
008         foreach ($content as $key=>$page) {
009             $pageContent = $page->content();
010  
011             $html = '<div class="bg-wp-dark text-light rounded p-3 mb-3">';
012             $html .= '<strong>Inhaltsverzeichnis</strong>';
013             $html .= '<ul class="mt-3" style="list-style: none; padding-left: 5px;">';
014             while (stristr($pageContent, '<h2>')) {
015                 $token = explode('<h2>', $pageContent);
016                 $token = explode('</h2>', $token[1]);
017                 $pageContent = str_replace('<h2>'.$token[0].'</h2>', '', $pageContent);
018                 $html .= '<li>'.$L->get('icon_check_circle').' &ensp; '.$token[0].'</li>';
019             }
020             $html .= '</ul>';
021             $html .= '</div>';
022  
023             echo $html;
024          }
025      }
026  }
027  ?>

Zur Erklärung der Funktionsweise, einige wichtige Programmzeilen des Bludit Plugins erläutert.

Tipp: Der .= Operator in foo .= bar stellt eine Kurzschrift für foo = foo . bar dar (Verkettung bzw. Konkatinierung einer Zeichenkette)

Alle anderen Programmzeilen des Bludit Plugins betreffen eher das individuelle CSS und trivilatere Operationen und bedürfen daher kaum der Erläuterung.

Besonderheit: In Zeile 018 erfolgt unter anderem der Aufruf mit $L->get('icon_check_circle'), dabei handelt es sich um ein SVG-Icon, dessen Vektordaten in der Datei languages/de_DE.json eingetragen sind. Dies können Sie natürlich entfernen oder legen dort eigene SVG-Icons ab.

Das Bludit Plugin in ein Theme oder Template einbinden

Klar sollte zunächst sein, das die Funktion des Bludit Plugins Inhaltsverzeichnis zu speziell für einen allgemainen Hook-Aufruf durch Bludit ist, daher muss es manuell in das Bludit Theme an die richtige Stelle eingebunden werden - vorzugsweise im Template page.php.

...  
...  echo getPlugin('pluginInhaltsverzeichnis')->getInhalt();
...  echo $page->content();
...  

Die Einbindung erfolgt exemplarisch mit dem oben gezeigten Codeschnipsel. Zunächst wird das Plugin gerufen und dort die Methode getInhalt() gestartet, was zur Ausgabe der HTML-Liste des Inhaltsverzeichnis noch vor dem aktuellen Content führt.

Abfragen ob das Bludit Plugin aktiviert ist

Für eine saubere Funktionsweise ist es zuvor im Theme unerlässlich, zu prüfen, ob das Plugin aktiviert wurde. Ist dies nicht der Fall, bleibt Ihre Webseite weiß und nichts passiert - der Content fehlt, da Bludit auf die Rückmeldung des nicht aktivierten Plugins warten würde.

...  <?php
...      if (pluginActivated('pluginInhaltsverzeichnis')) {
...          echo getPlugin('pluginInhaltsverzeichnis')->getInhalt();
...      }
...      echo $page->content();
...  ?>

Folglich müssen Sie im Bludit Theme mit pluginActivated('pluginInhaltsverzeichnis') (zur Doku) prüfen, ob das gerufene Plugin geladen und aktiv ist, erst dann erfolgt die Anzeige eines Inhaltsverzeichnis vor dem Beitragstext.

Hinweis: Die so erzeugte Liste ist eine reine Darstellung, ihr fehlt in diesem Beispiel die Möglichkeit einzelnen Listenpunkte anzuklicken, um an die Stelle im Beitrag zu springen. Darüber hinaus werden lediglich H2 Tags berücksichtig und Schachtelungen mit etwaigen H3 Tags ignoriert. Dennoch hat die Liste eine positive Wirkung auf das Ranking bei Google und Ihr SEO.

FAQ

Die Webseite bleibt weiß, nichts passiert

Haben Sie als Methoden-Namen einen bereits verwendeten Namen benutzt, kommt dies zu einer Kollision und Bludit kann die Plugins nicht laden. Verwenden Sie einen anderen Methoden- bzw. Funktionsnamen für den Start der Listenanzeige. Namen von Funktionen und Methoden darf es nur einmal im Arbeitsspeicher des PHP geben.

Passend:


Affiliate CTA Plugin für das Bludit CMS schreiben Teil 2

Teil 2 - In diesem Teil geht es um die Erstellung des eigentlichen PHP-Plugins für Bludit, um die Einblendung der Affiliate Links in den Beiträgen zu steuern.

TinyMCE läuft nicht im Standardmode im Bludit CMS

Der TinyMCE läuft nicht im Standardmode, statt dessen ist der MarkDown Parser aktiviert. Diese Meldung erhalten Sie oft wenn JavaScripte in Plugins stören.

Bludit2Pico Konverter Plugin exportiert Bludit Beiträge nach PICO MD

Dieses Bludit Plugin konvertiert aller Bludit Beiträge in das MarkDown Format und die Ordnerstruktur des Pico CMS, legen Sie lediglich die Index.md an

Anzeigen im Notification Panel $syslog() Dashboard

Machen Sie eigene Anzeigen im Notification Panel des Bludit Dashboards. Nutzen Sie den $syslog-Dienst des CMS, um Events oder Checks aus Plugins zu zeigen.

Ein Plugin für das Bludit CMS Schritt für Schritt schreiben

Die Entwicklung eines Plugins für das CMS Bludit ist einfach. Der Beitrag zeigt Ihnen Schritt für Schritt wie Sie vorgehen müssen um an Ihr Ziel zu gelangen.

Ein Bludit Plugin installieren ganz einfach und schnell

Ein wenigen Schritten installieren Sie ein Bludit Plugin aus dem Internet auf Ihrer eigenen Webseite. Der Beitrag zeigt wie das geht und was benötigt wird

Ein Plugin an einen Admin Controller Event im CMS Bludit heften

Soll Ihr Plugin auf Events im Admin-Backend reagieren, dann müssen Sie es an einen Admin Controller hängen, um Daten im Backend verarbeiten zu können.

SEO-Plugin für das Dashboard Journal des CMS Bludit

Ein einfaches SEO-Plugin für Bludit CMS zu Überwachung der SEO-Eigenschaften aller Beiträge. Beitrags-Titel und die Beschreibung werden ausgewertet.

Ein einfaches Hit Counter Plugin für Pico CMS schreiben

Erstellen Sie einen einfachen Hitcounter und Besuchszähler als Pico Plugin. Dieser Counter zählt Aufrufe von Menschen oder Robots der Suchmaschinen.

Das Plugin PicoPageList und die Anpassung in Pico CMS

Der Beitrag zeigt, wie Sie mit dem Plugin PicoPagesList.php weitere Beiträge des aktuellen Ordners azeigen lassen können, um diese in ein Menü aufzunehmen.

Ein einfaches Beispiel Plugin für Pico CMS schreiben

Dieser Beitrag zeigt Ihnen, wie Sie ein erstes Plugin für PICO entwickeln. Die wenigen Zeilen Code verdeutlichen die Arbeitsweise der Plugins in diesem CMS

Einfaches Affiliate Plugin für das Flat File CMS Typemill schreiben

Ein einfaches Affiliate und CTA Plugin für das Flat File CMS Typemill, mit Hilfe der so genannten Shortcodes.

Ein Hit-Counter Plugin für das WonderCMS schreiben

Die Pluginschnittstelle des WonderCMS ist gut dokumentiert und einfach zu bedienen. In diesem Beitrag schreiben Sie ein Hit-Counter Plugin für das kleine CMS.


Meta: Instagram CMSWorkbench.de GIMP-Handbuch.de Kontakt Impressum Datenschutz