Accordion adalah elemen antarmuka pengguna (UI) yang digunakan untuk mengatur konten dalam format yang ringkas dan mudah dinavigasi. Biasanya, accordion terdiri dari beberapa bagian (atau "panel") yang dapat diperluas dan dilipat untuk menampilkan atau menyembunyikan informasi. Setiap panel biasanya memilki judul atau header, dan ketika pengguna mengklik judul tersebut, panel akan diperluas untuk menampilkan konten yang lebih detail di bawahnya.
Accordion digunakan untuk :
- Menghemat Ruang Layar : Dengan menyembunyikan konten yang tidak diperlukan, accordion membuat halaman web lebih rapi dan lebih mudah dinavigasi.
- Meningkatkan Pengalaman Pengguna : Membantu pengguna menemukan informasi yang mereka cari tanpa perlu menggulir panjang halaman.
- Mengelompokkan Informasi Terkait : Digunakan untuk mengelompokkan informasi dalam kategori atau topik, membuat struktur informasi lebih jelas.
Accordion sering digunakan di halaman FAQ, menu navigasi, atau di halaman dengan banyak informasi untuk membuat pengalaman pengguna lebih interaktif dan terstruktur.
Berikut cara menampilkan accordion di Joomla 4 :
1. Donwload plugin accordion disini.
2. Login ke halaman administrator web menggunakan username dan password.
3. Install plugin accordion dengan cara klik System, pada kolom Install klik Extentions.
 |
|---|
4. Kemudian upload plugin accordion pada bagian Upload Package File, jika berhasil maka akan keluar notifikasi seperti pada gambar.
 |
|---|
5. Selanjutnya buat modul accordion dengan cara klik Content -> klik Site Module -> klik New, kemudian pilih module yang sudah kita install tadi yaitu ChjoomFAQpage.
|
|
|---|
6. Isi judul module di kolom Title dan atur posisi module yang ingin ditampilkan di bagian Position. Isi content FAQ seperti pada gambar berikut.
|
|
|---|
7. Untuk menampilkan module di menu yang diinginkan, ceklis di bagian Menu Assignment. Ganti ukuran tulisan, warna dan lain-lainnya di bagian Styling dan Extra fields. Lalu klik Save untuk menyimpan module.
|
|
|---|
