Membuat Pagination Pada Blog WordPress

OnetoTech.com – Setiap Blog terkadang memiliki beberapa postingan dengan jumlah karakter terlalu panjang. Hal ini tentu membuat kita sebagai pemilik Blog takut kalau pengunjung akan bosan membaca artikel yang begitu panjang. Dalam kasus pada blog wordpress pagination sudah tertanam dan hanya tinggal mengaktifkannya saja dengan cara menambah sebaris kode html (<!–nextpage–> pada akhir paragraph, jadi tidak perlu lagi untuk Membuat Pagination Pada Blog WordPress.

Tapi hanya berupa tampilan dasarnya saja dan tidak begitu menarik dalam hal desain. Jika anda ingin Membuat Pagination Pada Blog WordPress dengan hasil tampilan yang menarik, berikut ini adalah contoh dan cara menerapkannya pada blog wordpress anda.

Paginatian yang akan kita buat tentu bersifat responsive alias pas di berbagai perangkat, baik dekstop maupun mobile. Karena yang akan kita custom adalah file CSS nya. Dengan mengikuti artikel ini saya mengasumsikan bahwa anda sudah paham dengan cara membuat custom css pada blog wordpress, namun jika belum silaahkan ikuti panduan berikut ini.

Cara Membuat Pagination pada Blog WordPress dengan Custom CSS

Masuk ke dashboard wordpress anda dan cari menu Tampilan =>Edit CSS .

Bagaimana Cara Membuat Pagination pada Blog WordPress dengan Custom CSS

Setelah itu, Akan terbuka halaman customize template wordpress, kemudian klik menu CSS Tambahan dan lanjutkan dengan menuliskan beberapa kode css pada ruang yang tersedia.

Membuat Pagination pada Blog WordPress itu Mudah

Sampai di sini anda sudah bisa di katakan berhasil menemukan cara untuk menata tampilan template wordpress anda dengan cara mengedit atau menambahkan CSS Custom yang tentunya sesuai dengan keinginan anda.

Contoh Kode Style CSS untuk Membuat Pagination Pada Blog WordPress Jadi Keren

Lanjut lagi ke bagian membuat kode css yang dalam kasus ini adalah untuk menghasilkan tampilan pagination yang sesuai dengan keinginan kita.

Baca Juga : Membuat Tabs dalam Postingan Menggunakan HTML, CSS dan JS

Ada banyak contoh desain pagination yang bisa di buat, karena cara ini sejatinya hanya merubah ataumenambahkan satu atau dua baris kode css saja. Berikut adalah beberapa contoh gaya pagination yang bisa anda terapkan pada blog wordpress kesayangan anda.

1. Simple Pagination

Ini adalah contoh simple dalam gaya pagination blog wordpress. tidak banyak gaya namun tetap cantik di lihat. Desainya juga responsive, alias cocok di berbagai perangkat.

See the Pen Simple Pagination by OnetoTech (@onetotech) on CodePen.

Salin dan tempel kode css di atas kedalam custom css blog worpress anda.

2. Bordered Pagination

Ini adalah contoh pagination dengan menggunakan garis batas atau terlihat seperti menggunakan kotak kotak.

See the Pen Pagination Bordered by OnetoTech (@onetotech) on CodePen.

Sama seperti langkah di atas, Salin dan tempel kode css di atas kedalam custom css blog worpress anda.

Tidak sulit membuat atau merubah pagination pada blog wordpress jika mengikuti cara di atas, karena pada dasarnya wordpress sudah di ciptakan dengan berbagai keunggulan yang memungkinkan penggunannya tidak mengalami kerepotan dalam mengcustom template blognya.

Last Modified : 2017-10-21