Accordion merupakan salah satu widget elementor yang sangat berguna. Dengan accordion, anda dapat menampilkan banyak konten pada pengunjung namun tidak memakan banyak ruang. Widget ini hanya akan menampilkan isi konten ketika pengunjung membuka konten tersebut.

image 102 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community

Catatan

  • Jika anda mengaktifkan “nested elements experimental” atau fitur eksperimental elemen bertingkat, widget Accordion baru akan menggabungkan dan menggantikan widget Toggle. Ini berarti widget Toggle tidak lagi tersedia, namun widget Toggle yang sudah ada tidak akan terpengaruh dengan perubahan ini dan masih bisa diedit.
  • Jika anda mengaktifkan “nested elements experimental” atau fitur eksperimental elemen bertingkat, widget Accordion default akan diganti dengan widget Accordion baru yang mendukung fitur elemen bertingkat. Untuk lebih jelasnya mari kita bahas tentang apa itu widget accordion

Dengan Accordion, pengunjung dapat memilih isi konten yang ingin ditampilkan. Widget Accordion mirip dengan widget Toggle, namun ada dua perbedaan utama yaitu:

  • Saat halaman dimuat, item pertama widget Accordion secara otomatis ditampilkan sepenuhnya, sedangkan item lain hanya akan ditampilkan judulnya
  • Hanya satu item Accordion yang dapat ditampilkan semua. Saat item lain ditampilkan sepenuhnya, item yang sebelumnya dibuka secara otomatis akan diringkas. Namun dengan widget Toggle, pengunjung dapat membuka semua konten item yang ada

Itu dia perbedaan accordion dan toggle widget, sekarang mari kita bahas apa saja fungsi dan pengaturan widget accordion.

Content

Accordion

image 100 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community

Accordion Items

image 101 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community
  1. Title: Masukkan judul item accordion disini
  2. Content: Isi konten accordion
  3. Pilih “+ Add Item” untuk menambahkan item accordion baru
  4. Icon: Pilih icon ketika konten diringkas atau tidak tampil seluruhnya
  5. Active Icon: Pilih icon ketika konten ditampilkan seluruhnya
  6. Title HTML Tag: Tentukan tag HTML untuk judul item accordion (akan berpengaruh ke SEO)
  7. FAQ Schema: Pilih apakah accordion ini akan digunakan untuk menjawab FAQ atau Frequently Ask Question. Hal ini juga akan berpengaruh pada SEO

Style

Accordion

image 103 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community
  1. Border Width: Tentukan ketebalan border accordion
  2. Border Color: Pilih warna border accordion

Title

image 104 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community
  1. Background: Tentukan background untuk judul item accordion
  2. Color: Pilih warna judul item pada mode ringkas (item tertutup)
  3. Active Color: Pilih warna judul item pada mode tampilan penuh (item terbuka)
  4. Typography: Atur tipografi untuk judul item accordion
  5. Text Stroke: Tentukan ketebalan judul item
  6. Text Shadow: Beri efek bayangan judul item
  7. Padding: Atur padding judul item

Icon

image 105 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community
  1. Alignment: Tentukan posisi icon berada di kanan atau kiri accordion
  2. Color: Pilih warna icon ketika item tertutup
  3. Active Color: Pilih warna icon ketika item terbuka
  4. Spacing: Tentukan jarak antar icon dan judul

Content

image 106 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community
  1. Background: Pilih warna background untuk isi konten item accordion
  2. Color: Pilih warna isi konten
  3. Typography: Atur tipografi isi konten
  4. Text Shadow: Beri efek bayangan pada teks konten
  5. Padding: Atur padding untuk isi konten item accordion

Pengetahuan Dasar

  • Apakah Knowledge Base / Pengetahuan Dasar ini cocok untuk Pemula ?

    Kami berusaha untuk menggunakan bahasa dan penjelasan yang mudah dipahami oleh semua pihak terutama bagi pemula yang baru belajar mengenai kategori kategori di Knowledge Base kami. Apabila ada bahasa atau pengertian yang belum / tidak Anda ketahui maka silahkan menghubungi kami. 

  • Dapatkah link dari Knowledge base ini dibagikan kepada umum ?

    Anda dapat melakukan sharing / membagikan konten di Knowledge Base kami melalui link sosial media, whatsapp atau telegram kepada komunitas lain.

  • Apa yang dimaksud Knowledge Base ?

    Knowledge Base adalah database / pustaka dasar pengetahuan mengenai topik atau kategori tertentu yang berhubungan dengan penggunaan, permasalahan dan solusi atas topik / kategori tertentu. Di dalam knowledge base ini Anda akan diberikan informasi dasar mulai dari pengertian sampai dengan trouble solving. 

  • Database / Pengetahuan dasar berdasarkan apa ?

    Tim WP Club Indonesia mengambil database / Pengetahun Dasar berdasarkan situs website kategori / topik tersebut ditambahkan dengan pengalaman dan user experience yang dialami oleh member WP Club Indonesia. Adapun beberapa knowledge base yang ada di WP Club Indonesia berdasarkan pengalaman dari tenaga ahli / praktisi di komunitas. 

  • Bagaimana jika tidak menemukan kata kunci / keyword yang dicari ?

    Apabila Anda tidak menemukan kata kunci / keyword yang dicari maka silahkan hubungi kami . Dengan senang hati kami akan membantu Anda mendapatkan / membuat pengetahuan dasar mengenai hal tersebut. 

  • Dapatkah pengunjung menambahkan / melakukan editing Knowledge Base ?

    Anda dapat melakukan penambahan / editing knowledge base di WP Club Indonesia dengan cara melakukan email ke [email protected] dengan subject : [Knowledge Base]