Cara Membuat Page Number Tanpa Plugin

 Tutorial wordpress

cara membuat page number di blogSebelumnya saya telah membahas bagai mana cara membuat random post tanpa menggunakan plugin, kali ini akan saya membahas bagaimana cara membuat  halaman atau page number tanpa plugin khususnya di wordpress.

Sama seperti hal-hal sebelumnya, kenapa harus tanpa menggunakan plugin? Kan kalau pakai plugin gak repot tinggal install dan aktifkan.

Memang benar kalau menggunakan plugin itu tidak repot, tapi penggunaan plugin yang terlalu berlebih akan membuat akses blog semakin lambat. Lambatnya akses loading ke blog juga akan mempengaruhi SEO blog itu sendiri. Rugikan kalau search engine males buat mengindex blog kita. Maka minimalisirlah penggunaan plugin yang berlebih.

Lanjut cara membuat halaman atau page number tanpa plugin

Sebagaimana telah kita ketahui, berdasarkan settingan default wordpress sendiri, page number (nomor halaman) untuk halaman depan/home, archove, search, category dan tag hanya menggunakan kata-kata next post dan previous post atau newer post dan older post. Dan menurut saya settingan seperti ini kurang user friendly, kadang akibatnya juga bisa mengurangi page view dari blog. Maka dari itu saya disini akan memberikan bagaimana cara membuat halaman atau page number tanpa plugin.

Dari pada makin panjang lebar bahasannya, ni langsung aja di coba cara membuat page number tanpa plugin.

1. Silahkan anda copy script di bawah ini, dan paste di function.php. Kalau di blog ini scriptnya aku letakin sesudah <?php dan sebelum ?> yang  leteaknya pertama kali dalam function.php, kalau ditempat lain malah error.

//start wp-page number oprekan dari plugin
function wp_page_numbers_check_num($num)
{
return ($num%2) ? true : false;
}

function wp_page_numbers_page_of_page($max_page, $paged, $page_of_page_text, $page_of_of)
{
$pagingString = "";
if ( $max_page > 1)
{
$pagingString .= '<li>';
if($page_of_page_text == "")
$pagingString .= 'Page ';
else
$pagingString .= $page_of_page_text . ' ';

if ( $paged != "" )
$pagingString .= $paged;
else
$pagingString .= 1;

if($page_of_of == "")
$pagingString .= ' of ';
else
$pagingString .= ' ' . $page_of_of . ' ';
$pagingString .= floor($max_page).'</li>';
}
return $pagingString;
}

function wp_page_numbers_prevpage($paged, $max_page, $prevpage)
{
if( $max_page > 1 && $paged > 1 )
$pagingString = '<li><a href="'.get_pagenum_link($paged-1). '">'.$prevpage.'</a></li>';
return $pagingString;
}

function wp_page_numbers_left_side($max_page, $limit_pages, $paged, $pagingString)
{
$pagingString = "";
$page_check_max = false;
$page_check_min = false;
if($max_page > 1)
{
for($i=1; $i<($max_page+1); $i++)
{
if( $i <= $limit_pages )
{
if ($paged == $i || ($paged == "" && $i == 1))
$pagingString .= '<li><a href="'.get_pagenum_link($i). '">'.$i.'</a></li>'."\n";
else
$pagingString .= '<li><a href="'.get_pagenum_link($i). '">'.$i.'</a></li>'."\n";
if ($i == 1)
$page_check_min = true;
if ($max_page == $i)
$page_check_max = true;
}
}
return array($pagingString, $page_check_max, $page_check_min);
}
}

function wp_page_numbers_middle_side($max_page, $paged, $limit_pages_left, $limit_pages_right)
{
$pagingString = "";
$page_check_max = false;
$page_check_min = false;
for($i=1; $i<($max_page+1); $i++)
{
if($paged-$i <= $limit_pages_left && $paged+$limit_pages_right >= $i)
{
if ($paged == $i)
$pagingString .= '<li><a href="'.get_pagenum_link($i). '">'.$i.'</a></li>'."\n";
else
$pagingString .= '<li><a href="'.get_pagenum_link($i). '">'.$i.'</a></li>'."\n";

if ($i == 1)
$page_check_min = true;
if ($max_page == $i)
$page_check_max = true;
}
}
return array($pagingString, $page_check_max, $page_check_min);
}

