{"id":113,"date":"2016-04-15T10:59:09","date_gmt":"2016-04-15T10:59:09","guid":{"rendered":"http:\/\/www.3pixls.com\/blog\/?p=113"},"modified":"2016-07-29T07:02:05","modified_gmt":"2016-07-29T07:02:05","slug":"wordpress-pagination","status":"publish","type":"post","link":"https:\/\/www.3pixls.com\/blog\/wordpress-pagination\/","title":{"rendered":"WordPress pagination"},"content":{"rendered":"

\"pagination\"
\n1.First Step add this code in “function.php”<\/strong><\/p>\n

[php]
\nfunction pagination($pages = ”, $range = 4)
\n{
\n$showitems = ($range * 2)+1;<\/p>\n

global $paged;
\nif(empty($paged)) $paged = 1;<\/p>\n

if($pages == ”)
\n{
\nglobal $wp_query;
\n$pages = $wp_query-&gt;max_num_pages;
\nif(!$pages)
\n{
\n$pages = 1;
\n}
\n}<\/p>\n

if(1 != $pages)
\n{
\necho "
\n<div class="\\&quot;pagination\\&quot;">Page ".$paged." of ".$pages."";
\nif($paged &gt; 2 &amp;&amp; $paged &gt; $range+1 &amp;&amp; $showitems &lt; $pages) echo "<a href="&quot;.get_pagenum_link(1).&quot;">\u00ab First<\/a>";
\nif($paged &gt; 1 &amp;&amp; $showitems &lt; $pages) echo "<a href="&quot;.get_pagenum_link($paged – 1).&quot;">\u2039 Previous<\/a>";<\/div>
\nfor ($i=1; $i &lt;= $pages; $i++) { if (1 != $pages &amp;&amp;( !($i &gt;= $paged+$range+1 || $i &lt;= $paged-$range-1) || $pages &lt;= $showitems ))
\n{
\necho ($paged == $i)? "<span class="\\&quot;current\\&quot;">".$i."<\/span>":"<a class="\\&quot;inactive\\&quot;" href="&quot;.get_pagenum_link($i).&quot;">".$i."<\/a>";
\n}
\n}<\/p>\n

if ($paged &lt; $pages &amp;&amp; $showitems &lt; $pages) echo "<a href="\\&quot;&quot;.get_pagenum_link($paged">Next \u203a<\/a>";
\nif ($paged &lt; $pages-1 &amp;&amp; $paged+$range-1 &lt; $pages &amp;&amp; $showitems &lt; $pages) echo "<a href="&quot;.get_pagenum_link($pages).&quot;">Last \u00bb<\/a>";
\necho "<\/p>\n

\\n";
\n}
\n}
\n[\/php]<\/p>\n

2. Second step add this code where you need pagination<\/p>\n

[php]
\n&lt;!– then the pagination links –&gt;
\n&lt;?php if (function_exists("pagination")) {
\npagination($additional_loop-&gt;max_num_pages);
\n} ?&gt;<\/p>\n

&nbsp;<\/p>\n

<strong>3. Third and last css<\/strong><\/p>\n

\/* pagination *\/
\n.paginationmain{ display:block;
\ntext-align: center;
\n}<\/p>\n

.pagination {
\nclear:both;
\npadding:20px 0;
\nposition:relative;
\nfont-size:11px;
\nline-height:13px;
\n}<\/p>\n

.pagination span, .pagination a {
\ndisplay:block;
\nfloat:left;
\nmargin: 2px 2px 2px 0;
\npadding:6px 9px 5px 9px;
\ntext-decoration:none;
\nwidth:auto;
\ncolor:#fff;
\nbackground: #0486d2;
\n}<\/p>\n

.pagination a:hover{
\ncolor:#000;
\nbackground: #7bc24d;
\n}<\/p>\n

.pagination .current{
\npadding:6px 9px 5px 9px;
\nbackground: #7bc24d;
\ncolor:#000;
\n}
\n[\/php]<\/p>\n","protected":false},"excerpt":{"rendered":"

1.First Step add this code in “function.php” [php] function pagination($pages = ”, $range = 4) { $showitems = ($range * 2)+1; global $paged; if(empty($paged)) $paged = 1; if($pages == ”) { global $wp_query; $pages = $wp_query-&gt;max_num_pages; if(!$pages) { $pages = 1; } } if(1 != $pages) { echo " <div class="\\&quot;pagination\\&quot;">Page ".$paged." of ".$pages.""; if($paged […]<\/p>\n","protected":false},"author":1,"featured_media":188,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[16],"_links":{"self":[{"href":"https:\/\/www.3pixls.com\/blog\/wp-json\/wp\/v2\/posts\/113"}],"collection":[{"href":"https:\/\/www.3pixls.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.3pixls.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.3pixls.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.3pixls.com\/blog\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":3,"href":"https:\/\/www.3pixls.com\/blog\/wp-json\/wp\/v2\/posts\/113\/revisions"}],"predecessor-version":[{"id":190,"href":"https:\/\/www.3pixls.com\/blog\/wp-json\/wp\/v2\/posts\/113\/revisions\/190"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.3pixls.com\/blog\/wp-json\/wp\/v2\/media\/188"}],"wp:attachment":[{"href":"https:\/\/www.3pixls.com\/blog\/wp-json\/wp\/v2\/media?parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.3pixls.com\/blog\/wp-json\/wp\/v2\/categories?post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.3pixls.com\/blog\/wp-json\/wp\/v2\/tags?post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}