Membuat Pagination di WordPress

Diposting pada

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.

Baca juga:  Bahaya Menggunakan Theme Nulled

tutorial cara membuat pagination di wordpress dengan cara yang standar sebenarnya lebih mudah daripada membuat pagination di WordPress dengan 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.

[php]
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() ) : ?>

Baca juga:  Tips Cara Membuat CRUD dengan Menggunakan AJaX

<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; ?>
[/php]


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

[php]<?php sead_paging_nav(); ?>[/php]

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

[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
*****************/
[/css]

Baca juga:  Export Data ke Excel di Yii2

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

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

2 thoughts on “Membuat Pagination di WordPress

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

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *