contact

Contact Person
Pin BB : 5AB31960
SMS : 082288467823
WA : 081275371724
call : 081275668074


Membuat Paging seperti Google di Wordpress Tanpa Plugin

Posted in Tutorial Wordpress Life at 26 September 2016 With 0 Comments

 Cara Membuat Paging Seperti Google di Wordpress Tanpa Plugin, ini merupakan kelanjutan dari artikel sebelumnya, Membuat paging di wordpress juga, namun paging yang satu ini merupakan pengembangan dari paging selanjutnya, , Apa Perbedaanya ??????

Perbedaanya,, Terlihat jika Jumlah halaman sudah Banyak, Maka paging akan berubah menjadi tanda panah, sehingga tidak memakan tempat, ,  Kalo di paging sebelumnya kan gak..

▼ Download Source Code Dibawah Ini ▼



OK... Secara default template wordpress yang belum tersedia paging hanya menampilkan 2 sisi link halaman, next artikle, atau prev artikel, Nah jika anda ingin membuat Template Wordpress yang suport Paging , Kita perlu menambahkan fungsi paging pada template Tersebut, Berikut ini admin akan share tutorial membuat paging Seperti Google tanpa plugin di wordpress ,

Untuk membuat paging 1,2,3 di wordpress, Lebih Jelasnya lihat dulu gambar di bawah ini ,..

membuat paging di wordpress tanpa plugin

Cara Membuat Paging di Wordpress Tanpa Plugin :

Backup Terlebih Dahulu Template wordpressnya , untuk menghindari kasalahan nantinya , oke,,, setelah itu berikut langkah-langkahnya :

buka file function.php dan pastekan fungsi dibawah ini :

//start script
function pagination($pages = '', $range = 4)
{  
     $showitems = ($range * 2)+1;  
     global $paged;
     if(empty($paged)) $paged = 1;
     if($pages == '')
     {
         global $wp_query;
         $pages = $wp_query->max_num_pages;
         if(!$pages)
         {
             $pages = 1;
         }
     }   
     if(1 != $pages)
     {
         echo "<div class=\"pagination\"><span>Page ".$paged." of ".$pages."</span>";
         if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>&laquo; First</a>";
         if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>&lsaquo; Previous</a>";
         for ($i=1; $i <= $pages; $i++)
         {
             if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
             {
                 echo ($paged == $i)? "<span class=\"current\">".$i."</span>":"<a href='".get_pagenum_link($i)."' class=\"inactive\">".$i."</a>";
             }
         }
         if ($paged < $pages && $showitems < $pages) echo "<a href=\"".get_pagenum_link($paged + 1)."\">Next &rsaquo;</a>";  
         if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages)."'>Last &raquo;</a>";
         echo "</div>\n";
     }
}
//end script

kemudian letakkan code dibawah ini di style.css

//Start script css
.pagination {
clear:both;
padding:20px 0;
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;
}
//end script css

Langakah yang terakhir, pastekan code dibawah ini untuk menampilkan pagination di akhir looping post index.php atau loop.php where it says "Older posts" or "Older entries"):

<?php if (function_exists("pagination")) {
    pagination($additional_loop->max_num_pages);
}
?>

Silahkan Refresh Halaman website anda , untuk membuat paging terlihat tampil di halaman website anda

Artikel Terkait

Diskusi