Skip to content

uargh/wp_lopa

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

Logarithmic Pagination Plugin for Wordpress

This will give you an advanced pagination to distribute your link-juice more evenly across your paginated paged. It also provides a better choice of navigation to the user tio explore and find your content.

Installation

  1. Unzip wp-lopa.zip.
  2. Upload wp-lopa to the /wp-content/plugins/ directory
  3. Activate the plugin through the Plugins menu in WordPress
  4. Change Settings on Settings -> Log. Pagination
  5. Remove original pagination code from template files
  6. Add some CSS to make it all pretty. To make it easier here is some sample-code:
.paging-navigation ul {
	list-style: none;
}

.paging-navigation li {
	float: left;
}

.paging-navigation .current {
}

.paging-navigation .paginate_link {
}

.paging-navigation .prev {
}

.paging-navigation .next {
}

Here is some sample HTML output:

<nav role="navigation" id="pages_bottom" class="site-navigation paging-navigation">
	<h1 class="assistive-text">Post navigation</h1>
	<ul>
		<li><a href="?paged=2" rel="prev" class="prev"><span class="paginate_link">Previous</span></a></li>
		<li><a href=""><span class="paginate_link">1</span></a></li>
		<li><a rel="prev" href="?paged=2"><span class="paginate_link">2</span></a></li>
		<li><span class="current">3</span></li>
		<li><a rel="next" href="?paged=4"><span class="paginate_link">4</span></a></li>
		<li><a href="?paged=5"><span class="paginate_link">5</span></a></li>
		<li><span class="seperator">..</span></li>
		<li><a href="?paged=7"><span class="paginate_link">7</span></a></li>
		<li><span class="seperator">..</span></li>
		<li><a href="?paged=11"><span class="paginate_link">11</span></a></li>
		<li><span class="seperator">..</span></li>
		<li><a href="?paged=19"><span class="paginate_link">19</span></a></li>
		<li><span class="seperator">...</span></li>
		<li><a href="?paged=35"><span class="paginate_link">35</span></a></li>
		<li><span class="seperator">..</span></li>
		<li><a href="?paged=42"><span class="paginate_link">42</span></a></li>
		<li><a href="?paged=4" rel="next" class="next"><span class="paginate_link">Next</span></a></li>
	</ul>
</nav>

A Wordpress Plugin for better Pagination

About

A Wordpress Plugin for better Pagination

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages