Cara Menambahkan Tautan Berikutnya / Sebelumnya di WordPress (Panduan Utama)

Published
On 04/01/2023
By gusviradigital

Apakah Anda ingin menambahkan tautan berikutnya / sebelumnya di WordPress?

 

Tautan berikutnya dan sebelumnya adalah tautan dinamis yang memungkinkan pengguna untuk melihat posting berikutnya atau sebelumnya.

 

Pada artikel ini, kami akan menunjukkan kepada Anda cara mudah menambahkan tautan berikutnya/sebelumnya di WordPress dan cara memanfaatkannya sebaik mungkin.

 

Ini berarti postingan berikutnya adalah postingan yang dipublikasikan setelah postingan saat ini yang dilihat pengguna, dan postingan sebelumnya adalah postingan yang dipublikasikan sebelum postingan saat ini.

 

Sebagian besar tema WordPress dilengkapi dengan tautan posting berikutnya dan sebelumnya yang secara otomatis ditampilkan di bagian bawah setiap posting. Namun, beberapa tema tidak menampilkannya, atau Anda mungkin ingin menyesuaikan di mana dan bagaimana mereka muncul di situs web WordPress Anda.

 

Karena itu, mari kita lihat cara menambahkan tautan berikutnya dan sebelumnya dengan mudah di WordPress.

 

Berikut adalah daftar topik yang akan kami bahas dalam artikel ini.

 

Cara ini lebih mudah dan direkomendasikan untuk pemula yang tidak nyaman menambahkan kode ke situs web mereka.

 

Setelah aktivasi, Anda perlu mengunjungi halaman Pengaturan » CBX Berikutnya Sebelumnya . Dari sini, Anda dapat memilih di mana Anda ingin menampilkan tautan berikutnya dan sebelumnya di situs web Anda.

 

Plugin ini memungkinkan Anda untuk menampilkan panah tautan Berikutnya dan Sebelumnya pada satu posting, halaman, halaman arsip, dan banyak lagi.

 

Versi gratis dari plugin hanya memungkinkan Anda untuk menampilkan panah untuk artikel berikutnya dan sebelumnya. Anda dapat meningkatkan ke versi pro untuk membuka kunci opsi tampilan lain seperti popup slide-in.

 

Dari sini, Anda harus memilih taksonomi mana yang ingin Anda gunakan untuk memilih tautan berikutnya dan sebelumnya.

 

Setelah itu, alihkan ke tab Google Analytics di pengaturan plugin dan aktifkan opsi pelacakan klik.

 

Setelah Anda selesai, jangan lupa untuk mengklik tombol Simpan Pengaturan untuk menyimpan perubahan Anda.

 

Metode ini lebih mudah tetapi tidak memberi Anda banyak fleksibilitas. Misalnya, versi gratis tidak menampilkan judul posting berikutnya atau sebelumnya.

 

Jika Anda membutuhkan lebih banyak fleksibilitas, lanjutkan membaca.

 

Setelah Anda terhubung, Anda perlu menavigasi ke folder /wp-content/themes/your-current-theme/.

 

Sekarang, Anda harus mencari file single.php. Ini adalah file yang bertanggung jawab untuk menampilkan item posting tunggal di situs web Anda.

 

Beberapa tema WordPress mungkin mereferensikan file lain di dalam file single.php. File-file ini disebut bagian template dan terletak di dalam folder template-parts dari tema WordPress Anda.

 

Setelah itu, cukup salin dan tempel kode berikut di lokasi di file template tempat Anda ingin menampilkan tautan berikutnya dan sebelumnya.

 

Anda sekarang dapat menyimpan perubahan dan mengunjungi situs web Anda untuk melihat tautan Berikutnya / Sebelumnya beraksi.

 

Tag template di atas hanya akan menampilkan tautan ke posting berikutnya dan sebelumnya dengan judul posting sebagai teks jangkar. Itu tidak mengatakan bahwa ini adalah tautan ke artikel berikutnya dan sebelumnya.

 

Mari kita ubah ini sedikit dan berikan beberapa konteks kepada pengguna tentang tautan ini. Kami akan melakukannya dengan menambahkan parameter yang tersedia untuk the_post_navigationtag template.

 

Cukup ganti kode di atas dengan yang berikut ini:

 

Anda sekarang dapat menyimpan perubahan dan melihat pratinjau situs web Anda.

 

Inilah tampilannya di situs pengujian kami:

 

Anda juga dapat menggunakan karakter khusus dan panah bersama dengan judul posting berikutnya dan sebelumnya.

 

Cukup ganti kode dengan yang berikut ini:

 

Berikut adalah tampilan kode ini di situs pengujian kami:

 

Sekarang katakanlah Anda ingin membuat tautan berikutnya dan sebelumnya lebih relevan dengan artikel yang sedang dilihat pengguna.

 

Anda dapat melakukannya dengan menunjukkan tautan berikutnya dan sebelumnya dari kategori atau tag yang sama.

 

Kode ini memberitahu WordPress untuk menampilkan posting berikutnya dan sebelumnya dalam kategori yang sama. Anda dapat mengubah parameter taksonomi menjadi tag atau taksonomi khusus lainnya jika diperlukan.

 

