Buat Situs Web Anda dengan Mudah Hari Ini!

ELEMENTOR adalah Pembuat Blog termudah di dunia!

berhenti membuang-buang waktu dan banyak uang untuk membayar pengembang saat Anda bisa Buat situs web atau blog WordPress Anda dengan mudah dengan desain profesional hanya beberapa menit ! Tidak diperlukan pengetahuan teknis.

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 anggota keluarga add-on Elementor 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 dari 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.

tambahkan akordeon gambar ke halaman Elementor

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.

tambahkan akordeon gambar ke halaman Elementor

Ulangi langkah di atas untuk item lainnya. Untuk menambahkan elemen baru ke akordeon, cukup klik tombolnya Tambahkan item.

tambahkan akordeon gambar ke halaman Elementor

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.

tambahkan akordeon gambar ke halaman Elementor

Di blok Item, Anda dapat mengatur jarak antar item, warna latar belakang item, radius batas item, dan bayangan kotak item.

tambahkan akordeon gambar ke halaman Elementor

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.

...

%d blogger menyukai halaman ini: