{"id":5104,"date":"2023-09-13T10:04:27","date_gmt":"2023-09-13T08:04:27","guid":{"rendered":"https:\/\/bureaumaas.com\/leestijd-indicator-toevoegen-in-wordpress-stap-voor-stap-handleiding\/"},"modified":"2025-07-26T12:35:03","modified_gmt":"2025-07-26T10:35:03","slug":"leestijd-indicator-toevoegen-in-wordpress-stap-voor-stap-handleiding","status":"publish","type":"post","link":"https:\/\/bureaumaas.com\/en\/leestijd-indicator-toevoegen-in-wordpress-stap-voor-stap-handleiding\/","title":{"rendered":"Leestijd Indicator Toevoegen in WordPress [Stap-voor-Stap Handleiding]"},"content":{"rendered":"\n

Introduction<\/h3>\n\n

A reading time indicator is a helpful feature that gives your readers an idea of how long it will take to read an article. In this tutorial, we\u2019ll show you how to add a simple reading time indicator to your WordPress posts using a custom code snippet in your theme\u2019s functions.php file. This indicator will automatically calculate the reading time based on the number of words in your post and display it at the bottom of the article. <\/p>\n\n

The Code Snippet<\/h3>\n\n

Here is the code snippet you need to place in your theme\u2019s functions.php file:<\/p>\n\n

<\/g><\/svg><\/span><\/span><\/path><\/path><\/svg><\/span>
function<\/span> <\/span>leestijd_weergeven_shortcode<\/span>()<\/span> <\/span>{<\/span><\/span>\n    <\/span>$<\/span>content<\/span> <\/span>=<\/span> <\/span>get_post_field<\/span>(<\/span>'<\/span>post_content<\/span>'<\/span>,<\/span> get_the_ID<\/span>())<\/span>;<\/span><\/span>\n    <\/span>$<\/span>woordenteller<\/span> <\/span>=<\/span> <\/span>str_word_count<\/span>(<\/span>strip_tags<\/span>(<\/span>$<\/span>content<\/span>))<\/span>;<\/span><\/span>\n    <\/span>$<\/span>leestijd_minuten<\/span> <\/span>=<\/span> <\/span>ceil<\/span>(<\/span>$<\/span>woordenteller<\/span> <\/span>\/<\/span> <\/span>200<\/span>)<\/span>;<\/span> <\/span>\/\/ Gemiddeld leestempo is 200 woorden per minuut<\/span><\/span>\n\n    <\/span>if<\/span> <\/span>(<\/span>$<\/span>leestijd_minuten<\/span> <\/span>==<\/span> <\/span>1<\/span>)<\/span> <\/span>{<\/span><\/span>\n        <\/span>$<\/span>leestijd<\/span> <\/span>=<\/span> <\/span>'<\/span>1 minuut leestijd<\/span>'<\/span>;<\/span><\/span>\n    <\/span>}<\/span> <\/span>else<\/span> <\/span>{<\/span><\/span>\n        <\/span>$<\/span>leestijd<\/span> <\/span>=<\/span> <\/span>$<\/span>leestijd_minuten<\/span> <\/span>.<\/span> <\/span>'<\/span> minuten leestijd<\/span>'<\/span>;<\/span><\/span>\n    <\/span>}<\/span><\/span>\n    <\/span>return<\/span> <\/span>'<\/span><div class=\"leestijd\"><\/span>'<\/span> <\/span>.<\/span> <\/span>$<\/span>leestijd<\/span> <\/span>.<\/span> <\/span>'<\/span><\/div><\/span>'<\/span>;<\/span><\/span>\n}<\/span><\/span>\nadd_shortcode<\/span>(<\/span>'<\/span>leestijd_weergeven<\/span>'<\/span>,<\/span> <\/span>'<\/span>leestijd_weergeven_shortcode<\/span>'<\/span>)<\/span>;<\/span><\/span>\n<\/code><\/pre><\/div>\n\n
Follow the steps below to add the code. <\/h4>\n\n
    \n
  1. Go to your WordPress dashboard:<\/strong> Log in to your WordPress dashboard using your username and password.<\/li>\n\n\n\n
  2. Navigate to the Theme Editor<\/strong>: In the dashboard, click on \u201cAppearance\u201d and then on \u201cTheme Editor.\u201d<\/li>\n\n\n\n
  3. Locate thefunctions.php<\/code> file:<\/strong> On the right side of the screen, you\u2019ll see a file namedfunctions.php<\/code>. Click on it to open it for editing. <\/li>\n\n\n\n
  4. Add the code:<\/strong> Scroll all the way to the bottom of the functions.php<\/code> file. Paste the previously provided code snippet at the very end of the file. <\/li>\n\n\n\n
  5. Save the changes:<\/strong> Click the \u201cUpdate File\u201d button to save your changes.<\/li>\n<\/ol>\n\n
    Explanation of the Code<\/h3>\n\n
      \n
    • In this code, we use the function leestijd_weergeven()<\/code>to calculate the reading time of a post.<\/li>\n\n\n\n
    • We retrieve the content of the post usingget_post_field()<\/code>.<\/li>\n\n\n\n
    • Next, we count the number of words in the content and divide it by 200, which represents an average reading speed of 200 words per minute.<\/li>\n\n\n\n
    • We round the calculated reading time up to the nearest whole minute.<\/li>\n\n\n\n
    • Depending on the reading time, we display either \u201c1 minute read\u201d or \u201c[number] minutes read\u201d in an HTML div.<\/li>\n<\/ul>\n\n
      How to Use the Snippet within Elementor<\/h3>\n\n
        \n
      • After placing and saving the code in the functions.php file, go to your WordPress dashboard.<\/li>\n\n\n\n
      • Click on \u201cPosts\u201d and open the post where you want the reading time indicator to appear.<\/li>\n\n\n\n
      • Edit the post with Elementor.<\/li>\n\n\n\n
      • Add a Text widget or any other widget where you want the reading time indicator to appear.<\/li>\n\n\n\n
      • Place the shortcode inside the widget.<\/li>\n\n\n\n
      • Update your post and preview it. You will now see the reading time indicator in your post. <\/li>\n<\/ul>\n\n
        Conclusion<\/h3>\n\n
        Congratulations! You\u2019ve successfully added a reading time indicator to your posts. This will help your readers estimate how long it will take to read your articles. You can place this shortcode wherever you like, but we recommend adding it to a single post template so you only need to insert it once.    <\/p>\n\n
        Show us your result! <\/p>\n","protected":false},"excerpt":{"rendered":"
        Learn how to easily add a reading time indicator to your Elementor posts to help your readers estimate how long it will take to read your articles.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-5104","post","type-post","status-publish","format-standard","hentry","category-onderhoud"],"_links":{"self":[{"href":"https:\/\/bureaumaas.com\/en\/wp-json\/wp\/v2\/posts\/5104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bureaumaas.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bureaumaas.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bureaumaas.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bureaumaas.com\/en\/wp-json\/wp\/v2\/comments?post=5104"}],"version-history":[{"count":1,"href":"https:\/\/bureaumaas.com\/en\/wp-json\/wp\/v2\/posts\/5104\/revisions"}],"predecessor-version":[{"id":5105,"href":"https:\/\/bureaumaas.com\/en\/wp-json\/wp\/v2\/posts\/5104\/revisions\/5105"}],"wp:attachment":[{"href":"https:\/\/bureaumaas.com\/en\/wp-json\/wp\/v2\/media?parent=5104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bureaumaas.com\/en\/wp-json\/wp\/v2\/categories?post=5104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bureaumaas.com\/en\/wp-json\/wp\/v2\/tags?post=5104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}