DF-Pagination

Installation

Install and Activate

1. Unzip the downloaded df-pagination zip file
2. Upload the df-pagination folder and its contents into the df-content/plugins/ directory of your WordPress installation
3. Activate 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:

• Add 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;
  }

Changelog

N/A

Full changelog on WordPress.org →

Screenshots