CARA MEMBUAT WORDPRES PAGINATION


Artikel yang anda buat sangaaaaatttttt panjaaaang? mungkin anda perlu menggunakan WordPress Pagination agar halaman artikel anda tidak terlihat terlalu panjang. Apa itu WordPress pagination?

WordPress Pagination adalah salah satu fitur wordpress untuk membagi artikel kedalam beberapa bagian atau halaman. Fitur ini mirip dengan fungsi read more, namun fungsi read more berfungsi untuk memotong artikel pada halaman depan saja (homepage) sedangkan pagination untuk bagian single post atau halaman artikel.

wordpress pagination

Cara membuat wordpress pagination

Agar postingan yang anda buat mempunyai fungsi pagination, anda hanya cukup memasukkan kode <!--nextpage--> pada artikel, namun posisi ketika memasukkan kode tersebut adalah dalam mode HTML Editor.

Berikut adalah langkah-langkah lengkapnya:

  1. Dianggap anda sedang membuat sebuah artikel. Jika anda masih kurang faham tentang bagaimana cara membuat artikel di wordpress, silahkan untuk membaca tutorial mengenai Cara Posting Artikel di WordPress.
  2. Ubah untuk sementara waktu mode editor ke HTML.
    post editor wordpress mode html
  3. Masukkan kode <!--nextpage--> pada akhir kalimat yang ingin di buatkan pagination. Kode tersebut boleh dimasukkan beberapa kali ( diakhir kalimat yang mau di potong), tergantung artikel tersebut ingin di bagi kedalam berapa halaman.
    pagination wordpress
  4. Jika anda merasa ingin kembali ke mode Visual, tinggal ubah kembali ke mode Visual dan lakukan edit sesuai keinginan.
  5. Jika sudah yakin, silahkan di publish saja.
  6. Selesai.

WordPress Pagination tidak berfungsi

Mungkin anda telah mencoba tutorial sebelumnya, namun ternyata pagination tidak berfungsi, bagaimana solusinya? mungkin theme yang anda gunakan tidak support untuk pagination, namun jangan khawatir, anda tinggal menambahkan sedikit kode pada file single.php theme anda.

Kode yang harus di tambahkan adalah seperti berikut :

<?php wp_link_pages(); ?>

Namun kode diatas hanya menampilkan nomor halaman saja, agar sedikit informatif bahwa artikel anda terbagi kedalam beberapa halaman, kode yang umum di gunakan adalah seperti berikut :

<?php wp_link_pages( array( 'before' => '<div>' . __( 'Halaman :'), 'after' => '</div>' ) ); ?>

Kata Halaman pada kode diatas boleh anda ganti sesuai dengan keinginan, mungkin di ubah menjadi Page, Lanjut Coy, dan lain sebagainya.

Cara memasukkan kode pagination

Silahkan buka file single.php untuk theme yang anda gunakan, cari kode yang mirip seperti berikut :

<?php the_content(); ?>

Masukkan kode pagination tepat dibawahnya, contoh :

<?php the_content(); ?>
<?php wp_link_pages( array( 'before' => '<div>' . __( 'Halaman :'), 'after' => '</div>' ) ); ?>

Jangan lupa untuk menyimpan ( Save ) theme/ template anda. Selesai.

Mengedit tampilan Pagination

Tampilan awal dari pagination hanyalah berupa tulisan biasa, agar terlihat lebih menarik anda bisa menambahkan kode CSS. Umumnya file untuk mengedit atau menambahkan kode CSS pada wordpress theme adalah file style.css

Menambah kode CSS untuk pagination

Untuk menambahkan kode CSS pagination, silahkan buka file style.css pada theme yang anda gunakan. Tambahkan kode berikut di halaman paling bawah :

.page-link {
 color: #000;
 font-weight: bold;
 margin: 15px 0 22px 0;
 word-spacing: 0.3em;
}
.page-link a:link,
.page-link a:visited {
 background: #666;
 color:#FFF;
 font-weight: normal;
 padding: 0.3em 0.6em;
 text-decoration: none;
}

.page-link a:active,
.page-link a:hover {
 background: #333;
 }

Silahkan lakukan Save untuk file tersebut.

Kode CSS yang di berikan diatas hanyalah sebagai contoh saja, anda dapat berkreasi lebih dengan imaginasi anda dengan cara mengedit kode CSS tersebut, tapi tentu anda harus mengerti akan kode CSS :)

Tambahan tentang WordPress Pagination

WordPress pagination seringkali digunakan untuk artikel yang memang sangat panjang. Ini berguna agar artikel terlihat lebih rapi. Selain itu, untuk artikel yang banyak memuat gambar misal tutorial photoshop dan lain-lain, pagination membuat loading blog tidak terlalu berat.

Selain halaman posting, wordpress pagination juga bisa digunakan pada halaman statis.

Update : Tadinya halaman ini menggunakan Pagination, namun karenanya banyak yang bingung, maka dijadikan format posting biasa yang tidak menggunakan pagination.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s