Membuat Pagination di WordPress

Saad Abdurrazaq Tue, June 16, 2015 2 Comments 3,397 views
Membuat-Pagination-di-WordPress

Bagaimana tutorial cara cara membuat pagination di WordPress? sebelum kita membahasnya, kita akan terlebih dahulu mendefenisikan pagination sendiri itu apa? Pagination adalah cara untuk menampilkan data atau record per halaman, jadi data yang tersimpan dalam database tidak diload semuanya dalam satu halaman, melainkan dibagi menjadi beberapa halaman, singkatnya seperti yang digunakan pada mesin pencari google saat ini, pada halaman pertama ia hanya menampilkan kurang lebih 10 artikel, sedangkan artikel-artikel yang belum terload tersimpan pada halaman berikutnya.
pagecrop
default / standar pagination sejatinya tidak menggunakan penomoran, tetapi hanya menggunakan istilah “Next”, “Previous”, “Older Posts”, “Newer Posts”dan semisalnya.

tutorial cara membuat pagination di wordpress dengan cara yang standar sebenarnya lebih mudah daripada membuat pagination di WordPressdengan menggunakan penomoran, berikut langkah-langkahnya:

Step 1: Bukalah functions.php atau template-tags.php kemudian letakkanlah script di bawah ini, Anda bisa meletakkanya di functions.php ataupun di template-tags.php, kemudian simpan.

if ( ! function_exists( 'sead_paging_nav' ) ) :
 function sead_paging_nav() {
	// Don't print empty markup if there's only one page.
	if ( $GLOBALS['wp_query']->max_num_pages < 2 ) { return; } ?>


<div class="paging">
			<?php if ( get_next_posts_link() ) : ?>


<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'sead' ) ); ?></div>


			<?php endif; ?>
			<?php if ( get_previous_posts_link() ) : ?>


<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'sead' ) ); ?></div>


			<?php endif; ?>
	</div>


<!-- .navigation -->
<?php } endif; ?>


Step 2:
Buka index.php, kemudian letakkanlah script berikut ini di elemen yang Anda kehendaki kemudian simpan.

<?php sead_paging_nav(); ?>

Step 3: Styling pagination, dengan menambahkan kode CSS di bawah ini di halaman style.css

/* Pagination
*****************/
.paging{background:white;margin-top:20px;margin-bottom:70px}
.nav-next{float:right}
.nav-next a{text-decoration:none;color:#b45f04}
.nav-next a:hover{text-decoration:none;color:#eb7b0e}
.nav-previous{float:left}
.nav-previous a{text-decoration:none;color:#b45f04}
.nav-previous a:hover{text-decoration:none;color:#eb7b0e}
/* End pagination
*****************/

tHat’s it! itulah tutorial cara membuat pagination di WordPress

Tahapan lengkap cara membuat template WordPress bisa Anda lihat di http://kafeinkode.com/membuat-template-wordpress/

Is a web enthusiast from Indonesia. kafeinkode was created and written by Saad Abdurrazaq, it is built on WordPress. Love working with WordPress, programming, blogging, internet marketing, and all about computer soft skills.

2 comments

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. esa.tanjung@gmail.com'

    Hatur nuhun ya kang,, terimakasih banget, udah ngasih tau, dan itu saya coba berhasil semua, jujur saya katakan terimakasih bangettttt…. 🙂 🙂 salam sukses selalu kang 🙂

    Reply