Schatting: geschatte leestijd en het aantal woorden weergeven

Schatting: Voor leestijd:

Liquid-code -

{% assign reading_time = article.content | strip_html | split: ' ' | size | times: 1.0 | divided_by: 200 | ceil %}{{ reading_time }} min leestijd

Hier is de uitleg van de code

assign reading_time = article.content: Dit maakt een variabele aan met de naam reading_time en wijst de volledige hoofdtekst van het blogbericht toe. 

| strip_html: Deze filter verwijdert alle HTML-tags (zoals <p>, <strong> of <div> enz.) zodat we alleen de daadwerkelijke woorden tellen.

| split: ' ': Dit verandert de lange tekststring in een lijst (array) door deze bij elk spatie uit elkaar te halen. Let op: als je '' (geen spatie) gebruikt, wordt het aantal tekens geretourneerd.

| size: Dit telt het totaal aantal items in die lijst, wat je in feite het totale aantal woorden van het artikel geeft.

| times: 1.0: Dit zet het hele getal om naar een decimaal getal (float). Dit is nodig om ervoor te zorgen dat de deling in de volgende stap nauwkeurig is en niet direct naar beneden wordt afgerond.

| divided_by: 200: Dit deelt het totale aantal woorden door 200 (we gaan ervan uit dat het gemiddelde aantal woorden dat per minuut wordt gelezen 200 woorden per minuut is, wat een industriestandaard is).

| ceil: Dit rondt het resultaat af naar het dichtstbijzijnde hele getal (bijv. 2,1 minuten wordt een "3 min leestijd").

{{ reading_time }} min leestijd: Dit geeft het uiteindelijk berekende getal op de pagina weer, gevolgd door de tekst "min leestijd."

Voor het aantal woorden: 

{% assign word_count = article.content | strip_html | split: ' ' | size %}{{ word_count }} woorden

Omdat de logica voor het aantal woorden dezelfde stappen volgt die hierboven zijn uitgelegd, herhalen we de uitleg hier niet.

De schatting van de leestijd en het aantal woorden met behulp van Liquid-code is een zeer efficiënte, native oplossing om de betrokkenheid van bloglezers te vergroten zonder afhankelijk te zijn van zware third-party apps.