Apakah Anda ingin menambahkan akordeon gambar ke halaman Elementor ?
Ini bagus karena gambar akordeon memungkinkan Anda menampilkan gambar dengan lebih kreatif. Sayangnya, Elementor tidak memiliki widget default yang memungkinkan Anda menambahkan elemen akordeon gambar ke halaman atau template.
Jika Anda benar-benar ingin menambahkan akordeon gambar, Anda dapat menginstal addon atau addon yang dilengkapi dengan widget akordeon gambar. Salah satu add-on yang dapat Anda instal adalah JetTabs.
JetTabs adalah tambahan Elementor Anggota keluarga JetPlugins, satu set add-on Elementor yang dikembangkan oleh Crocoblock. JetTabs hadir dengan empat widget: Swicther, Tabs, Image Accordion, dan Classic Accordion.
Bagaimana cara menambahkan gambar akordeon di Elementor dengan JetTabs
Sebelum memulai, pastikan Anda telah menginstal dan mengaktifkan add-on JetTabs. Anda bisa mendapatkan pengaya ini hanya dengan $23 per tahun. Alternatifnya, Anda juga bisa mendapatkan JetTabs dengan opsi pembelian satu kali melalui bundel tema Jupiter X atau Monstroid2.
Baca juga: Cara Membuat Menu Navigasi Satu Halaman di Elementor
Setelah Anda siap, buat halaman baru (Pages -> Add New) atau posting baru (Posts-> Add) dan edit dengan Elementor. Tentu saja, Anda juga dapat mengedit halaman atau postingan yang sudah ada.
Di editor Elementor, seret widget Image Accordion dari panel widget ke area pengeditan.
Setelah widget Image Accordion ditambahkan, buka panel kiri untuk menyesuaikannya. Secara default, akordeon terdiri dari tiga elemen. Untuk menambahkan gambar ke setiap elemen, cukup buka elemen di bawah blok Elemen dan klik pemilih gambar. Anda juga dapat mengatur judul item, deskripsi, dan tautan tombol.
Ulangi langkah di atas untuk item lainnya. Untuk menambahkan elemen baru ke akordeon, cukup klik tombolnya Tambahkan item.
Buka blok Settings di bawah tab Isi untuk mengatur orientasi (vertikal atau horizontal), ukuran elemen aktif, durasi animasi, dan gaya efek easing.
Gaya akordeon
Untuk menata akordeon Anda, Anda dapat mengakses tab Gaya di panel kiri. Ada 7 blok yang bisa Anda buka untuk menata akordeon. Di blok pertama (Blok wadah) Anda dapat mengatur tinggi akordeon, warna latar belakang, radius batas, dan bayangan jatuh.
Di blok Item, Anda dapat mengatur jarak antar item, warna latar belakang item, radius batas item, dan bayangan kotak item.
Anda dapat bermain dengan 5 blok lainnya untuk membuat opsi gaya lainnya. Setelah selesai, klik tombol menerbitkan/ perbarui halaman Anda.
Voila.
Dapatkan Elementor Pro Sekarang!!!
Kesimpulan
Di Sini ! Itu saja untuk artikel ini yang menunjukkan caranya tambahkan akordeon gambar ke halaman Elementor. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana, beri tahu kami di dalam komentar.
Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.
Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.
...
