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.
2 – WP Paginate

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:

3 – Simple Pagination
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.
4 – Page Links Plus

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.
5 – Alphabetic Pagination

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.
6 – Gallery Pagination for WordPress

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.
7 – Advanced Post Pagination
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.
8 – WP Smart Pagination
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.
9 – jPages Pagination For WordPress
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.
Conclusion
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 -

. Edit the appearance of buttons (main and background color, frames, fonts, etc.) can be done through the CSS file of this plugin pagenavi-css.css, their support can be enabled in the “ Page list settings" However, this is not very convenient. Therefore, a so-called add-on plugin called WP PageNavi Style. After installing it, all will appear in the menu required options to edit the appearance of buttons.


All questions can be asked in the comments if someone is not clear on one or another point. We will always answer all questions.

Hello, blog site readers! Standard WordPress Page Navigation comes down only to the ability to move on to the next one or return to previous page with article announcements. No page numbering is visually visible - this is inconvenient. You can correct the situation using the WP-PageNavi plugin or its analogue WP Page Numbers. The third plugin I'll look at today, Number My Post Pages, allows you to present the information of a single article page by page.

Installation and configuration of WP-PageNavi and its styles

2. Unpack and upload the folder with the plugin files to the wp-content/plugins directory on the server using the free .

3. Activate it, in the list of plugins it goes under the name “list of pages”.

4. Now you need to replace standard code for page navigation in index.php, archive.php and search.php templates to a new one:

The type of code may vary slightly from topic to topic, so look for a construct that contains the lines next_posts_link and previous_posts_link.

As soon as you replace the code, the WP-PageNavi plugin will start working. All plugin settings are in Russian and are clearly described, so understanding them will not be difficult. They are located in the “Plugins” - “list of pages” section.

To customize the appearance, you need to edit the WP-PageNavi plugin styles file - wp-pagenavi/pagenavi-css.css. To do this, go to the “Plugins” - “Editor” section, select WP-PageNavi as the plugin to change and find the file with the .css resolution in the list.

Of course, to customize page navigation styles you need to know at least CSS basics. In order not to waste time studying it (although sooner or later you will have to learn at least html and css) you can use the plugin WP PageNavi Style, which already provides ready-made styles for every taste.

WP PageNavi Style is standard, you don’t need to specify anything in the theme for it. Just download the latest version from WordPress.org. After activation, a new section of the same name is created in the WordPress admin panel.

Let's look at the basic settings, there are not many of them.

The Select StyleSheet option allows you to switch between existing styles and the ability to create them yourself (custom).

The choice of styles is very large, even your eyes run wild. CSS3 styles look especially beautiful. I think everyone will find something interesting for themselves. After choosing the visual design of the page navigation, set its location - Align Navigation: left - on the left, rigth - on the right and center - in the center.

Now let's look at what options the Custom section provides us with.

  • Heading Color - header color, you don’t need to know html code colors, just click on the field and visually select it;
  • Background Color— background color;
  • Active/Current Background Colorback background buttons current page(active);
  • Font Size - font size;
  • Link Color - link color;
  • Link Mouse Hover / Active Color— the color of the link when you hover the mouse cursor over it;
  • Link Border Color— color of the button border with the page number;
  • Link Border Mouse Hover/Active Color— border color when hovering the mouse cursor over the button;
  • Align Navigation - alignment on the page: center, left or right.

WP-PageNavi not working

I also came across the fact that the plugin WP-PageNavi not working.

1. WP-PageNavi plugin is not activated. You're most likely using a particularly advanced theme that already uses numbered page navigation. Add multiple articles to your blog to see the default blog navigation. Most likely, it is made in the style of the theme used and nothing needs to be changed in it. If you don’t like it, clean the theme templates from the page navigation code, then the WP-PageNavi plugin should be activated.

2. WP-PageNavi on the main page does not work correctly— pages do not switch, errors are generated, or the content of the pages does not change. This again has to do with the WordPress theme used.

Open the index.php template for editing and find the code that is responsible for displaying records:

Replace it with the following code:

Check the functionality of WP-PageNavi.

3. If this does not help, then you can use an alternative plugin - WP Page Numbers.

WP Page Numbers Plugin

Installing the WP Page Numbers plugin is similar to the WP-PageNavi installation discussed above, only slightly different code is used:

The plugin settings are located in the “Options” - “Page Numbers” section.

WP Page Numbers gives you 5 WordPress page navigation styles to choose from. Of course, compared to the variety of WP-PageNavi Style styles, this looks meager, but the themes are universal and are perfect for most blogs.

Of the other settings, I only replaced the values ​​of “Page” with “Page”, and the preposition “of” with “from”.

Number My Post Pages plugin

The last plugin in my collection is called Number My Post Pages and is designed to create page navigation within one post. It will be useful to you if the volume of material on a blog page is very large, and it is better to present it page by page for the convenience of the reader.

1. Download the Number My Post Pages plugin.

2. Unpack the archive and transfer the folder with the plugin files to the wp-content/plugins directory via ftp.

3. Activate the Number My Post Pages plugin.

4. Add single.php and page.php to the templates used WordPress themes the following code:

To break the content of an article into pages, use the tag:

The settings of the Number My Post Pages plugin are located at the address “Options” - “Number Post Pages”.

  • Text for Number of Pages - text for the number of pages.
  • Show the “Text for Number of Pages”— whether to show “text for the number of pages” or not.
  • Number of pages after the current page— number of pages after the current page.
  • Number of pages before the current page— number of pages before the current one.
  • Text for next page — text of the button to go to the next page.
  • Text for previous page — button text for going to the previous page.
  • Use default stylesheet — whether to use a standard theme.
  • Show Dropdown is a so-called dropdown that displays a list of all page numbers.
  • Always Show Navigation - always show navigation, even if the article content is not paginated.