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 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.

Elementor versi pro hadir 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.

buat menu layar penuh di Elementor

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.

buat menu layar penuh di Elementor

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.

buat menu layar penuh di Elementor

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.

buat menu layar penuh di Elementor

Edit setiap item dalam daftar. Anda dapat menambahkan label item menu di bidang teks dan tambahkan tautan di bidang Hak gadai.

buat menu layar penuh di Elementor

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.

buat menu layar penuh di Elementor

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 Kotak Ikon. Pilih widget untuk masuk ke mode edit. Di bawah tab Konten di 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.

buat menu layar penuh di Elementor

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.

...

%d blogger menyukai halaman ini: