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
- 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"; } }
- Save
- 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;
}
- Save
- 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.
Label: Tutorial, WordPress
Bagikan ke: WhatsApp, Email. Print!.
