Cara Mengubah Gambar Pada Template Elementor
Elementor menyediakan kemudahan dalam mengedit tampilan website, termasuk mengganti gambar pada template yang sudah ada. Fitur ini sangat membantu ketika Anda ingin menyesuaikan desain dengan kebutuhan brand atau konten yang berbeda. Proses mengganti gambar cukup sederhana, bahkan bagi pemula yang baru menggunakan Elementor.
Selain memudahkan dalam proses desain, Elementor juga memungkinkan Anda untuk melihat hasil perubahan secara real-time. Dengan begitu, setiap kali Anda mengganti gambar, Anda bisa langsung memastikan tampilannya sesuai dengan yang diinginkan. Hal ini tentu menghemat waktu karena tidak perlu berpindah halaman untuk melakukan pratinjau.
Mengganti gambar pada template Elementor juga tidak memengaruhi struktur halaman. Anda hanya mengganti elemen visual tanpa mengubah layout utama. Oleh karena itu, Anda bisa lebih bebas menyesuaikan tampilan tanpa khawatir merusak desain keseluruhan. Berikut adalah langkah-langkah praktis yang bisa Anda ikuti.
Login ke Dashboard WordPress
Langkah pertama, silakan login ke dashboard WordPress Anda. Setelah berhasil masuk, buka menu Pages atau Posts sesuai dengan halaman yang ingin Anda edit. Cari halaman yang sudah menggunakan template Elementor.
Klik tombol Edit with Elementor untuk masuk ke editor visual Elementor. Setelah itu, Anda akan diarahkan ke halaman builder tempat semua elemen desain dapat disesuaikan.
Pilih Gambar yang Akan Diganti
Arahkan kursor ke elemen gambar yang ingin Anda ubah. Elementor akan menampilkan kotak biru yang menandakan area tersebut bisa diedit. Klik gambar tersebut untuk membuka panel pengaturan di sebelah kiri.
Di panel pengaturan, Anda akan melihat opsi Choose Image. Klik tombol ini untuk memilih gambar baru dari media library atau mengunggah gambar baru sesuai kebutuhan Anda.
Unggah atau Pilih Gambar dari Media Library
Setelah mengklik Choose Image, jendela Media Library WordPress akan terbuka. Anda dapat melakukan dua hal:
- Mengunggah gambar baru: klik tombol Upload Files, lalu pilih file gambar dari komputer Anda.
- Memilih gambar yang sudah ada: klik tab Media Library, lalu pilih gambar yang sesuai dari koleksi yang sudah tersedia.
Pastikan ukuran dan kualitas gambar sesuai agar tampilan tetap optimal. Jika sudah, klik tombol Insert Media.
Atur dan Sesuaikan Tampilan Gambar
Setelah gambar baru muncul di halaman, Anda bisa menyesuaikannya dengan opsi yang tersedia di panel kiri. Elementor menyediakan beberapa pengaturan seperti:
- Image Size: untuk memilih ukuran gambar (thumbnail, medium, large, atau full).
- Alignment: untuk mengatur posisi gambar (kiri, tengah, kanan).
- Link: untuk menambahkan tautan pada gambar jika diperlukan.
- Style: untuk mengatur border, radius, dan efek hover.
Dengan penyesuaian ini, gambar baru bisa lebih menyatu dengan keseluruhan desain template.
Simpan dan Periksa Hasilnya
Jika sudah selesai melakukan penggantian gambar, klik tombol Update di bagian bawah panel Elementor. Perubahan akan langsung tersimpan di halaman yang Anda edit.
Setelah itu, buka halaman website Anda di browser untuk memastikan gambar tampil sesuai dengan yang diinginkan. Jika perlu, lakukan penyesuaian tambahan agar hasilnya lebih sempurna.
