7 Plugin Blok Accordion WordPress Terbaik 2022 (Sebagian Besar Gratis)

Diterbitkan: 2022-08-01

Apakah Anda mencari plugin blok akordeon WordPress terbaik ? Jika ya, maka Anda telah mendarat di tempat yang tepat.

Akordeon WordPress membantu meningkatkan pengalaman pengguna pengunjung situs web Anda. Akordeon membantu membaca kiriman apa pun dengan mudah dan cepat dengan tata letak tab yang dapat dilipat . Oleh karena itu, pengunjung situs web Anda akan menemukan konten Anda dengan mudah tanpa kerumitan. Yang mengarah ke tingkat bouncing yang lebih rendah.

Namun, ada banyak plugin blok akordeon WordPress dengan fitur luar biasa, dan memilih salah satunya bisa merepotkan. Oleh karena itu, kami telah memilih sendiri plugin blok akordeon WordPress terbaik yang tersedia di pasaran. Terbaik dari semua, kebanyakan dari mereka adalah gratis.

Tanpa basa-basi lagi, mari kita mulai!

DALAM ARTIKEL INI: sembunyikan
Mengapa Anda Membutuhkan Blok Akordeon?
7 Plugin Blok Accordion WordPress Terbaik 2022
1. Blok Akordeon – plugin WordPress
2. Dapat ditumpuk
3. Blok Gutenberg Akordeon Tingkat Lanjut
4. Blok Penting untuk Gutenberg
5. Blok Utama
6. Blok Gutenberg oleh Blok Kadence
7. Getwid
Kesimpulan

Mengapa Anda Membutuhkan Blok Akordeon?

Plugin blok akordeon menampilkan konten teks dalam bentuk yang ringkas atau dapat dilipat, mengurangi gulungan yang panjang. Anda juga dapat menggunakan blok akordeon untuk menampilkan konten seperti deskripsi produk, FAQ, dll.

Selain itu, Anda dapat menyesuaikan warna latar belakang, warna wadah, animasi sakelar, sakelar kondisi, dan lainnya sesuai desain situs web Anda.

Beberapa kegunaan lain dari blok akordeon di situs WordPress adalah:

  • Untuk meningkatkan pengalaman pengguna melalui pengiriman konten teks secara interaktif.
  • Sederhanakan dan buat blog Anda mudah dibaca dengan memadatkan konten teks-berat dan blog panjang.
  • Blok akordeon meningkatkan pengalaman membaca di perangkat layar kecil .
  • Selain itu, blok akordeon adalah alternatif yang baik untuk tautan dalam halaman .
  • Selain itu, blok akordeon sangat membantu saat Anda perlu mengkategorikan berdasarkan item bersarang .

Jadi, jika Anda ingin meminimalkan panjang konten situs web Anda, Anda mungkin ingin menggunakan blok akordeon. Sekarang, mari kita periksa daftar 7 plugin blok akordeon WordPress terbaik untuk tahun 2022.

Jadi, mari kita lanjutkan!


7 Plugin Blok Accordion WordPress Terbaik 2022

Di sini, kami telah memilih beberapa plugin blok akordeon WordPress terbaik untuk tahun 2022. Ini mencakup deskripsi lengkap, fitur, harga, dan proses pembuatan masing-masing. Jadi, pergi melalui mereka secara menyeluruh dan memilih salah satu yang tepat untuk Anda.

1. Blok Akordeon – plugin WordPress

Accordion Blocks adalah plugin intuitif yang memungkinkan Anda menambahkan blok Gutenberg ke situs WordPress Anda. Selain itu, Anda dapat membuat dan menerbitkan blok akordeon bersama dengan judul HTML. Selanjutnya, Anda dapat mengedit akordeon dengan HTML dan CSS khusus untuk penyesuaian mendalam.

Plugin WordPress Blok Akordeon

Fitur Utama:

  • Anda dapat mengaktifkan tutup otomatis item akordeon saat ini saat Anda membuka item lain.
  • Juga, Anda bisa mengumpulkan item akordeon sesuai kebutuhan.
  • Item akordeon mendukung gaya blok khusus menggunakan wp.blocks.registerBlockStyle.
  • Selain itu, Anda dapat memilih untuk membuka item akordeon apa pun secara default.
  • Selanjutnya, Anda dapat mengatur default ke item baru atau mengatur fitur akordeon tertentu.

