twitterfacebookgoogleyoutubemail
PENAWARAN
butuh jasa pembuatan website? klik GarudaCode

Membuat Artikel Terkait Melayang di WordPress Efek Flyout

Membuat Artikel Terkait Melayang di WordPress Efek Flyout

Okelah Sob, meski berpuasa tetap berbagi, selamat gini hari kawan-kawan …

Saya ingin menuliskan tentang cara membuat related post atau membuat artikel terkait melayang di bagian bawah website kita dan hanya muncul ketika seluruh tulisan artikel pada halaman tersebut selesai kita baca. Artinya, saran artikel terkait ini akan muncul ketika kita sudah scroll hingga ke bawah dengan asumsi tulisan yang ada pada halaman yang sedang dibuka sudah selesai dibaca.

Media-media besar banyak yang menggunakan metode seperti ini dalam menampilkan artikel terkait pada halaman konten mereka. Dan, tentu saja WordPress juga tidak ketinggalan. CMS kesayangan kita ini juga bisa melakukannya. Teknik ini di WordPress dikenal dengan sebutan flyout, artinya melayang ke luar, dan fade yang artinya menggunakan efek muncul tiba-tiba dan menghilang tiba-tiba sesuai kondisi pengaturan yang sudah kita tetapkan.

Caranya bagaimana? Tentu saja kita tidak perlu capek membuat kode-kode program atau desain untuk membuat artikel terkait melayang dengan efek menarik ini, karena sudah ada beberapa pengembang plugin WordPress yang berbaik hati membuatkannya untuk kita. Dengan kata lain, kita tinggal instal dan aktifkan plugin tersebut, kemudian ditambah sedikit pengaturan, maka jadilah itu barang. Berikut cara memasang artikel terkait dengan efek melayang pada akhir postingan.

Cara Membuat Artikel Terkait Melayang

  1. Instal plugin upPrev yang bisa di download di sini dan silahkan langsung diaktifkan. cara membuat artikel terkait melayang wordPress
  2. Silahkan ke pengaturan plugin ini yang terdapat di Dashboard > Appearance > upPrev, kita akan melakukan sedikit setingan di sana.
    1. Pada bagian tab Appearance, Anda bisa mengatur tampilan plugin ini. Saya rasa pada bagian ini Anda bisa mengerti dengan mudah dan bisa mengatur tampilan plugin ini sesuai keinginan sendiri.
    2. Pada tab Content, Anda Number of posts to show mengatur jumlah post yang muncul sebagai artikel terkait, sebaiknya di atur 3 saja, terlalu banyak sepertinya kurang bagus. Content filters bagian ini di check list saja. Previous entry choose method bagian ini mengatur metode pengambilan data, apakah itu artikel sebelumnya, artikel sebelumnya sesuai kategori, tulisan sebelumnya berdasarkan tag, postingan acak, silahkan Anda pilih sendiri. Taxonomy limit silahkan pilih 0 atau biarkan default. Match post type silahkan dicentang. Select post types Saya sarankan untuk memilih dan centang Posts Sticky posts silahkan dicentang juga bagian ini. Excerpt bagian ini mengatur apakah menampilkan deskripsi tulisan atau excerpt atau tidak dan Saya lebih memilih tidak menampilkan (jangan dicentang), artinya nanti yang muncul hanya judul artikel terkait saja, menurut Saya tampilannya lebih bagus. Featured image bagian ini adalah pilihan apakah menampilkan gambar atau tidak, dan Saya memilih menampilkan gambar dan Anda bisa mengatur besar ukuran gambar yang akan ditampilkan, Saya memilih ukuran 75.
    3. Pada tab Links, Cache, Mobile Devices, dan Other silahkan atur sendiri sesuai keinginan karena pengaturannya sangat sederhana dan mudah dipahami. Saya lebih memilih membiarkan pengaturan pada empat tab tersebut secara default alias tidak diubah. cara membuat artikel terkait melayang wordPress 1
  3. Selesai, silahkan lihat postingan Anda! Silahkan share jika bermanfaat.
dishare yah :)
Written by Ananda Puja

Penulis saat ini aktif dalam dunia Digital Media. Meliputi pembuatan website, campaign melalui media sosial seperti Facebook, Twitter, Youtube, hingga forum-forum online, SEO dan kontrol terhadap berita media massa. Selain itu penulis juga aktif di organisasi kemahasiswaan dan pemuda.

10 Comments

  1. Ryan M. · July 16, 2015

    Thx infonya, nanti saya coba. Sekarang di Ctrl+D dulu 🙂

  2. solikulhadi · December 14, 2015

    mantap gan sangat bermanfaat terimakasih

  3. Cara Sukses · September 4, 2016

    wah saya baru saja pasang plugin nya berkat info agan

  4. Nur kholis · November 7, 2016

    Apakah tampilan nya seperti di blog center klik?

    Salam,
    Nur kholis

  5. Nella (Emaknya Benjamin) · May 19, 2018

    Sering lihat artikel read more melayang ini saat BW, tp baru tahu saat ini pas baca artikel wpnusa.com . Langsung saya coba dan berhasil. Makasih yaa 🙂 .

Leave A Reply