Mungkin Anda pernah melihat nomor atau jumlah halaman yang ada pada sebuah situs atau blog. Biasanya nomor halaman ini akan muncul jika memang tema dari situs tersebut telah mendukung atau telah dilengkapi dengan script paginasi tersebut. Untuk Anda para pengguna situs dengan platform CMS WordPress, cara menambahkan nomor halaman atau paginasi pada artikel website lebih mudah hanya dengan plugin. Ada banyak jenis plugin paginasi yang telah disediakan WordPress untuk mempermudah Anda menambahkan halaman tersebut.

Tapi, menggunakan plugin pada situs tentunya akan membuat situs Anda lebih berat, sehingga bisa mengurangi kapasitas penyimpanan dari hosting Anda. Sebenarnya sistem paginasi tersebut hanya dibuat menggunakan script php dan css style untuk mempercantik tampilannya. Anda dapat membuat sendiri sistem paginasi pada situs WordPress Anda tersebut dengan menambahkan script berikut ini pada beberapa file php di template WordPress yang Anda gunakan.

Script pertama yang harus Anda tambahkan untuk membuat nomor halaman pada situs WordPress Anda adalah sebagai berikut. Code ini Anda tambahkan pada file functions.php tema wordpress Anda.

function wp_page_number() {
if( is_singular() )
return;
global $wp_query;
/** Stop execution if there’s only 1 page */
if( $wp_query->max_num_pages <= 1 )
return;

$paged = get_query_var( ‘paged’ ) ? absint( get_query_var( ‘paged’ ) ) : 1;
$max   = intval( $wp_query->max_num_pages );

/** Add current page to the array */
if ( $paged >= 1 )
$links[] = $paged;

/** Add the pages around the current page to the array */
if ( $paged >= 3 ) {
$links[] = $paged – 1;
$links[] = $paged – 2;
}

if ( ( $paged + 2 ) <= $max ) {
$links[] = $paged + 2;
$links[] = $paged + 1;
}

echo ‘<div class=”navigation”><ul>’ . “\n”;

/** Previous Post Link */
if ( get_previous_posts_link() )
printf( ‘<li>%s</li>’ . “\n”, get_previous_posts_link() );

/** Link to first page, plus ellipses if necessary */
if ( ! in_array( 1, $links ) ) {
$class = 1 == $paged ? ‘ class=”active”‘ : ”;

printf( ‘<li%s><a href=”%s”>%s</a></li>’ . “\n”, $class, esc_url( get_pagenum_link( 1 ) ), ‘1’ );

if ( ! in_array( 2, $links ) )
echo ‘<li>…</li>’;
}

/** Link to current page, plus 2 pages in either direction if necessary */
sort( $links );
foreach ( (array) $links as $link ) {
$class = $paged == $link ? ‘ class=”active”‘ : ”;
printf( ‘<li%s><a href=”%s”>%s</a></li>’ . “\n”, $class, esc_url( get_pagenum_link( $link ) ), $link );
}

/** Link to last page, plus ellipses if necessary */
if ( ! in_array( $max, $links ) ) {
if ( ! in_array( $max – 1, $links ) )
echo ‘<li>…</li>’ . “\n”;

$class = $paged == $max ? ‘ class=”active”‘ : ”;
printf( ‘<li%s><a href=”%s”>%s</a></li>’ . “\n”, $class, esc_url( get_pagenum_link( $max ) ), $max );
}

/** Next Post Link */
if ( get_next_posts_link() )
printf( ‘<li>%s</li>’ . “\n”, get_next_posts_link() );

echo ‘</ul></div>’ . “\n”;

}

Jika script pertama di atas telah Anda tambahkan, sekarang Anda masukkan script kedua di bawah ini untuk memanggil script di atas, agar nomor halaman bisa tampil. Script ini Anda masukkan pada file index.php, category, tag.php, archive.php, atau file yang memungkin ada halaman tambahan di situs Anda. Di dalam masing-masing file tersebut Anda cari script previous_posts_link dan juga next_posts_link, kemudian Anda ganti dengan script dibawah ini.

Nah, coba Anda refresh halaman utama pada situs Anda dan cek pada bagian paling bawah. Jika telah muncul nomor halaman, maka Anda telah berhasil menambahkan sistem paginasi pada blog Anda tanpa bantuan plugin. Untuk membuat tampilan dari sitem paginasi tersebut terlihat lebih keren dan menarik, maka Anda bisa menambahkan script css di bawah ini pada file style.css situs WordPress Anda.

/* csss pagination */

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
color: #fff;
text-decoration:none;
}

.navigation li {
display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
background-color: #38B7EE;
border-radius: 30px;
cursor: pointer;
padding: 5px 10px;
transition:all 0.25s linear 0s;
}

.navigation li a:hover,
.navigation li.active a {
background-color: #000;
}

Cara Bikin Nomor Halaman di WordPress Tanpa Plugin 1 oleh tekno segiempat
Sekarang tampilan paginasi atau nomor halaman pada situs Anda telihat lebih bergaya. Jika, Anda masih belum mengerti dengan penjelasan di atas, silahkan Anda tinggalkan pertanyaan pada kolom komentar di bawah ini. Tim kami akan membantu Anda menyelesaikan permasalahan Anda dengan website WordPress yang Anda gunakan.

* * * * *
Buku Formula Cinta

1 COMMENT

Leave a Reply to Anonymous Cancel reply