Untuk jenis bisnis tertentu seperti layanan pengeditan foto, menambahkan perbandingan gambar dapat menjadi alat yang berguna untuk mendeskripsikan layanan Anda. Anda dapat menambahkan perbandingan gambar ke beranda, halaman arahan, atau halaman mana pun tempat Anda berbicara tentang layanan yang Anda tawarkan.
Elementor memang tidak menawarkan widget atau fungsionalitas apa pun untuk menambahkan perbandingan gambar, tetapi Anda bisa mendapatkannya menggunakan add-on. Ada modul tambahan Elementor yang menawarkan widget untuk menambahkan perbandingan gambar. Tiga di antaranya adalah: Addon Penting, Selamat Addondan JetElements.
Pada artikel ini kami akan menunjukkan cara menambahkan perbandingan gambar Elementor menggunakan JetElements.
JetElements sendiri adalah add-on premium untuk Elementor yang dikembangkan oleh Crocoblock. Ini adalah bagian dari keluarga JetPlugins. Add-on dilengkapi dengan widget bernama Gambar Perbandingan yang dapat Anda gunakan untuk menambahkan perbandingan gambar ke halaman Elementor.
Cara Menambahkan Perbandingan Gambar di Elementor
Pastikan Anda telah menginstal dan mengaktifkan add-on JetElements sebelum Anda mulai. Jika Anda baru mengenal Elementor, Anda dapat membaca artikel kami sebelumnya untuk mempelajarinya cara menggunakan Elementor.
Kami akan langsung menambahkan widget Gambar Perbandingan dalam artikel ini.
Sebelum memulai, Anda dapat menyiapkan dua gambar untuk dibandingkan. Misalnya, Anda dapat menyiapkan gambar sebelum dan gambar setelah. Setelah Anda siap, cukup seret widget Gambar Perbandingan di kotak edit Elementor.
Secara default, widget Perbandingan Gambar JetElements membuat dua perbandingan gambar. Jika Anda hanya perlu membuat perbandingan gambar (dua gambar untuk dibandingkan), Anda dapat menghapus salah satu perbandingan gambar yang ada.
Baca juga: Elementor: Cara Menambahkan Animasi Lottie
Untuk menambahkan gambar sebelum dan sesudah, buka perbandingan gambar yang ada (dengan mengkliknya) untuk mengeditnya isi. Cukup pilih gambar sebelumnya di sebelum gambar bagian dan pilih gambar setelah di setelah gambar bagian. Seperti yang Anda lihat, Anda juga dapat mengganti label untuk setiap bagian.
Setelah pemilihan gambar selesai, Anda dapat membuka blok Settings untuk mengatur posisi awal separator. Jika Anda ingin menambahkan lebih dari satu perbandingan gambar, Anda dapat mengatur Pengaturan Carousel.
Kemudian Anda dapat menata perbandingan gambar Anda dengan beralih ke tab Gaya. Anda dapat membuka lima blok penyesuaian untuk menata perbandingan gambar Anda. Tetapi jika Anda hanya perlu menambahkan perbandingan gambar, Anda hanya perlu membuka tiga blok pertama.
- Général
Anda dapat membuka blok ini untuk mengatur padding, box shadow, tipe border dan radius border.
- label
Anda dapat membuka blok ini untuk memberi label perbandingan gaya (label "sebelum" dan "setelah"). Anda dapat mengatur hal-hal seperti perataan horizontal, perataan vertikal, warna teks, warna latar belakang, tipografi (keluarga font, gaya font, ukuran font), dll…
- Handle
Anda dapat membuka blok ini untuk mengatur gaya pegangan. Anda dapat mengatur hal-hal seperti menangani perataan, lebar kontrol, tinggi kontrol, warna pegangan (apakah keadaan normal atau melayang), dan sebagainya.
Jika Anda menambahkan lebih dari satu perbandingan gambar, Anda juga dapat membuka blok Panah Korsel et Titik-titik Korsel untuk mengatur panah dan titik navigasi.
Itu dia. Anda dapat mengklik tombol MENERBITKAN / MEMPERBARUI untuk menerbitkan / edit halaman Anda setelah Anda selesai mengeditnya.
Dapatkan Elementor Pro Sekarang!!!
Kesimpulan
Di Sini ! Itu saja untuk artikel ini yang menunjukkan caranya tambahkan perbandingan gambar di 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.
...
