0:00
Hi everyone, welcome to Kitu Blogging and in this video I will show you how you can add a
0:04
reading progress bar to your WordPress website. So reading progress bar helps user to retain on the website for longer time and it will also
0:13
show the estimate reading time. So let's check how you can implement this in your WordPress website
0:20
So for this we are going to use a plugin called read meter, reading time and progress bar
0:26
So you have to first install this plugin. So let me just go to WordPress dashboard and let me just go to plugin and click on add name
0:35
Now here I have to search for read meter. Now you will see a plugin like read meter, reading time and progress bar
0:47
So just install this plugin. So this plugin is developed by a brainstorm force
0:53
So this is the same company which made the Astra theme. So it is a very trusted plugin
0:59
So, let's activate this plugin first. Now let's scroll down and search for the plugin Readmeter
1:07
So I will go to Settings and click on Readmeter This is how the Readmeter dashboard looks like and here you will see an option like select post type So by default is set to post So if you want to display the reading progress bar in pages then you can select the pages option here
1:26
So the next setting is word per minute. So average user read about 275 words per minute
1:32
So if you want to change the words then you can change it here
1:36
So that it will change the estimated reading time according to the word set here
1:41
And you can also include comments or include image so that it will change the estimated reading
1:46
time according to the page. So let's click on read time here
1:54
And here you will see a option like estimated read time. So by default is set to single posts and you can also show estimated reading time in home
2:03
page or archive page but I don't think you should click on here
2:08
And the next option is read time position. So here you can select this option like above the content, above the post title or below the
2:15
post title. So I will select below the post title. So it will show a word like reading time and it will show the time in minutes
2:25
And you can also control the font size of that word and you can also adjust the padding and margin color background color and the text color So let me just save it fast
2:37
Now let's click on progress bar here and here you will see this option display position
2:42
So let me just click on here and I will select top of the page and you can also select bottom
2:47
of the page and here you will see a style option like normal and gradient
2:52
So if you want to show a normal reading progress bar then you can select the normal or you will
2:57
you can select a gradient one like this and you can also adjust the bar thickness
3:02
So let me just adjust the bar thickness to like 8 pixel and let me just save the settings
3:11
Okay, now let me just go to the front end and open a block post
3:15
So as you can see, there is a reading progress bar showing at the top of the page and when
3:20
I scroll down the reading progress bar will show and when I stop scrolling the page it will
3:27
fade the reading progress bar. So in this way you can add a reading progress bar to your WordPress website
3:34
And you can also change the color and the thickness by going to the settings and here you
3:38
can change the background color. Here you can change the primary and secondary color of the gradient and you can change the bar thickness And if you don want to show the estimated reading time to all of the blog post then you can use a short code to insert the estimated reading time
3:58
So if I go to getting started and here I will copy the short code from here and I will go
4:07
to the blog post and suppose I want to add the estimated reading time here, so I will click
4:13
And I will search for the short code block and I will paste that short code
4:24
And let me just update the blog post. Now let me just view the blog post again
4:31
And let's scroll down as you can see. It will show the estimated reading times
4:36
In this way you can use the short code to show the estimated reading times
4:41
So I hope you got the idea how to add a Reading Progress bar to your WordPress website
4:47
And if you want to use some other plugins, then I will leave the link in the description so
4:51
you can check out that plugins. So if you like this content, then make sure to hit the like button and do subscribe to
4:58
blogging for more upcoming videos like this. And I will see you in the next video
