DF-Pagination
DF-Pagination is a simple, flexible and cool pagination plugin which provides users with better navigation on your WordPress site. It has builtin ‘rel=next’ and ‘rel=previous’ markup. In addition to increasing the user experience for your visitors, it has also been widely reported that pagination in
DF-Pagination is a simple, flexible and cool pagination plugin which provides users with better navigation on your WordPress site. It has builtin ‘rel=next’ and ‘rel=previous’ markup.
In addition to increasing the user experience for your visitors, it has also been widely reported that pagination increases the SEO of your site by providing more links to your content.
Starting in version 1.0, DF-Pagination can also be used to pagination post comments!
Translations: https://plugins.svn.wordpress.org/df-pagination/I18n (check the version number for the correct file)
A closer look.
Install and Activate
- 01Unzip the downloaded df-pagination zip file
- 02Upload the df-pagination folder and its contents into the df-content/plugins/ directory of your WordPress installation
- 03Activate df-pagination from Plugins page
Implement
For posts pagination: 1) Open the theme files where you’d like pagination to be used. Usually this is the loop.php file. For older version of WordPress, you may need to update the index.php , archive.php and search.php files.
2) Replace your existing previous_posts_link() and next_posts_link() code block with the following:
<?php if(function_exists('df_pagination')) { df_pagination(); } ?>
Configure
1) The styles can be changed with the following methods:
- 04Add the following custom CSS to your theme’s `styles.css’ : /* Pagination */ .pagination { clear:both; padding:0 0 10px 200px; position:relative; font-size:11px; line-height:13px; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #555; } .pagination a:hover{ color:#fff; background: #3279BB; } .pagination .current{ padding:6px 9px 5px 9px; background: #3279BB; color:#fff; }