How to Find Average Read Time of Blog Posts Wordpress

How to Brandish Estimated Reading Time on Blog Posts

If you run a WordPress blog, you are probably trying to notice unlike plugins and snippets in order to keep your visitors busy and encourage them to read your posts without clicking abroad.

Nowadays, visitors often desire to get as much information as possible by just skimming through a page. Displaying estimated reading time for a post is very handy for this. In this way, a visitor will know how much time they need for obtaining information past reading a topic of involvement. In plough, this volition also encourage blog writers to write posts that will be more interesting and less time-consuming. Besides, as a blog owner, you lot'll be in a position to decide the all-time approach if you check the metrics and compare the fourth dimension the visitors spend on different posts.

Some plugins certainly cover this functionality, simply the WordPress office that handles this is very simple to use. Therefore, there's no need to clog up your weblog with another plugin just for this purpose.

In order to easily sympathize this method, we'll explain information technology by integrating changes into the costless WordPress Twenty Xvi theme.

Let'southward start with the function

if( !function_exists('content_estimated_reading_time') ) { /** Part that estimates reading fourth dimension for a given $content. @param string $content Content to summate read time for. @paramint $wpm Estimated words per infinitesimal of reader. @returns int $time Esimated reading time. */ function content_estimated_reading_time( $content = '', $wpm = 200 ) { $clean_content= strip_shortcodes( $content ); $clean_content= strip_tags( $clean_content); $word_count= str_word_count( $clean_content); $fourth dimension = ceil( $word_count/ $wpm ); $output = '<span class="read-time-holder">'; $output .= '<bridge course="read-time">' . $time .'</span>' .' '; $output .= '<span class="read-text">' . esc_attr__('min read', 'twentysixteen' ) . '</span>'; $output .='</bridge>'; render $output; } }

The function accepts two parameters – content ($content) and estimated words per minute of reader ($wpm). The second parameter is set to 200 for an average reader, merely you can set it to some other value. You tin can assemble some useful info nigh this on the cyberspace.

Inside the function, nosotros need to strip content from everything else except the words themselves. Then first, we volition be using two functions for stripping shortcodes and tags (strip_shortcodes and strip_tags).

Afterwards, nosotros need to count the words in the cleaned content. Therefore, we will shop the content in a $word_count variable. The function for counting words used here is str_word_count.

In gild to calculate the average reading fourth dimension, we merely need to divide the word count by words read per minute, while ceil office used here is for rounding upwards the outcome.

The second part of the role is just for outputting the html with time and text that follow.

To integrate the function into your theme, just add it at the end of functions.php file for the theme that you are currently using.

Every bit you can see, the whole logic behind the average reading fourth dimension is very simple. Still, the function won't do annihilation by itself. That's why in order to display information technology on your blog list or unmarried posts, nosotros need to phone call information technology first.

Calling the function

At that place are different ways in which you can put the function to work. Nosotros will embrace three of them below.

1. Repeat it

Unremarkably, the easiest way for a vast bulk of users is to call the function directly from inside the file where they need it. Say that, for case, you need to call the function inside the single.php file, which is a template for displaying single posts. This simply means that yous demand to open this file, and then echo the function there with post content as parameter, like this:

<?php echo content_estimated_reading_time( get_the_content() ); ?>

This is of course if you take a loop and all the structure inside the single.php file, just most likely, yous won't. An example of the structure can look similar this:

two. Use filter

Modern and meliorate coded themes separate these modules into different files. Therefore, a ameliorate method is to utilise filter, and to render the content with improver of the filter office. The subject on how to add filter has already been covered widely on the net.

3. Modify existing office for more control

This is probably the all-time approach considering yous can have more than control for positioning the output. In Twenty Xvi theme, there is a function responsible for press categories and tags for each mail service on the list and unmarried posts. It is a twentysixteen_entry_taxonomies function. All that's left for y'all to do is to simply copy and paste it within functions.php and modify its last part with our function for estimated reading time call.

