» » Membuat WorPress Page Number Tanpa Plugin

Membuat WorPress Page Number Tanpa Plugin

Kali ini saya share tentang cara Membuat Wordpress Page Number Tanpa Plugin. Sebagaimana kita ketahui, secara default wordpress tidak menggunakan page number (nomor halaman) untuk halaman depan (home), archive, search, category dan tag, melainkan hanya menggunakan sistem next_posts dan previous_posts atau newer dan older.

Sistem default seperti ini menurut sebagian orang kuran user friendly, Karena untuk membuka halaman lainnya pengunjung hanya bisa membuka satu tingkat halaman sesusah atau sebelumnya. oleh karena itu saya coba share tutorial ini untuk di terapkan di blog kalian.

Pertama-tama kalian copy kode dibawah ini lalu paste di function.php, ditema yang kalian gunakan:

//start wp-page
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 class="page_info">';
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 class="active_page"><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 class="active_page"><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 class="active_page"><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


Keterangan : Yang saya beri warna biru (angka 5) adalah jumlah nomor halaman yang ingin ditampilkan, anda bisa menggantinya sesuai selera.

Langkah selanjutnya buka file index.php, archive.php, search.php atau file di mana biasanya digunakan untuk menampilkan halaman sesudah atau sebelumnya (next dan previous). Kemudian cari kode kira-kira seperti ini :

<span class="newer"><?php previous_posts_link(__('Newer Entries', 'inove')); ?></span>
<span class="older"><?php next_posts_link(__('Older Entries', 'inove')); ?></span>


Kode tersebut adalah contoh yang digunakan untuk menampilkan halaman sesudah atau sebelumnya (next dan previous) pada Theme, untuk theme lainnya mungkin sedikit beda, jadi silahkan disesuaikan. Kemudian tambahkan fungsi loop berikut ini sebelum kode tersebut :

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


Untuk mempercantik penampilan dari nomor halaman tersebut, tambahkan kode CSS berikut ini di file CSS yang anda gunakan.

#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; }


Nah untuk hasilnya coba kalian reload blog kalian. Selamat berkreasi...!

0 Response to "Membuat WorPress Page Number Tanpa Plugin"

Post a Comment

* Please do not Use an anonymous ID.
* Silahkan berkomentar dengan Kata Sopan Dan Santun.
* Berikan komentar dan masukan Tentang Artikel Di Blog Ini.

Subscribe to: Post Comments (Atom)