Membuat Akordeon:

Nah, untuk menggunakan plugin ini, Anda cukup mencarinya di dashboard WordPress Anda. Kemudian, instal dan aktifkan plugin. Setelah itu, buka postingan Anda, klik tombol “+” di pojok kanan atas, dan pilih item Accordion . Blok akordeon akan muncul di posting Anda, seperti yang ditunjukkan pada gambar di bawah ini.

Tambahkan Akordeon Dari Blok Akordeon untuk Situs WordPress
Menggunakan Blok Akordeon

Selain itu, ia hadir dengan banyak opsi penyesuaian seperti klik untuk menutup , tutup otomatis , buka secara default , dll. Anda juga dapat mengatur offset piksel gulir.

Opsi Kustomisasi Blok Akordeon
Menggunakan Pengaturan Blok Akordeon

Jika Anda ingin mendapatkan ide yang jelas, maka Anda dapat memeriksa artikel kami tentang cara menginstal plugin WordPress.

Harga:

Plugin ini gratis untuk digunakan. Anda dapat mengunduh plugin ini dari repositori plugin resmi WordPress.org. Atau instal plugin di dashboard WordPress Anda secara langsung.

Dapatkan Blok Akordeon Sekarang!

2. Dapat ditumpuk

Stackable adalah plugin kompatibel editor yang diblokir WordPress populer lainnya yang memungkinkan Anda menambahkan blok akordeon yang dapat dilipat. Jadi, Anda dapat dengan mudah memublikasikan FAQ berisi teks atau konten lain di situs web Anda. Juga, ada 5 gaya item akordeon yang berbeda untuk dipilih.

Plugin Blok WordPress yang Dapat Ditumpuk

Fitur Utama:

  • Anda dapat menambahkan efek gerakan di item akordeon untuk pengalaman yang luar biasa.
  • Item akordeon sepenuhnya responsif agar sesuai dengan semua ukuran layar.
  • Anda juga dapat menambahkan CSS khusus ke item untuk tujuan penyesuaian.
  • Mampu menambahkan item SVG Anda sebagai ikon.
  • Selanjutnya, Anda dapat memilih dari item yang dibuat sebelumnya untuk mempercepat pengembangan situs web Anda.

Membuat Akordeon:

Anda dapat mengunggah plugin yang Anda dapatkan dari WordPress.org di dasbor Anda, lalu menginstal dan mengaktifkan plugin. Sekarang, buka posting Anda, dan pilih akordeon dari Stackable dengan mengklik "+" di sudut kanan atas. Blok akordeon akan ditampilkan di postingan Anda, dan Anda dapat memilih tata letak seperti default, polos, dll., untuk memulai. Di sini kita memilih tata letak default .

Tambahkan Akordeon Menggunakan Blok Stackable
Menggunakan Blok Stackable

Setelah itu, Anda dapat mulai dengan menambahkan judul, misalnya, "Blok Baru", dan menambahkan deskripsi ke judul Anda. Dengan stackable, Anda akan memiliki 3 opsi penyesuaian, "Blokir", "Gaya", dan "Lanjutan". Anda dapat menyesuaikan semuanya mulai dari tipografi , warna , latar belakang , judul , posisi blok , dll.

Opsi kustomisasi yang dapat ditumpuk
Menggunakan Pengaturan yang Dapat Ditumpuk

Harga:

Stackable adalah plugin freemium , dan Anda dapat mengunduh versi gratis plugin dari repositori plugin resmi WordPress.org.

Namun, ada versi premium dari Stackable yang tersedia. Anda dapat memilih salah satu dari 4 paket harga:

  • Pribadi: $49 per tahun untuk satu situs web.
  • Bisnis: $99 per tahun untuk tiga situs.
  • Agensi: $149 per tahun untuk situs web tak terbatas.
  • Seumur Hidup Agensi: Biaya satu kali sebesar $499.
Dapatkan Stackable Sekarang!

3. Blok Gutenberg Akordeon Tingkat Lanjut