Sekarang setelah kita mempelajari cara menambahkan tautan Berikutnya / Sebelumnya di WordPress, mari kita lihat cara menatanya dengan benar.

 

Berikut adalah beberapa CSS dasar yang dapat Anda tambahkan ke tema Anda.

 

CSS dasar ini hanya menampilkan tautan berikutnya dan sebelumnya di samping satu sama lain tetapi di sisi yang berbeda dari baris yang sama.

 

Anda juga dapat membuat tautan navigasi Anda menonjol dengan menambahkan warna latar belakang, efek arahkan kursor, dan banyak lagi.

 

Berikut adalah beberapa contoh kode CSS yang dapat Anda gunakan sebagai titik awal.

 

Kode ini menata teks tautan dan menambahkan beberapa warna latar belakang dan efek arahkan kursor untuk membuat tautan berikutnya dan sebelumnya lebih menonjol.

 

Biasanya, tautan navigasi posting digunakan untuk posting blog di WordPress. Itu karena item-item tersebut diterbitkan dalam urutan kronologis terbalik.

 

Namun, beberapa pengguna mungkin perlu menampilkan navigasi halaman agar pengguna dapat menemukan halaman berikutnya dengan mudah.

 

Untungnya, Anda dapat menggunakan kode yang sama yang kami gunakan sebelumnya untuk halaman. Namun, Anda harus menambahkan kode di dalam template page.php.

 

Berikut tampilannya di situs demo kami:

 

Ingin membuat tautan Anda berikutnya dan sebelumnya lebih terlihat? Gambar adalah cara termudah untuk menarik perhatian pengguna dan membuat tautan ini lebih menarik.

 

Kode ini hanya membuat fungsi yang menampilkan posting berikutnya dan sebelumnya dengan gambar unggulan atau thumbnail posting.

 

Selanjutnya, Anda perlu menambahkan wpb_posts_nav()fungsi ke file single.php tema Anda di mana Anda ingin menampilkan tautan.

 

Jika tema Anda sudah memiliki tautan berikutnya dan sebelumnya, Anda mungkin ingin menemukan baris yang berisi fungsi the_post_navigation() dan menghapusnya.

 

Sekarang tambahkan kode berikut untuk menampilkan tautan kustom Anda berikutnya dan sebelumnya.

 

Setelah menambahkan kode, jangan lupa untuk menyimpan perubahan Anda dan kunjungi situs web Anda untuk melihat tautan beraksi.

 

Sekarang, Anda mungkin memperhatikan bahwa tautan ini tidak terlihat sangat bersih.

 

Anda sekarang dapat menyimpan perubahan dan mengunjungi situs web Anda untuk melihat tautan berikutnya dan sebelumnya dengan gambar mini.

 

Inilah tampilannya di situs pengujian kami:

 

Beberapa pengguna mungkin ingin menghapus tautan berikutnya dan sebelumnya di WordPress.

 

Ada dua cara Anda dapat menghapus tautan berikutnya dan sebelumnya di WordPress.

 

Metode 1. Hapus Kode di Tema WordPress Anda

 

Untuk menghapus tautan berikutnya dan sebelumnya di WordPress, Anda harus menghapus kode yang bertanggung jawab untuk menampilkan tautan di tema WordPress Anda.

 

Masalah dengan pendekatan ini adalah segera setelah Anda memperbarui tema, kode yang dihapus akan kembali.

 

Selanjutnya, Anda perlu menemukan kode yang bertanggung jawab untuk menampilkan tautan berikutnya dan sebelumnya di tema induk Anda.

 

Biasanya ditemukan di dalam template single.php atau content-single.php.

 

Pada dasarnya, Anda akan mencari kode yang menyertakan fungsi berikut.

 

Kode ini mungkin memiliki format dan parameter yang sedikit berbeda. Misalnya, di situs pengujian kami, tema menggunakan kode ini untuk menampilkan tautan:

 

Jika Anda menggunakan tema anak, maka Anda perlu menduplikasi templat khusus ini di tema anak Anda dan kemudian menghapus baris yang digunakan untuk menampilkan tautan berikutnya atau sebelumnya.

 

Jika Anda lebih suka menghapusnya di tema induk Anda, Anda juga dapat melakukannya.

 

Menghapus kode akan menghentikan WordPress menampilkan tautan berikutnya dan sebelumnya.

 

Metode 2. Sembunyikan Tautan Postingan Berikutnya dan Sebelumnya

 

Metode ini tidak benar-benar menghapus tautan berikutnya dan sebelumnya. Sebaliknya, itu hanya membuat mereka tidak terlihat oleh pembaca manusia.

 

Cukup tambahkan CSS Kustom berikut ke tema WordPress Anda.

 

Jangan lupa untuk menyimpan perubahan Anda dan kunjungi situs web Anda untuk melihat tautan navigasi menghilang.

sumber

gusviradigital

gusviradigital

CV. Gusvira Digital Persada merupakan salah satu penyedia jasa layanan digital di Indonesia, dengan menawarkan berbagai kebutuhan untuk pemasaran produk

Related

Comments

Leave a Reply

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

logo-whatsappHubungi Kami
1
error: