Apakah Anda ingin membuat menu layar penuh di Elementor ? Jika demikian, artikel ini akan menunjukkan caranya. Tidak diperlukan add-on untuk membuat menu layar penuh Elementor. Yang kamu butuhkan adalah Elementor Pro.
Versi pro dariElementor dilengkapi dengan a pembuat popup yang memungkinkan Anda membuat munculan yang indah. Anda dapat menggunakan fitur ini untuk membuat menu layar penuh di Elementor.
Jika Anda tidak melihat apa yang ingin kami bicarakan hari ini, lihat video ini.
Bagaimana cara membuat menu layar penuh di Elementor?
Sebelum Anda mulai, pastikan Anda memilikinya tingkatkan Elementor Anda ke versi pro. Setelah Anda siap, buka Template -> Munculan. Buat template popup baru dengan mengklik tombol Add New.
Beri nama template popup Anda dan klik tombolnya BUAT MODEL.
Elementor menawarkan lusinan template popup untuk Anda pilih. Dalam tutorial ini, kita akan membuat model dari awal. Jadi tutup saja perpustakaan template untuk membuka editor Elementor.
Sebelum Anda mulai membuat template popup, tentukan tata letaknya terlebih dahulu. Untuk melakukan ini, buka pengaturan jendela sembulan dengan mengklik ikon roda gigi di pojok kiri bawah.
Di blok Layout, di bawah tab Parameter, atur lebarnya menjadi 100 VW dan ketinggian di Pas dengan layar. Anda juga dapat mengatur efek animasi masuk dan keluar.
Setelah menentukan tata letak, mulailah membuat template dengan menambahkan bagian baru. Anda dapat menambahkan elemen apa pun yang Anda inginkan ke template. Untuk menambahkan item menu, Anda dapat menggunakan widget Menu Nav atau widget Daftar Ikon.
Lihat juga: Cara mengatur posisi khusus untuk menu seluler di Elementor
Dalam panduan ini, kita akan menggunakan widget Daftar Ikon.
Edit setiap item dalam daftar. Anda dapat menambahkan label item menu di bidang teks dan tambahkan tautan di bidang Hak gadai.
Buka tab Gaya ke daftar gaya. Anda dapat mengatur spasi antara item daftar dan perataan di Blok Daftar. Untuk mengatur ukuran dan warna ikon (jika Anda menggunakan ikon), Anda dapat membuka blok Ikon. Untuk mengatur tipografi (ukuran font, jenis font, gaya font) dan warna teks item daftar, Anda dapat membuka blok Teks.
Jika mau, Anda dapat mengubah latar belakang bagian tersebut. Untuk menyesuaikan tombol tutup popup, buka kembali pengaturan popup dan buka tab Gaya. Buka blok tombol tutup dan Anda akan melihat beberapa opsi untuk menyesuaikan tombol tutup seperti warna latar, ukuran, dan posisi.
Setelah Anda selesai membuat template popup, klik ikon panah di sebelah tombol MENERBITKAN dan pilih Ketentuan Tampilan.
Atur di mana Anda ingin popup muncul dengan mengklik tombol TAMBAHKAN KONDISI dan klik tombol BERIKUTNYA untuk mengatur pemicu.
Aktifkan opsi Di Klik dan klik SIMPAN & TUTUP.
Panggilan template popup
Setelah template popup siap, Anda dapat memanggilnya. Karena Anda ingin membuat menu layar penuh, Anda dapat membuat tajuk dengan Elementor atau memodifikasi tajuk yang ada.
Baca posting ini untuk mengetahui lebih lanjut tentang caranya buat tajuk khusus dengan Elementor.
Anda dapat memanggil template popup yang baru saja Anda buat dengan widget Elementor apa pun yang memiliki opsi untuk menambahkan tautan, seperti tombol, ikon, kotak ikon, teks, gambar, dll.
Dalam tutorial ini, kami menggunakan widget Icon Box. Pilih widget untuk masuk ke mode pengeditan. Di bawah tab Isi Dari panel kiri, temukan bidang untuk menambahkan tautan.
Atur link sebagai dinamis dan pilih Popup.
Pilih template popup yang baru saja Anda buat dengan mengklik ikon kunci inggris.
Publikasikan/Perbarui template tajuk Anda.
Dapatkan Elementor Pro Sekarang!!!
Kesimpulan
Di Sini ! Itu saja untuk artikel ini yang menunjukkan caranya buat menu layar penuh 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.
...
