Apakah Anda ingin menerapkan topeng gambar di Elementor ?
Trik sederhana dapat menentukan keseluruhan desain halaman Anda. Saat membuat halaman dengan Elementor, Anda mungkin ingin menerapkan masker gambar untuk membuat gambar di halaman Anda menonjol dan unik. Sayangnya, Elementor tidak memiliki opsi gaya default untuk menerapkan masker gambar ke gambar.
Jika Anda menggunakan Elementor Pro dan memiliki pengetahuan CSS, Anda dapat menambahkan CSS khusus untuk menerapkan topeng gambar ke gambar. Jika Anda tidak memiliki pengetahuan CSS, Anda dapat menggunakan Plugin pengaya Happy Addons untuk menerapkan topeng gambar di Elementor.
Happy Addons adalah addon Elementor freemium yang hadir dengan fungsi untuk menerapkan topeng gambar. Fitur ini sendiri hanya tersedia pada versi pro, jadi Anda perlu menggunakan Happy Addons versi pro untuk menggunakan fitur ini.
Omong-omong, apa itu topeng gambar?
Image masking adalah proses menyembunyikan bagian tertentu dari suatu gambar untuk menekankan bagian lainnya. Proses ini sering diterapkan pada alat pengeditan gambar seperti Photoshop dan GIMP.
Berikut adalah contoh.
CSS pada dasarnya memiliki fitur untuk menerapkan topeng gambar. Tetapi sekali lagi, Anda harus memiliki keterampilan CSS untuk menggunakannya. kamu bisa membaca artikel cet untuk informasi lebih lanjut.
Happy Addons adalah solusi bagus untuk menerapkan topeng gambar di Elementor jika Anda tidak memiliki pengetahuan CSS.
Bagaimana cara kerjanya
Fitur terapkan topeng gambar berfungsi pada widget Elementor yang memanipulasi gambar seperti widget Gambar dan widget Kotak Gambar. Anda akan melihat opsi baru yang disebut topeng gambar tepat di bawah pemilih gambar. Anda dapat memilih dari tiga puluh sembilan bentuk topeng yang berbeda. Anda juga dapat menggunakan bentuk topeng khusus dengan mengunggah file SVG.
Cara Menerapkan Masker Gambar
Sebelum memulai, pastikan Anda telah menginstal dan mengaktifkan versi pro Happy Addons di situs web WordPress. Anda bisa memakainya Situs resminya.
Setelah semuanya siap, buat halaman baru dan edit di sana dengan Elementor, atau Anda juga dapat mengedit halaman yang sudah ada. Tambahkan widget yang melibatkan gambar — seperti widget Gambar — ke kotak edit.
Pergi ke panel kiri dan klik pemilih gambar di Gambar blok di bawah Isi tab untuk memilih gambar yang ingin Anda gunakan. Setelah gambar dipilih, klik ikon pensil di Gambar Maskinpilihan g.
Pilih bentuk masking yang Anda suka. Anda juga dapat mengatur posisi masking, mengatur ukuran dan ulangi. Jika Anda ingin menggunakan bentuk masking kustom menggunakan file SVG, Anda dapat mengklik ikon gambar (di sebelah ikon Happy Addons).
Setelah menyelesaikan pengaturan masking gambar, Anda dapat pergi ke Gaya tab untuk menyesuaikan gambar Anda, seperti mengatur ukuran dan menerapkan filter. Publikasikan halaman Anda setelah Anda selesai mengeditnya.
Dapatkan Elementor Pro Sekarang!!!
Kesimpulan
Di Sini ! Itu saja untuk artikel ini yang menunjukkan caranya terapkan topeng 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.
...