function wp_page_numbers_right_side($max_page, $limit_pages, $paged, $pagingString)
{
$pagingString = "";
$page_check_max = false;
$page_check_min = false;
for($i=1; $i<($max_page+1); $i++)
{
if( ($max_page + 1 - $i) <= $limit_pages )
{
if ($paged == $i)
$pagingString .= '<li><a href="'.get_pagenum_link($i). '">'.$i.'</a></li>'."\n";
else
$pagingString .= '<li><a href="'.get_pagenum_link($i). '">'.$i.'</a></li>'."\n";

if ($i == 1)
$page_check_min = true;
}
if ($max_page == $i)
$page_check_max = true;

}
return array($pagingString, $page_check_max, $page_check_min);
}

function wp_page_numbers_nextpage($paged, $max_page, $nextpage)
{
if( $paged != "" && $paged < $max_page)
$pagingString = '<li><a href="'.get_pagenum_link($paged+1). '">'.$nextpage.'</a></li>'."\n";
return $pagingString;
}

function wp_page_numbers($start = "", $end = "")
{
global $wp_query;
global $max_page;
global $paged;
if ( !$max_page ) { $max_page = $wp_query->max_num_pages; }
if ( !$paged ) { $paged = 1; }

$settings = get_option('wp_page_numbers_array');
$page_of_page = $settings["page_of_page"];
$page_of_page_text = $settings["page_of_page_text"];
$page_of_of = $settings["page_of_of"];

$next_prev_text = $settings["next_prev_text"];
$show_start_end_numbers = $settings["show_start_end_numbers"];
$show_page_numbers = $settings["show_page_numbers"];

$limit_pages = $settings["limit_pages"];
$nextpage = $settings["nextpage"];
$prevpage = $settings["prevpage"];
$startspace = $settings["startspace"];
$endspace = $settings["endspace"];

if( $nextpage == "" ) { $nextpage = "&raquo;"; }
if( $prevpage == "" ) { $prevpage = "&laquo;"; }
if( $startspace == "" ) { $startspace = "..."; }
if( $endspace == "" ) { $endspace = "..."; }

if($limit_pages == "") { $limit_pages = "5"; }
elseif ( $limit_pages == "0" ) { $limit_pages = $max_page; }

if(wp_page_numbers_check_num($limit_pages) == true)
{
$limit_pages_left = ($limit_pages-1)/2;
$limit_pages_right = ($limit_pages-1)/2;
}
else
{
$limit_pages_left = $limit_pages/2;
$limit_pages_right = ($limit_pages/2)-1;
}

if( $max_page <= $limit_pages ) { $limit_pages = $max_page; }

$pagingString = "<div id='wp_page_numbers'>\n";
$pagingString .= '<ul>';

if($page_of_page != "no")
$pagingString .= wp_page_numbers_page_of_page($max_page, $paged, $page_of_page_text, $page_of_of);

if( ($paged) <= $limit_pages_left )
{
list ($value1, $value2, $page_check_min) = wp_page_numbers_left_side($max_page, $limit_pages, $paged, $pagingString);
$pagingMiddleString .= $value1;
}
elseif( ($max_page+1 - $paged) <= $limit_pages_right )
{
list ($value1, $value2, $page_check_min) = wp_page_numbers_right_side($max_page, $limit_pages, $paged, $pagingString);
$pagingMiddleString .= $value1;
}
else
{
list ($value1, $value2, $page_check_min) = wp_page_numbers_middle_side($max_page, $paged, $limit_pages_left, $limit_pages_right);
$pagingMiddleString .= $value1;
}
if($next_prev_text != "no")
$pagingString .= wp_page_numbers_prevpage($paged, $max_page, $prevpage);

if ($page_check_min == false && $show_start_end_numbers != "no")
{
$pagingString .= "<li class=\"first_last_page\">";
$pagingString .= "<a href=\"" . get_pagenum_link(1) . "\">1</a>";
$pagingString .= "</li>\n<li class=\"space\">".$startspace."</li>\n";
}

if($show_page_numbers != "no")
$pagingString .= $pagingMiddleString;

if ($value2 == false && $show_start_end_numbers != "no")
{
$pagingString .= "<li class=\"space\">".$endspace."</li>\n";
$pagingString .= "<li class=\"first_last_page\">";
$pagingString .= "<a href=\"" . get_pagenum_link($max_page) . "\">" . $max_page . "</a>";
$pagingString .= "</li>\n";
}

if($next_prev_text != "no")
$pagingString .= wp_page_numbers_nextpage($paged, $max_page, $nextpage);

$pagingString .= "</ul>\n";

$pagingString .= "<div style='float: none; clear: both;'></div>\n";
$pagingString .= "</div>\n";

if($max_page > 1)
echo $start . $pagingString . $end;
}
//end wp-page number oprekan dari plugin

