Leestijd Indicator Toevoegen in WordPress [Stap-voor-Stap Handleiding]

Introductie

Een leestijdindicator is een handige functie om je lezers een idee te geven van hoe lang het duurt om een artikel te lezen. In deze tutorial laten we je zien hoe je een eenvoudige leestijdindicator toevoegt aan je WordPress berichten met behulp van een aangepaste code snippet in het functions.php-bestand van je WordPress-thema. Deze indicator zal automatisch de leestijd berekenen op basis van het aantal woorden in je bericht en het weergeven onderaan je bericht.

De Code Snippet

Hier is de code snippet die je in het functions.php-bestand van je WordPress-thema moet plaatsen:

function leestijd_weergeven_shortcode() {
    $content = get_post_field('post_content', get_the_ID());
    $woordenteller = str_word_count(strip_tags($content));
    $leestijd_minuten = ceil($woordenteller / 200); // Gemiddeld leestempo is 200 woorden per minuut

    if ($leestijd_minuten == 1) {
        $leestijd = '1 minuut leestijd';
    } else {
        $leestijd = $leestijd_minuten . ' minuten leestijd';
    }
    return '<div class="leestijd">' . $leestijd . '</div>';
}
add_shortcode('leestijd_weergeven', 'leestijd_weergeven_shortcode');

Volg onderstaande stappen om de code toe te voegen.

1. Ga naar je WordPress-dashboard: Log in op je WordPress-dashboard met je gebruikersnaam en wachtwoord.
2. Navigeer naar de Thema-editor: Klik in het dashboard op “Weergave” en vervolgens op “Thema-editor.”
3. Zoek het functions.php-bestand: Aan de rechterkant van het scherm zie je een bestand genaamd functions.php. Klik erop om het te openen voor bewerking.
4. Voeg de code toe: Scroll helemaal naar beneden in het functions.php-bestand. Plak de eerder gegeven code in dit bestand, direct onderaan.
5. Sla de wijzigingen op: Klik op de knop “Bestand bijwerken” om de wijzigingen op te slaan.

Uitleg van de Code

• In deze code gebruiken we de functie leestijd_weergeven() om de leestijd van een bericht te berekenen.
• We halen de inhoud van het bericht op met get_post_field().
• Vervolgens tellen we het aantal woorden in de inhoud en delen dit door 200, wat een gemiddeld leestempo van 200 woorden per minuut vertegenwoordigt.
• We ronden de berekende leestijd naar boven af naar hele minuten.
• Afhankelijk van de leestijd tonen we “1 minuut leestijd” of “[aantal] minuten leestijd” in een HTML-div.

Hoe de Snippet binnen Elementor te Gebruiken

• Nadat je de code in het functions.php bestand hebt geplaatst en opgeslagen, ga je naar je WordPress dashboard.
• Klik op “Berichten” en open het bericht waarin je de leestijdindicator wilt weergeven.
• Bewerk het bericht met Elementor.
• Voeg een tekstwidget of een willekeurig ander widget toe waar je de leestijdindicator wilt laten verschijnen.
• Plaats de shortcode in de widget.
• Werk je bericht bij en bekijk het. Je zult nu de leestijdindicator in je bericht zien.

Afsluiting

Gefeliciteerd! Je hebt nu succesvol een leestijdindicator toegevoegd aan je berichten. Dit zal je lezers helpen inschatten hoe lang het duurt om je artikelen te lezen. Je kan deze shortcode waar je maar wil toevoegen, we raden aan om dit in een single post template te plaatsen zodat je deze shortcode maar een keer hoeft te plaatsen.

Laat ons je resultaat zien!