We'd like to briefly mention that since nosotros kept the same proper name for the office, it volition override the original ane. Now, the part with our modification in information technology will be executed in all places inside the theme.

Changed functions should look like this:

/** * Function override of default role in parent theme * Adding reading time function at the end */ role twentysixteen_entry_taxonomies() { $categories_list= get_the_category_list( _x( ', ', 'Used between listing items, at that place is a space later the comma.', 'twentysixteen' ) ); if ( $categories_list&&twentysixteen_categorized_blog() ) { printf( '<span grade="cat-links"><span class="screen-reader-text">%ane$s </bridge>%2$due south</span>', _x( 'Categories', 'Used before category names.', 'twentysixteen' ), $categories_list ); } $tags_list= get_the_tag_list( '', _x( ', ', 'Used between list items, in that location is a space after the comma.', 'twentysixteen' ) ); if ( $tags_list&& ! is_wp_error( $tags_list) ) { printf( '<span class="tags-links"><span class="screen-reader-text">%1$s </span>%2$southward</span>', _x( 'Tags', 'Used before tag names.', 'twentysixteen' ), $tags_list ); } /*our code modification to this part*/ impress content_estimated_reading_time(get_the_content()); }

In this way, nosotros will output the reading fourth dimension in the role with tags and categories where it belongs.

The code inside Twenty Sixteen theme's functions.php file should look like this:

if ( !function_exists('content_estimated_reading_time') ) { /** Role that estimates reading time for a given $content. @param string $content Content to summate read fourth dimension for. @param int $wpm Estimated words per minute of reader. @returns int $fourth dimension Esimated reading time. */ role content_estimated_reading_time( $content = '', $wpm = 200 ) { $clean_content = strip_shortcodes( $content ); $clean_content = strip_tags( $clean_content ); $word_count = str_word_count( $clean_content ); $time = ceil( $word_count / $wpm ); $output = '<span course="read-time-holder">'; $output .= '<span class="read-time">' . $fourth dimension . '</bridge>' . ' '; $output .= '<span class="read-text">' . esc_attr__( 'min read', 'twentysixteen' ) . '</span>'; $output .= '</bridge>'; return $output; } } /** * Role override of default function in parent theme * Adding reading time function at the cease */ role twentysixteen_entry_taxonomies() { $categories_list = get_the_category_list( _x( ', ', 'Used between listing items, there is a space subsequently the comma.', 'twentysixteen' ) ); if ( $categories_list && twentysixteen_categorized_blog() ) { printf( '<span class="cat-links"><span form="screen-reader-text">%ane$due south </bridge>%2$s</span>', _x( 'Categories', 'Used before category names.', 'twentysixteen' ), $categories_list ); } $tags_list = get_the_tag_list( '', _x( ', ', 'Used between listing items, there is a space subsequently the comma.', 'twentysixteen' ) ); if ( $tags_list && ! is_wp_error( $tags_list ) ) { printf( '<span class="tags-links"><span class="screen-reader-text">%one$south </span>%2$s</span>', _x( 'Tags', 'Used earlier tag names.', 'twentysixteen' ), $tags_list ); } /*our code modification to this function*/ print content_estimated_reading_time(get_the_content()); }

Preferably, this modification should be done in the child theme.

When adding the estimated reading time function into different themes, please have in listen that the best ways of integrating function call may vary. Try to have some time by browsing through the steps that we've covered in order to find the all-time approach.

We hope that you establish this article to be helpful. If you liked information technology, delight feel free to check out some of these articles as well!

WordPress perfection at your fingertips.

If yous enjoyed this article, feel free to subscribe to our newsletter using the class below. You tin can also follow us on Facebook and Twitter and subscribe to our YouTube aqueduct for WordPress video tutorials.

gonzalesexpron.blogspot.com

Source: https://wpklik.com/wordpress-tutorials/display-estimated-reading-time/

Share this post