Perhatikan kode { $limit_pages = “5“; }, kode ini digunakan untuk mengubah jumlah nomor halaman yang ingin di tampilkan,

2. Selanjutanya cari kode berikut (atau yang mirip) pada file script index.php, search.php dan archive.php atau kalau tidak ada silahkan geledah semua file script yang ada di folder theme yang digunakan, soalnya tiap-tiap theme beda kode dan letaknya.

<span><?php previous_posts_link(__('Newer Entries', 'inove')); ?></span>
<span><?php next_posts_link(__('Older Entries', 'inove')); ?></span>

3. Kalau sudah ketemu kode diatas silahkan copy kode dibawah ini dan letakkan di atas kode yang telah anda temukan tadi.

<?php if(function_exists('wp_page_numbers')) : ?><?php wp_page_numbers() ?><?php else : ?>

4. Selanjutnya tinggal menambahkan kode CSS untuk mempercantik page number. Silahkan anda letakkan kode berikut ini di dalam f ile style.css.

#wp_page_numbers ul,#wp_page_numbers li,#wp_page_numbers a
{ background:transparent;
  border:none;
  text-decoration:none;
  list-style:none;
  text-transform:none;
  text-indent:0;
  text-align:left;
  letter-spacing:0;
  word-spacing:0;
  font:normal normal normal 18px/15px "Book Antiqua",Verdana; }

#wp_page_numbers
{ margin-top:5px;
  width:100%;
  background:#F7F7FA;
  margin-bottom:4px; }

#wp_page_numbers ul
{ width:100%; }

#wp_page_numbers li
{ float:left;
  display:block;
  margin-bottom:2px; }

#wp_page_numbers a
{ background:#dbe7f0;
  padding:4px;
  padding-left:7px;
  padding-right:7px;
  margin-left:3px;
  margin-right:3px;
  display:block;
  color:#333;
  border:1px solid #949191;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

#wp_page_numbers li>a:hover
{ border:1px solid #002cba;
  background:#D1D1D1;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}
#wp_page_numbers li.active_page> a
{ border-color:#0075b8;
  background:#B2BBC1;
  font-weight:bold;
  text-decoration:underline; }

#wp_page_numbers li.page_info
{ background:#dbe7f0;
  float:left;
  display:block;
  padding:4px;
  padding-left:15px;
  padding-right:15px;
  margin-right:3px;
  color:#666;
  font-size:13px;
  letter-spacing:1px;
  border:1px solid #777272;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  box-shadow:2px 2px 2px #b3b3b7;
  -moz-box-shadow:2px 2px 2px #b3b3b7;
  -webkit-box-shadow:2px 2px 2px #b3b3b7; }

Silahkan berkreasi dengan kode diatas untuk menghasilkan page number tanpa plugin yang lebih indah. Berdasarkan kode diatas kurang lebih hasilnya akan seperti halaman yang ada di home blog ini.

cara membuat page number tanpa plugin

hasil kreasi page number tanpa plugin

Selamat mencoba dan berkreasi.

Author: 

Saya adalah pemilik Kaplik.Com, Tujuan saya menulis adalah untuk berbagi pengetahuan maupun pengalaman kepada semua pembaca. Buat yang ingin tanya-tanya bisa langsung Contact ke Google +1, atau bisa melalui facebook. Thanks...

4 Responses

Leave a Reply