Top Ad unit 728 × 90

recent

Cara Membuat Pagination Numerik di Tema WordPress

Cara Membuat Pagination Numerik di Tema WordPress

Cara Membuat Pagination Numerik di Tema WordPress


TrikSEO - Salah satu pembaca kami baru-baru ini bertanya kepada kami bagaimana kami menambahkan pagination angka pada halaman blog trikseo. Tema WordPress default dan banyak tema lainnya menampilkan tautan pagination dengan menambahkan tautan Lama dan Posting Baru di bagian bawah halaman arsip WordPress Anda. Namun, ada banyak situs WordPress yang menggunakan pagination angka, seperti WPBeginner. Dari pengalaman kami, pagination numerik lebih ramah pengguna, menarik, dan ramah SEO. Kerangka kerja tema WordPress paling canggih seperti Genesis hadir dengan fungsi bawaan untuk menambahkan pagination angka. Pada artikel ini kami akan menunjukkan kepada Anda bagaimana menambahkan pagination numerik dalam tema WordPress Anda. Tujuannya adalah untuk mengganti tautan pagination lama dan baru di bagian bawah halaman arsip dengan mudah menavigasi nomor halaman.

Ada dua metode untuk menambahkan pagination angka dalam tema WordPress Anda. Metode pertama secara manual menambahkan pagination numerik tanpa mengandalkan plugin pihak ketiga. Karena artikel ini berada dalam kategori tema dan ditujukan untuk desainer tema baru, kami akan menunjukkan metode manual terlebih dahulu. Metode kedua adalah dengan menggunakan plugin pihak ketiga yang ada untuk menambahkan pagination numerik. Kami akan merekomendasikan metode itu untuk semua pengguna DIY kami.


Menambahkan Pagination Numerik secara Manual di Tema WordPress Anda


Pertama-tama kami akan menunjukkan kepada Anda cara menambahkan pagination numerik dalam tema WordPress Anda. Ini akan menguntungkan pengguna tingkat lanjut kami, dan pengguna yang sedang mempelajari pengembangan tema, atau ingin melakukan ini tanpa bergantung pada plugin pihak ketiga. Mari kita mulai dengan menambahkan kode berikut dalam file functions.php tema Anda.
Catatan: Kode ini berasal dari Genesis Framework yang kami gunakan di situs kami. Jika Anda menggunakan Genesis, maka Anda tidak memerlukan kode atau plugin ini.


Code Error

Di Trikseo, kami menggunakan kode yang sama ini untuk pagination angka pada halaman arsip kami (misalnya blog kami, atau halaman kategori tutorial WordPress). Apa yang dilakukan kode ini adalah mengambil nomor halaman dan menyiapkan daftar tautan bernomor. Untuk menambahkan ini di templat Anda, Anda harus menambahkan tag template berikut di index.php tema Anda, archive.php, category.php, dan templat halaman arsip lainnya.


Code Error

Now that we have got our list of numbered pages, we need to style this list. We want to make the list appear in-line block where the active page is highlighted with a different background color. To accomplish that, lets go ahead and add the following in your theme’s style.css file:


Code Error

Itu dia. Kami memiliki daftar pagination angka dalam tema kami yang tampak hebat.




Menambahkan Numeric Pagination di WordPress menggunakan WP-PageNavi


Sekarang mari kita lihat bagaimana menambahkan pagination numerik dalam tema WordPress Anda dengan menggunakan plugin yang ada yang disebut WP-PageNavi. Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin WP-PageNavi. Setelah mengaktifkan plugin, pergi ke Pengaturan »PageNavi untuk mengkonfigurasi pengaturan plugin.

Pada halaman pengaturan plugin Anda dapat mengganti teks default dan pengaturan pagination numerik dengan Anda sendiri jika Anda mau. Namun, pengaturan default harus berfungsi untuk sebagian besar situs web.
Pada langkah berikutnya, Anda perlu menambahkan tag template di Tema WordPress Anda. Buka folder tema Anda dan temukan baris untuk pagination yang lebih lama dan lebih baru di templat halaman arsip Anda: index.php, archive.php dan file templat arsip lainnya. Tambahkan tag templat berikut untuk mengganti tag before_posts_link lama dan next_posts_link.


Code Error

Setelah Anda menambahkan potongan wp_pagenavi, beginilah bentuk pagination numeriknya:


IMAGE

Jika Anda ingin mengubah bagaimana warna dan gaya pagination numerik di wp-pagenavi terlihat, maka Anda harus pergi ke Pengaturan »PageNavi. Hapus centang opsi untuk menggunakan Gunakan pagenavi-css.css dan simpan perubahan. Sekarang, masuklah ke Plugin »Editor. Dari Pilih plugin untuk mengedit menu drop down, pilih WP-PageNavi dan klik tombol Select. Editor akan memuat file plugin di bilah sisi kanan. Klik pada pagenavi-css.css untuk membukanya di editor dan kemudian salin isi file.


IMAGE

Selanjutnya, Anda harus pergi ke Penampilan »Editor dan rekatkan isi pagenavi-css.css ke file style.css tema Anda. Sekarang Anda dapat memodifikasi skema warna dan gaya dari sini. Alasan mengapa kami menyalin konten css plugin ke stylesheet tema adalah untuk mencegah hilangnya perubahan gaya jika Anda memperbarui plugin. Ini adalah versi pagination numerik yang sedikit dimodifikasi, jangan ragu untuk menggunakan dan memodifikasinya dalam tema Anda.


Code Error

Berikut ini tampilannya:


IMAGE

Seperti biasa Anda harus bereksperimen dengan CSS. Tujuannya harus mencocokkan pagination numerik dengan tampilan dan nuansa warna situs web Anda, sehingga menyatu dengan baik dan tidak terlihat seperti item yang ditempatkan secara aneh.
Kami berharap artikel ini membantu Anda menambah dan menampilkan pagination angka dalam tema WordPress Anda. Metode mana yang Anda sukai untuk digunakan? Apakah Anda suka pagination numerik atau Anda lebih suka navigasi built-in sebelum / selanjutnya? Beri tahu kami di komentar di bawah.

Note:
Postingan ini masih dalam tahap pengerjaan maaf jika masih ada kekurangannya, Terima Kasih.
Rewrite dari berbagai sumber terpercaya, melalui berbagai tahap instalasi

Source: wpbeginner
Cara Membuat Pagination Numerik di Tema WordPress Reviewed by Oshino Shinobu on August 04, 2019 Rating: 5

No comments:

Tinggalkan komentar jika menjadi pembaca yang CERDAS

All Rights Reserved by TRIKSEO © 2019 - 2020
Powered By Blogger, Designed by Sweetheme

Contact Form

Name

Email *

Message *

Powered by Blogger.