Membuat Related Post dengan Elementor di GeneratePress. Bagaimana caranya membuat artikel terkait di post untuk themes GeneratePress.
Postingan ini berawal dari pengalaman pribadi untuk menambahkan related post / artikel terkait di themes GeneratePress.
Karena secara default themes generatePress menghilangkan fitur tersebut.
Setelah browsing sana sini tidak menemukan cara yang tepat, cepat dan hasilnya sesuai keinginan. Bahkan di forum GeneratePress sendiri saya ubek-ubek belum menemukan solusi yang tepat untuk saya gunakan.
Di Forum Generatepres saya mencoba mencari apa yang saya inginkan belum juga didapatkan.
Semua menyarankan menggunakan Plugins salah satunya adalah Plugins “WP show posts” karena plugins ini pembuatnya adalah sama dengan developer Themes GeneratePress
Saya lalu mencobanya dan hasilnya ternyata kurang pas untuk saya pribadi, akhirnya kembali ke laptop, dan mencoba kombinasikan template section elementor dengan fungsi element bawaan GP Premium, akhirnya hasil yang didapatkan sangat sesuai dengan keinginan saya, berikut penam[akannya:
Dari hasil eksperimen itu, ternyata sangat memuaskan untuk saya gunakan di blog Fullblogger ini, oke kita langsung mulai ya,
Cara Membuat Related Post dengan Elementor di GeneratePress
Sebelum kita menerapkan langkah ini, pastikan bahwa anda memiliki / sudah menginstall plugins Elementor ya.
1. Pengaturan di Plugins Elementor
Pilih menu Template lalu klik tab section ya.
Setelah tab section tampil, lalu kita buat template section dengan nama artikel terkait/ terkait (untuk penamaan itu terserah anda, mau dibuat apa).
Selanjutnya, kita akan dibawah ke halaman editing dengan elementor, kalau yang sudah terbiasa dengan elementor ini tidak susah ya.
Untuk pemula elementor juga tidak terlalu susah karena tinggal drag and drop saja.
Pada menu pencarian silahkan ketikan “POST” lalu pilih mode post seperti yang saya kasih tanda kotak merah tersebut, setelah itu seret atau drag ke area pengeditan, seperti yang tampak pada gambar.
Pada bagian layout, silahkan edit sesuai keingan anda, bagaimana bentuk artikel terkait yang diinginkan, untuk saya sendiri saya menggunakan tipe classic.
Kreasikan sendiri bagaimana bentuk font tampilan gambarnya, karena disitu anda dapat berkreasi sesudah dengan apa yang anda mau.
Disinilah kelebihan Membuat Related Post dengan Elementor di GeneratePress, karena design bisa kita buat sesukanya.
Di bagian query jangan lupa pilihan pos, kita ganti menjadi related, lalu pilih term > pilih kategori agar artikel yang dihasilkan / ditampilkan nantinya sesuai dengan kategori.
Kalau kita biarkan di pilihan pos artikel kita statis dan tidak berubah, kecuali kalau anda membuat artikel baru, nah disitu isi artikelnya berubah, tidak sesuai lagi nantinya dengan cara membuat relatesd post.
Kalau dirasa sudah cukup silahkan klik tombol save untuk menyimpan hasil kerja anda.
Nah, untuk pengaturan di elementor sudah selesai sekarang bagaimana cara menampilkan di bagian posting artikel anda.
2. Cara Menampilkan Artikel Terkait di Bawah Posting GeneratePress
Silahkan anda buka kembali menu elementor > Template lalu copi Shortcode yang dihasilkan dari Template section yang anda buat tadi, seperti berikut:
Silahkan anda copi SHORTCODE tersebut, biasanya seperti ini ini contoh shortcode yang dihasilkan dari template saya, silahkan sesuaikan dengan hasil yang ada ya.
Selanjutnya, buka element themes GeneratePress anda di :
Pilih Tampilan > klik Element lalu klik tombol Add Element lalu pilih Hook
Silahkan isi judulnya sesuka anda, lalau Copikan shortcode yang kita hasilkan dari elementor tadi di area yang seperti digambar ya.
Dibagian tab setting > Hook pilih yang generate_after_content ya. di Execute Shortcode jangan lupa di cheklist
Selanjutnya untuk tab Display Rules ikuti pengaturan berikut:
Pada Location pilih All Singular > Exclude pilih Laman dan tambahkan Exclude untuk halaman front page, yang lainnya biarkan default.
Exclude artinya kita mengecualikan related post ini tidak tampil dihalaman tersebut.
Langkah terakhir klik tombol terbitkan / publish, selesai.
Maka hasilnya akan terlihat seperti yang ada di bagian artikel ini ya. Tentunyahasil tergantung bagaimana anda mendesign nya waktu di elementor tadi.
Baik, itulah Cara Membuat Related Post dengan Elementor di GeneratePress. Hasilnya sangat memuaskan kalau untuk saya pribadi. silahkan dicoba ya, kalau ada yang kurang jelas silahkan ditanyakan di kolom komentar.
Semoga Bermanfaat.