WordPress : Paginasi Tanpa PluginSponsored Link

Keinginan mengurangi jumlah plugin di semua situs Aroengbinangp membuat saya mencari info bagaimana membuat paginasi wordpress tanpa plugin. Selama ini saya cukup senang memakai plugin WP Page Numbers untuk menggantikan tulisan Next dan Previous Post di halaman muka.

Menggunakan plugin memang praktis. Tinggal download, aktivasi, dan setting sesuai kebutuhan, yang biasanya mudah untuk dilakukan. Namun diantara kelemahan plugin yang sering saya temui adalah adanya css dan fitur tidak perlu, css terpisah dari css utama yang harus disatukan.

Kadang juga terjadi konflik dengan plugin lainnya. Yang lebih parah adalah jika instalasi dan uninstalasi plugin menyebabkan masalah, yang bisa sangat serius dan membuat situs down dan tidak bisa diakses untuk sementara. Solusinya adalah delete plugin dari cPanel.

Untuk membuat Paginasi Wordpress tanpa plugin, ikuti langkah-langkah sebagai berikut ini:

Membuat Paginasi Wordpress Tanpa Plugin

1. Buka function.php, copy script berikut ini, dan paste di function.php anda
   function pagination($pages = '', $range = 2)
{
$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)."'>« First</a>";
if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>‹ 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 ›</a>"; if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages)."'>Last »</a>"; echo "</div>\n"; } }
   
2. Save
3. Buka style.css, copy - paste css berikut ini
   .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: #333;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #333;
color:#fff;
}
   
4. Save
5. Copy script berikut ini, dan letakkan di index.php dan archive.php anda
   <?php if (function_exists("pagination")) {
pagination($additional_loop->max_num_pages);
} ?>

Selamat mencoba, semoga tulisan Membuat Paginasi WordPress Tanpa Plugin bermanfaat bagi anda.

Sponsored Link

Sponsored Link

Sponsored Link

Bagikan ke:
Facebook, , WhatsApp, Telegram, Email. Print!.

Penulis: Bambang Aroengbinang, seorang pejalan musiman dan penyuka sejarah. Penduduk Jakarta yang sedang tinggal di Cikarang Utara. Traktir BA secangkir kopi. Secangkir saja ya! Oktober 26, 2017.