How to Start a Blog? Panduan Lengkap Membuat Blog Hanya 30 Menit

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.

WP Show hide

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.

Baca : Cara Membuat Spoiler dan Tab di WordPress

Cara Menampilkan dan Menyembunyikan Teks 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. 🙂

Baca : Cara Membuat Konten Tab di Postingan WordPress

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Google+.

Daftar isi Tutorial Wordpress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

WebHostingPad

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

  • Hàdziq Mtqn

    Ini yang saya cari mas, ternyata ketemu disini. Terima kasih tutorialnya

Must Read...!
Theme WordPress Magzma Responsive Free

Magzma adalah Theme WordPress Responsive Gratis yang di desain untuk untuk majalah dan blog...

Membuat Website Multi Bahasa WordPress Lebih Mudah dengan Weglot

Seperti yang kita semua tahu bahwa Internet dapat menjangkau seluruh dunia, dengan internet Anda...

Close