How to Add a Page Number with WP-Pagenavi in WordPress
How to Add a Page Number with WP-Pagenavi in WordPress - This tutorial will discuss how to add page number or Page Number in WordPress theme. Adding a page number feature on your WordPress site aims to make it easier for readers to navigate your site when they want to move from the First page to the second page or jump directly to the page they want.
Features of this page number is usually on a particular theme is installed, but there are still many WordPress templates that still have no feature page number and are displayed are innate default features such as 'Older Post and Previous Post'.
If you currently have a WordPress site and your theme does not yet support the page number feature, then in this article I will give you the easiest way to add the page number feature in your WordPress theme with the WP-PageNavi plugin.
To create a Page number in WordPress, the first thing you need to do is install and activate the WP-PageNavi plugin. After activating the plugin, please go to Setting >> PageNavi to configure the plugin settings.
On the settings page of the 'PageNavi Settings' plugin you can change the default text and numerical pagination settings according to what you want in the fields already provided.
In the next step, you need to add the php tag script to your WordPress theme template. Please find the index.php and archive.php files in the template folder you are using. Add the following tag to your theme to replace the previous_posts_link and next_posts_link script.
For example in the Twentytheme theme, the code you need to replace is as follows:
And please delete the code as above and replace it with the code below.
In addition, you can also create a page number view to your liking by making use of custom CSS settings that you can change. How, you can copy the pagenavi-css.css file from the plugin directory to your theme directory and make modifications there. This way, you will not lose any changes while updating or updating the plugin.
Please go to Plugins >> Editor >> menu select drop down menu and choose 'Wp-Pagenavi' and please click 'Select' button. do css changes according to what you want in file 'wp-pagenavi/pagenavi-css.css'.
Alternatively, you can uncheck the "Use pagenavi.css?" Option from the settings page and add style to your theme.css file directly.
And that's an easy way to add the page number feature in your WordPress theme with the WP-PageNavi plugin, hopefully this article is useful for you and good luck.
Features of this page number is usually on a particular theme is installed, but there are still many WordPress templates that still have no feature page number and are displayed are innate default features such as 'Older Post and Previous Post'.
If you currently have a WordPress site and your theme does not yet support the page number feature, then in this article I will give you the easiest way to add the page number feature in your WordPress theme with the WP-PageNavi plugin.
How To Make Page Number With WP-Pagenavi
To create a Page number in WordPress, the first thing you need to do is install and activate the WP-PageNavi plugin. After activating the plugin, please go to Setting >> PageNavi to configure the plugin settings.
On the settings page of the 'PageNavi Settings' plugin you can change the default text and numerical pagination settings according to what you want in the fields already provided.
In the next step, you need to add the php tag script to your WordPress theme template. Please find the index.php and archive.php files in the template folder you are using. Add the following tag to your theme to replace the previous_posts_link and next_posts_link script.
For example in the Twentytheme theme, the code you need to replace is as follows:
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'twentyten' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>', 'twentyten' ) ); ?></div>
And please delete the code as above and replace it with the code below.
<?php wp_pagenavi(); ?>
In addition, you can also create a page number view to your liking by making use of custom CSS settings that you can change. How, you can copy the pagenavi-css.css file from the plugin directory to your theme directory and make modifications there. This way, you will not lose any changes while updating or updating the plugin.
Please go to Plugins >> Editor >> menu select drop down menu and choose 'Wp-Pagenavi' and please click 'Select' button. do css changes according to what you want in file 'wp-pagenavi/pagenavi-css.css'.
Alternatively, you can uncheck the "Use pagenavi.css?" Option from the settings page and add style to your theme.css file directly.
And that's an easy way to add the page number feature in your WordPress theme with the WP-PageNavi plugin, hopefully this article is useful for you and good luck.
Post a Comment for "How to Add a Page Number with WP-Pagenavi in WordPress"
Provide comments relevant to the posted articles and provide critiques and suggestions for the progress of the blog