Advanced Accordion Gutenberg Block adalah plugin akordeon minimal dan cepat untuk situs WordPress Anda. Juga, Anda dapat memilih dari 3 jenis blok akordeon, grup, terpisah, dan tunggal. Selain itu, Anda dapat menata item akordeon dengan margin khusus, bantalan, warna latar belakang, dan banyak lagi.

Plugin Blok Accordion Gutenberg Tingkat Lanjut Untuk WordPress

Fitur Utama:

  • Plugin ini dioptimalkan dengan baik dan bekerja dengan kecepatan kilat.
  • Ini juga mendukung semua jenis konten seperti teks, gambar, dll.
  • Item akordeon ramah SEO, membantu peringkat situs web Anda lebih tinggi.
  • Selain itu, Anda dapat menambahkan FAQ tanpa batas ke situs web Anda.
  • Selanjutnya, Anda juga dapat menambahkan akordeon bersarang tanpa batas.

Membuat Akordeon:

Ini mudah tersedia dari dasbor WordPress Anda. Jadi, buka menu plugin, dan cari Advanced Accordion Gutenberg . Kemudian instal dan aktifkan plugin. Setelah itu, buka postingan Anda, dan klik tombol “+” . Setelah itu, Anda akan memiliki 2 opsi, " blok terpisah" dan "blok grup", pilih salah satu. Di sini kami telah memilih opsi blok terpisah .

Menambahkan Akordeon Dengan Blok Gutenberg Akordeon Tingkat Lanjut
Menggunakan Blok Gutenberg Akordeon Tingkat Lanjut

Dengan plugin ini, Anda akan memiliki banyak opsi penyesuaian seperti warna header , latar belakang header , warna ikon , dan banyak lagi. Anda juga dapat mengubah blok Anda menjadi akordeon yang ditautkan , sehingga tautan akan terbuka saat Anda mengeklik.

Opsi Kustomisasi Akordeon Tingkat Lanjut
Menggunakan Pengaturan Blok Akordeon Gutenberg Tingkat Lanjut

Harga:

Ini adalah plugin WordPress gratis . Anda dapat mengunduh plugin ini dari repositori plugin resmi WordPress.org. Sangat mudah untuk menginstal dari dashboard WordPress Anda.

Dapatkan Blok Akordeon Gutenberg Tingkat Lanjut!

4. Blok Penting untuk Gutenberg

Blok Esensial untuk Gutenberg adalah plugin WordPress akordeon yang populer. Juga, plugin ini memungkinkan Anda menambahkan akordeon yang indah di mana saja di situs web Anda. Selain itu, item akordeon ini bersifat interaktif dan dengan opsi untuk mengaktifkan ikon sakelar.

Blok Penting untuk Gutenberg

Fitur Utama:

  • Pilih ikon untuk item akordeon Anda dari daftar ikon.
  • Anda dapat menyesuaikan warna latar belakang item akordeon.
  • Mampu menyesuaikan keluarga font dari konten akordeon.
  • Selain itu, Anda dapat mengubah kecepatan sakelar animasi item akordeon.
  • Selain itu, item akordeon responsif dan cocok untuk semua ukuran layar.

Membuat Akordeon:

Untuk memulai, unduh plugin dari WordPress.org dan unggah ke dasbor WordPress Anda. Atau langsung install dan aktifkan. Sekarang, buka atau buat posting baru, klik tombol "+" dan pilih akordeon dari blok Esensial. Blok akordeon akan muncul di posting Anda, dan sekarang Anda dapat mengedit blok sesuka Anda.

Menambahkan Blok Accordion WordPress Dari Blok Esensial untuk Gutenberg
Menggunakan Blok Esensial untuk Gutenberg

Ketika datang ke kustomisasi, ia hadir dengan 3 opsi, "umum," "gaya," dan "lanjutan." Di sini Anda dapat mengatur kecepatan sakelar, celah akordeon, ikon, dll. Anda juga dapat mengubah jenis latar belakang, warna, dan gambar.

Blok Esensial Untuk opsi Kustomisasi Guttenberg
Menggunakan Blok Esensial untuk Pengaturan Gutenberg

Harga:

Blok Esensial untuk Gutenberg adalah plugin gratis untuk digunakan . Anda dapat mengunduh plugin dari repositori plugin resmi WordPress.org.

Dapatkan Blok Esensial Untuk Gutenberg Sekarang!

5. Blok Utama

