Logarithmic Pagination

Uzstādīšana

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 and/or implement template-tag respectively
5. Remove the original pagination code from the template files. Depending on your themes structure they can be located in files named loop.php, index.php, archive.php, date.php, search.php, author.php or others.

6. Add some CSS to make it all pretty. To make it easier here is some sample-code:

   .assistive-text { display: none; }
   .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>
            <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>
            <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>