Lesezeit mit WordPress Shortcode und Elementor dynamisch im Blogbeitrag anzeigen

Wenn Nutzer von Content "erschlagen" werden

Lange Blogartikel haben häufig ein Problem. Nicht unbedingt Inhaltlich, sondern eher mit der Erwartungshaltung der Leser. Wer einen Beitrag öffnet und eine "Wall of Text" vorfindet, stellt sich unbewusst eine einfache Frage: Soll ich das wirklich lesen?

Aus UX-Sicht macht es daher nur Sinn, die vorraussichtliche Lesezeit direkt mit anzuzeigen. Wie man das leicht mit WordPress und Elementor automatisieren kann, zeige ich in diesem Beitrag.

Die naheliegende Lösung: Lesezeit per Plugin

Eine schnelle Google Suche führt zu zahlreichen WordPress Plugins, die genau das versprechen. Lesezeit berechnen, anzeigen, fertig.

Technisch funktioniert das auch. Trotzdem ist diese Lösung selten optimal.

Warum Plugins hier keine gute Idee sind

• jedes Plugin erhöht Wartungsaufwand
• zusätzliche Abhängigkeit von Updates
• unnötiger Code für ein sehr kleines Feature
• eingeschränkte Gestaltung in Elementor
• Performance leidet bei vielen kleinen Plugins

Für ein simples Detail wie die Lesedauer ist das oft unverhältnismäßig. Generell empfiehlt es sich so wenige Plugins wie möglich zu verwenden.

Die saubere Lösung: Lesezeit per Shortcode in der functions.php

Deutlich besser ist eine eigene kleine Funktion welche du in der functions.php deines Child Themes abspeichern kannst.
Alternativ kannst du auch eine Code Plugin wie z.B. Fluent Snippets verwenden. Hier kannst du super einfach einzelne Code Snippets abspeichern und editieren. (In dem Fall kann ein zusätzliches Plugin durchaus Sinn ergeben, da es sehr viel Funktionalität hinzufügt).

Die Idee hinter dem Shortcode ist simpel:

• _Wortanzahl aus dem Beitrag ermitteln
• realistische Lesegeschwindigkeit ansetzen
• Lesezeit berechnen
• per WordPress Shortcode ausgeben

‍

function lesezeit_berechnen() {
    $post_id = get_the_ID();

    if (!$post_id) {
        return '';
    }

    $content = get_post_field('post_content', $post_id);
    $wortanzahl = str_word_count(strip_tags($content));

    $woerter_pro_minute = 300;
    $lesezeit = max(1, ceil($wortanzahl / $woerter_pro_minute));

    return 'ca. ' . $lesezeit . ' Minuten Lesezeit';
}

add_shortcode('lesezeit', 'lesezeit_berechnen');

‍

Die Lesegeschwindigkeit ist bewusst bei 300 Wörtern pro Minute angesert. Das ist genau die Wortanzahl welche ein durchschnittlich geübter Leser schafft.

Der Shortcode [lesezeit] kann jetzt überall verwendet werden.

Umsetzung in Elementor: Lesezeit im Single Post Template anzeigen

Damit sich die Lesezeit sauber in das Layout einfügt, bietet sich das Single Post Template in Elementor an.

Schritt für Schritt

1. Öffne dein Single Post Template in Elementor
2. Füge das Beitrag Informationen Widget hinzu
3. Stelle den Typ auf Custom
4. Wähle als Icon das Hamburgersymbol
5. Setze den Inhalt auf Shortcode
6. Trage den Shortcode ein: [lesezeit]

Die Lesezeit erscheint nun gemeinsam mit Datum, Autor oder Kategorie. Optisch konsistent und sauber integriert.