Ultimate Blocks adalah plugin blok WordPress Gutenberg yang mudah digunakan yang membantu Anda menambahkan item akordeon ke situs blog Anda. Anda dapat menambahkan konten dalam akordeon yang membantu pengunjung Anda membaca tanpa teks panjang.

Blok Utama untuk Blok Akordeon

Fitur Utama:

  • Plugin ini membantu Anda membuat item akordeon bersarang dengan mudah.
  • Anda juga dapat menyesuaikan wadah dan warna judul item akordeon.
  • Selain itu, Anda dapat mengatur status awal sebagai diciutkan atau tidak diciutkan.
  • Selanjutnya, Anda akan memiliki opsi untuk mengaktifkan skema FAQ item.
  • Ini memungkinkan Anda untuk mengatur ikon sakelar di sisi kiri atau kanan akordeon.

Membuat Akordeon:

Anda dapat dengan mudah mencari dan menginstal plugin dari dashboard WordPress Anda. Setelah mengaktifkan plugin, buka posting Anda yang sudah ada atau buat yang baru. Sekarang, klik ikon "+" di sudut kanan atas posting Anda untuk menambahkan sakelar konten dari blok utama.

Menambahkan Toggle Konten dari Blok pamungkas
Menggunakan Blok Utama

Setelah itu, Anda dapat mulai mengedit blok Anda dengan menambahkan judul dan membuat konten beralih sebanyak yang Anda suka. Dalam hal penyesuaian, Anda dapat mengubah warna tab, lokasi, ikon, dan lainnya.

Opsi Kustomisasi Panel Beralih Konten
Menggunakan Pengaturan Blok Utama

Harga:

Plugin ini 100% gratis untuk digunakan. Anda dapat mengunduh plugin ini dari repositori plugin resmi WordPress.org.

Dapatkan Blok Ultimate Sekarang!

6. Blok Gutenberg oleh Blok Kadence

Jika Anda ingin membuat situs WordPress menakjubkan yang berisi akordeon, maka Gutenberg Blocks by Kadence adalah yang tepat untuk Anda. Plugin ini hadir dengan banyak blok unik termasuk blok akordeon. Dengan menggunakan ini, Anda dapat membuat konten indah yang memberikan pengalaman pengguna yang luar biasa.

Blok Kadence untuk Plugin Blok Accordion WordPress

Fitur Utama:

  • Anda dapat memilih salah satu dari 4 desain prebuilt item akordeon.
  • Selain itu, Anda akan memiliki kontrol atas latar belakang dan pilihan warna.
  • Itu juga dilengkapi dengan opsi untuk mengaktifkan skema FAQ.
  • Selanjutnya, Anda dapat menambahkan HTML dan CSS khusus ke item akordeon.
  • Ini memungkinkan Anda untuk memilih dari 4 pasang pemicu sakelar untuk item akordeon.

Membuat Akordeon:

Anda dapat dengan mudah menginstal , dan mengaktifkan plugin ini dari menu Plugin di dashboard WordPress Anda. Untuk menambahkan tab akordeon ke pos Anda, pertama, buka pos Anda, klik ikon “+” dan pilih akordeon dari blok Kadence . Setelah itu, Anda akan memiliki opsi untuk memilih gaya akordeon atau lewati saja. Di sini, kita akan memilih opsi kedua.

Tab Akordeon Oleh Gutenberg Blocks
Menggunakan Blok Kadence

Setelah itu, Anda dapat mulai menyesuaikan dimulai dengan judul blok. Anda juga dapat menambahkan lebih banyak akordeon sesuai kebutuhan untuk posting Anda. Anda akan memiliki opsi untuk memilih ikon judul dari ikon garis atau padat . Juga, putuskan di mana menemukan ikon judul di blok dan banyak lagi.

Menyesuaikan Tab Akordeon
Menggunakan Pengaturan Blok Kadence

Harga:

Ini adalah plugin freemium , dan Anda dapat mengunduh versi gratis plugin dari repositori plugin resmi WordPress.org.

