Cara Tampilkan dan Sembunyikan Teks di Postingan WordPress
|Cara Tampilkan dan Sembunyikan Teks di Postingan WordPress – Jika Anda ingin membuat halaman yang berisikan banyak pertanyaan dan jawaban seperti halaman FAQ maka untuk membuat pengguna merasa nyaman dan mudah dalam menavigasi isi konten tersebut sebaiknya Anda menampilkan daftar pertanyaan dan jawaban tersebut terlihat ringkas, jadi dalam halaman tersebut saat pertama dibuka oleh pengunjung Anda tidak tampil secara keseluruhan dan membuat pengguna sulit menemukan pertanyaan mana yang di inginkan.
Anda bisa menjadikan konten terlihat sederhana dan ringkas tersebut dengan menggunakan Toggle Effect, jadi isi jawaban hanya akan muncul ketika pengunjung melakukan klik pada pertanyaan yang dipilih saja, dan saat diklik kembali maka isi konten jawaban akan tersembunyi kembali. Anda bisa melihat contoh seperti pada gambar dibawah ini.
Untuk membuat teks dapat disembunyikan dan ditampilkan dengan klik seperti gambar diatas, Anda bisa menggunakan bantuan plugin WP Showhide. Silahkan simak penjelasan dibawah ini untuk cara menggunakan plugin WP Showhide sehingga Anda dapat menampilkan dan menyembunyikan teks dalam postingan atau halaman WordPress.
Cara Tampilkan dan Sembunyikan Teks di WordPress dengan WP-Showhide
Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin WP showhide. Plugin ini sangat mudah digunakan karena tidak terdapat pengaturan atau tidak ada konfigurasi yang diperlukan, jadi Anda hanya perlu mengaktifkan dan plugin sudah bisa digunakan. Dan selanjutnya untuk menyembunyikan teks dalam posting menggunakan efek toggle, Anda perlu menggunakan shortcode seperti ini:
[showhide type="post"]Taruh tulisan yang ingin disembunyikan disini[/showhide]
Secara default plugin akan menampilkan kata “Show more..” dna “Show less..” sebagai navigasi untuk menampilkan dan menyembunyikan isi konten. Tapi, Anda dapat dengan mudah mengganti tulisan tersebut sesuai dengan keinginan Anda, silahkan tambahkan kode shortcode seperti dibawah ini :
[showhide type="post" more_text="Show more..." less_text="Show less..."] Taruh tulisan yang ingin disembunyikan disini [/showhide]
Shortcode WP showhide ini dilengkapi dengan beberapa parameter yang dapat Anda gunakan untuk mendapatkan kontrol atas cara kerjanya di tiap-tiap post. Berikut beberapa parameter default dan nilai-nilai untuk shortcode dari WP Showhide:
[showhide type="pressrelease" more_text="Show Press Release (%s More Words)" less_text="Hide Press Release (%s Less Words)" hidden="yes"]
Dan itulah penjelasan singkat mengenai cara penggunaan plugin WP Showhide yang berfungsi untuk menampilkan dan menyembunyikan teks dalam konten WordPress dengan efek toggle. Semoga artikel ini bermanfaat buat Anda dan selamat mencoba. 🙂
Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Facebook+.
Daftar isi Tutorial WordPress Terlengkap GratisRegister Now: TOP 10 Hosting
Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals
Mantap Tutorial Nya lengkap
Siiip….terima kasih tutorialnya.
Ini yang saya cari mas, ternyata ketemu disini. Terima kasih tutorialnya