Plugin for WordPress page navigation. WordPress Page Navigation Using WP-PageNavi
Page navigation is something that every blogger should pay special attention to. It consists of displaying WordPress Posts on a page-by-page basis. Typically, entries are displayed in a hierarchical order, and while you have selection options such as Old Entries and New Entries, you do not have the option to display entries on a page-by-page basis with numbered pages.
Using page navigation, the user can go directly to page 6 or 8 without having to navigate from page to page. This navigation is also useful for SEO; search engines prefer this navigation; it allows bots to easily navigate through posts on site pages. Using free WordPress plugins, given in this article, you can install pagination navigation on your website.
1 – WP Page Navi
WP Page Navi is a popular plugin that will allow your website visitors to easily move from page to page. It will replace the Old Posts/New Posts option with a paginated navigation. The plugin does not require large resources and does not affect page loading speed.
This plugin is compatible with most existing themes.
- Requires few resources.
- SEO friendly.
- Very popular.
This plugin is a good way to add pagination navigation to your WordPress site, with it you can add number pagination to display numbers home page, middle page and end page.
With it, you can even add navigation through comments to posts, this will make the page load easier.
Key points and features:
- Uses simple navigation by page.
- SEO friendly.
- User friendly.
Simple Pagination is a plugin that will allow you to have navigation through both your posts and comments. As the name suggests, this plugin is very easy to use. You can even style your navigation to match your blog's theme by using style sheets.
There are 6 style sheets to match your site and dual language support.
Key points and features:
- Uses simple page navigation.
- Uses comment navigation.
- There are style sheets for different types display.
- There are 6 types of styles.
Page Links Plus– a plugin that performs the function of adding navigation to a post. There are times when your recording becomes so large that you need to split it into parts. In such cases it will help you Page plugin Links Plus, which will break your post into pages, showing the connections between them, allowing you to view the entire post.
The plugin comes with a variety of settings to help you get the results you want for your post.
Key points and features:
- Allows you to number posts and pages.
- There is an option to view the entire recording.
- There are many settings.
- There is a Pro version available.
Alphabetic Pagination will number the posts and pages of your site in alphabetical order. If you are selling products on your WordPress site, then this plugin will work wonders, it will number all your products in alphabetical order.
It can be used anywhere on your site using a shortcode.
Key points and features:
- There is alphabetical navigation.
- Trading support is available.
- Can be placed anywhere using a shortcode.
- Can show a list of users in alphabetical order.
Gallery Pagination plugin for WordPress will help you navigate through the image galleries of your WordPress site. It will display all the images in the gallery which will help the user to go directly to any image without having to scroll through the images one by one.
CDN support helps you make your image galleries SEO friendly. There is also caching to increase page loading speed, as well as Ajax to make changes without having to reload the page.
Key points and features:
- There is navigation through image galleries.
- CDN support is available.
- SEO friendly.
- Caching is available.
Advanced Post Pagination Plugin will navigate through your entries. If your post is too large, you can use this plugin to split it into multiple pages. In order not to get confused by the usual digital buttons, using this plugin you can place text and pictures on the buttons. You can use the shortcode to paginate your post any way you like.
Ajax will help you navigate to a section without having to reload the entire page.
Key points and features:
- Splitting a single record.
- Using text and images on buttons.
- Using shortcodes.
- Using Ajax.
WP Smart Pagination- This convenient way display of posts divided into pages, along with a field in which you can enter the page number, allowing you to instantly get to desired page. This is very useful if you have a lot of posts on your site, making it difficult for users to navigate to a page that is very far away. If you have 4000 pages of posts, and the user wants to see page 2555, this plugin can provide you with an invaluable service.
Key points and features:
- Uses simple page navigation.
- There is a field for direct navigation to the desired page.
- Matching themes.
- There is a modification of styles.
This jQuery plugin, inspired by jPages, which makes it easy to paginate your image galleries and comments. This is a fully responsive plugin that will navigate content for all types of devices with various sizes screen. jPages Pagination For WordPress is a small plugin that allows you to easily integrate navigation with jQuery.
All major browsers support this plugin, so your site visitors will have no problem viewing content when using this plugin for navigation.
Key points and features:
- jQuery is used.
- Responsive plugin.
- Supported by major browsers.
- Easy integration.
This article provides a list of the best free plugins WordPress pagination options that can help you paginate your site in the most in the best possible way. All plugins have different features, so choose the one that best suits your site.
Flexor 5
Updated:
This is one of the most famous and popular plugins For WordPress. It allows you to easily and simply display page-by-page navigation on your website. The need for page navigation is beyond doubt - firstly, it is much more convenient for users than with incomprehensible "Before" and "Later" links, and secondly, page navigation helps in terms of SEO - search engines index pages much better if links to they are on home page site. There are several similar plugins, but this one is considered the best. Actually, page navigation in WordPress and plugin PageNavi These are now practically inseparable concepts.
1 Unpack the archive.
2 Copy the folder to /wp-content/plugins/.
3 Go to the blog admin panel on the "tab" Plugins" and activate the plugin.
The plugin is completely translated into Russian. Moreover, the translator overdid it, even translating the name of the plugin (this contradicts common sense - who translates proper names?). Therefore, when activating a plugin, look among the downloaded plugins not, but List of pages. It's the same story with the settings - you will find them in " Settings\List of pages".
The first part of the plugin settings concerns the panel itself and its values:
These are the default values. They give something like this to the panel:
If you do not fill in any field, it will not be displayed in the panel. Therefore, you can reduce the panel to a more compact version like:
The second part of the settings concerns the plugin itself:
Here I must make a few clarifications. Option " Use pagenavi-css.css style" causes the plugin to apply css styles from a file to the panel pagenavi-css.css, which is in the plugin folder. If your template already contains styles for the plugin (and this happens often, since it is very popular), then you need to uncheck this option. After all, as a rule, the styles specified in the topic are better styles default plugin.
I advise you to disable ranges (they are enabled by default) by setting the value “0” everywhere. Because personally I don’t like this navigation:
But, of course, it's up to you to decide.
We're done with the settings - how to display the plugin panel in the template? You need to look in the template files for code similar to:
And replace it with the code:
It is at this stage that many users have problems. Because this code may be different in each template. Even the files in which you need to look for this code are very different from template to template. Therefore, I advise you to download the Notepad++ editor (you need it in any case, since the files must be saved strictly in encoding UTF8 without BOM) and search it for function files and .
This is how you will find exactly where in your template its author hid the functions for displaying navigation links, and you can replace them with the code for calling the plugin panel. If you couldn’t find it yourself, write in the comments, I’ll help.
Now let's talk about panel design styles. Don't like the default panel look? Do you want a panel like the one in the screenshot at the beginning of this article? Then open this file and copy its contents to the file pagenavi-css.css, which is in your plugin folder.
There is an even easier way to style your panel. To do this you need to install a plugin in which you can select built-in styles like these:
Don't want to install an additional plugin? Okay, in that case you can use my selection of styles for:
Has not yet been installed page navigation. I deliberately took my time installing this function due to the small number of published articles.
The blog recently turned one month old and this article will be the twentieth in a row. And probably for the convenience of my dear readers, it’s time to get rid of the terribly inconvenient, and sometimes even annoying, notorious - "Previous Posts" and "Next Posts".
When I go to someone’s blog, no matter what topic it is, and I see that there is no pagination, I don’t go further than the main page, because I have no desire to use the built-in navigation in WordPress and besides, I feel disrespected attitude towards me from the administrator of this blog.
I understand that many are not strong in programming languages and delving into codes is not their thing, but this is not an excuse. After all, you can use special plugins, the installation of which does not require any in-depth knowledge, or in extreme cases, use paid services some webmaster.
Paid services are, of course, a completely “last resort” and it’s better to do it on your own, and I, for my part, will try to describe in as much detail as possible the entire process of installation and subsequent configuration of the plugin, which replaces the built-in WordPress feature page navigation to be more convenient.
WP-PageNavi plugin. Installing Page Navigation on WordPress
You can download the plugin from the official website using this link - download the WP-PageNavi plugin.
We unpack the archive and, using an FTP client, drop the folder with the plugin into the directory - wp-content/plugins. Then go to the blog admin panel in the tab - “ Plugins"and activate WP-PageNavi plugin.
We'll move on to the plugin settings a little later, but first we need to replace the built-in navigation - "Previous Posts" and "Next Posts" for page navigation. We open for editing files in which the navigation function is registered. There are basically 3 files − index.php, search.php and archive.php. which are located in the folder with your theme - wp-content -> themes -> Your theme
We are looking for lines similar to these:
These lines may differ slightly for you, but finding them will not be difficult. Replace the found lines with the following code:
I repeat that the codes must be replaced in all three files!
Setting up the WP-PageNavi plugin
In order to make the plugin settings we need, go to - blog admin -> Options -> List of pages:
The plugin settings page will open, where you can optionally change the following:
In the line - “Template for a general list of pages” you can remove the total number of pages or shorten the word - “Page”. For example, we can write this:
Page %CURRENT_PAGE%
After these changes you will get this form:
The second and third lines display page numbers directly and it is better not to touch them.
In the fourth and fifth lines, again if desired, you can change the words “First” and “Last” for example to “To the end” and “To the beginning” and add the page number.
We write:
It turns out this picture:
And if you click on the page number at the end of the form, you will see the following:
You can replace characters in the remaining four lines in the same way. I hope you figure it out, and if not, ask questions in the comments.
The line - “Use pagenavi-css.css style” allows you to turn off or disable the styles built into the plugin ( appearance page navigation forms). If you don't understand at all CSS language, then it’s better to leave the checkbox.
In one of the following articles I will tell you how to make page navigation on WordPress without a plugin and in it we will analyze in detail all kinds of styles so that I advise you to subscribe to blog updates.
In the line - " Page List Style"It's better to leave - " Ordinary“, because if you select “Drop-down list”, the navigation will look like this:
In the line - "Always show list of pages"» We do not put a tick.
Next. In the line - " Number of pages to display» you must indicate the number of pages that the navigation will include. For example, if we specify the number 3, we will get a form of only three pages:
In the line - " Range of pages to display» usually change the meaning if on a blog large number articles. For example, if you specify a range of 5, then at the end of the form the numbering 15, 20, 25, etc. will be displayed. If you specify the number 10, the range will change to 20, 30, 40, etc.
If in the line - " Coefficient for page ranges"For example, indicate the number 2, then we get the following picture:
It can be seen that numbers appeared in the range of 2. People start using this function when there are more than 100 publications on the blog, or even more.
After we have changed the settings to suit ourselves, do not forget to save the changes.
I think there is nothing complicated here, and even the greenest blogger can easily cope with installing page navigation on WordPress instead of an inconvenient built-in function.
Important! After installing page navigation, you need to make changes to the robots.txt file in order not to create duplicate pages.
See you!
Sincerely, Vitaly Kirillov
Each site is essentially a whole navigation and link system, through which robots and visitors move. This system may have varying degrees of complexity. As a rule, it includes a main menu containing links to all main sections and static pages, additional menus, (ordered and structured list from links to all pages and sections). In addition, the navigation system of an Internet resource may include page navigation.
It is a set of buttons with hyperlinks built into them, each of which leads to specific page. In this case, we are not talking about static pages and pages with posts, but about pages on which announcements of posts are posted (blog format).
As for the settings, there are not too many of them. To begin with, you should indicate the names of the first and last, as well as the next and previous pages. These buttons will be shown no matter what page you are on. at the moment. In order for the WP Page Navi buttons to appear on the blog, you need to remove the standard navigation code in the template; as I already wrote, most likely it will be located in the archive.php or content.php template. And instead of the code insert:
It usually starts with a line like this -