Namun, Anda dapat membeli versi premium plugin dari situs resminya. Anda dapat memilih salah satu dari 3 opsi harga tahunan.

  • Kadence Blocks Pro: Dengan $89 per tahun, Anda dapat menggunakan semua blok di situs tanpa batas dengan dukungan dan pembaruan selama 1 tahun.
  • Bundel Esensial: Dengan $149 per tahun, Anda dapat menggunakan bundel Kadence Blocks Pro, Kadence Theme Pro, dan Pro Starter Templates di situs tak terbatas dengan dukungan dan pembaruan 1 tahun.
  • Full Bundle: Dengan $219 per tahun, Anda akan mendapatkan fitur Essential Bundle dengan Kadence Cloud, Kadence AMP, dll., di situs tak terbatas dengan dukungan dan pembaruan selama 1 tahun.
Dapatkan Blok Gutenberg Dengan Blok Kadence Sekarang!

7. Getwid

Jika Anda mencari koleksi blok Gutenberg, maka Getwid adalah yang tepat untuk Anda. Muncul dengan 40+ blok Gutenberg, termasuk blok akordeon. Dengan menggunakan blok ini, Anda dapat menggunakan tab akordeon untuk membuat bagian FAQ. Juga, Anda dapat mengkategorikan informasi di FAQ dengan blok Gutenberg.

Getwid - Plugin WordPress Blok Accordion Terbaik

Fitur Utama:

  • Judul sepenuhnya dapat disesuaikan.
  • Anda dapat menambahkan konten di dalam akordeon dengan bantuan blok Gutenberg.
  • Selain itu, ini menyediakan penyelarasan ikon khusus untuk tab akordeon.
  • Blok sakelar juga tersedia, menambahkan sakelar yang dapat diperluas dan dilipat secara manual untuk bagian FAQ.

Membuat Akordeon:

Anda dapat mengunggah, menginstal, dan mengaktifkan plugin ini dari dashboard WordPress setelah mengunduh plugin dari WordPress.org. Lalu klik pada ikon "+" di editor posting Anda dan klik "Akordeon" dari Blok Getwid .

Menambahkan Akordeon dari Blok Getwid
Menggunakan Getwid

Setelah itu, Anda perlu menentukan jumlah item akordeon dan klik tombol "buat" . Atau Anda dapat menggunakan jumlah default item akordeon yaitu “3” .

Sekarang, Anda dapat mulai dengan menambahkan ubin ke tab akordeon. Juga, plugin ini memungkinkan Anda menyesuaikan gaya ikon dan posisinya.

Opsi Kustomisasi Getwid
Menggunakan Pengaturan Getwid

Harga:

Getwid adalah plugin blok WordPress gratis yang tersedia di repositori resmi WordPress.org. Anda juga dapat mengunduh plugin ini dari situs resminya secara gratis.

Dapatkan Getwid Sekarang!

Kesimpulan

Itu saja, teman-teman! Kita telah sampai di akhir artikel ini.

Di sini, kami telah membahas 7 plugin blok akordeon WordPress terbaik , fitur, harga, dan proses pembuatannya.

Di antara plugin yang terdaftar di atas, kami ingin merekomendasikan Anda plugin Stackable. Itu karena memungkinkan Anda untuk membuat akordeon yang menakjubkan dengan banyak pilihan gaya. Juga, plugin ini menawarkan fitur yang diperlukan untuk membangun situs web yang luar biasa.

Kami harap ini akan membantu Anda memilih plugin blok akordeon WordPress terbaik untuk situs web Anda. Jika Anda menggunakan salah satu plugin ini, bagikan pengalaman Anda di bagian komentar di bawah.

Juga, jika Anda memiliki pertanyaan, jangan ragu untuk menyebutkannya di komentar. Kami akan menghubungi Anda sesegera mungkin. Terakhir, jika Anda menyukai artikel ini, bagikan dengan teman dan kolega Anda.

Anda mungkin juga menyukai artikel kami tentang plugin blok Gutenberg terbaik dan pola blok WordPress – cara menggunakannya untuk mendesain halaman Anda.

Jangan lupa untuk mengikuti kami di Facebook dan Twitter untuk artikel bermanfaat lainnya.

Beberapa link pada artikel/halaman ini adalah link afiliasi. Jika Anda mengklik tautan afiliasi tersebut dan membeli produk, kami akan mendapatkan komisi persen tertentu dari penjual. Tapi itu sama sekali tidak mempengaruhi harga yang akan Anda bayar.