Apakah Anda ingin mengetahui cara membuat menu navigasi Satu Halaman di Elementor ?
Ada website yang hanya memiliki satu halaman (home page). Bahkan ketika Anda mengklik item menu navigasi, Anda akan dibawa ke bagian lain dari halaman yang sama, bukan halaman lain.
Tujuan dari jenis ini situs jaringan adalah untuk memastikan bahwa pengunjung fokus pada konten Anda. Selain konten, elemen kunci lain dari a situs jaringan ke halaman adalah menu navigasi. Di Elementor, sangat mudah untuk membuat menu navigasi a situs jaringan ke satu halaman.
Artikel ini akan menunjukkan caranya.
Untuk memberi Anda gambaran umum, berikut adalah contoh menu navigasi situs web satu halaman.
Seperti yang telah disebutkan, tidak sulit untuk membuat menu navigasi website satu halaman seperti di atas Elementor.
Meskipun beberapa add-on, seperti Addon Penting et PowerPack, dilengkapi dengan widget untuk membuat navigasi pada halaman, Anda juga dapat membuatnya tanpa menginstal add-on apa pun.
Ide utamanya adalah mengarahkan item menu ke bagian halaman tertentu. Untuk melakukan ini, Anda perlu menambahkan ID CSS ke bagian yang ingin Anda tunjuk.
Baca juga: Cara mengatur posisi khusus untuk menu seluler di Elementor
Mari kita ambil contoh.
Misalkan Anda memiliki item menu yang disebut "Kelas" dan Anda menginginkannya pengunjung diarahkan ke bagian "Kelas" di situs web satu halaman Anda setiap kali mereka mengeklik item menu "Kelas".
Pertama, edit halaman dengan Elementor dan pilih bagian "Kelas" (gunakan browser untuk kenyamanan Anda).
Setelah bagian Kelas dipilih, buka tab maju dari panel kiri dan buka blok maju. MasukkanID CSS bagian di lapangan ID CSS.
Ulangi langkah di atas untuk bagian lain yang ingin Anda tentukan dengan item menu.
Memanggil pengidentifikasi CSS
Anda dapat menggunakan widget Elementor apa pun yang memiliki opsi untuk menambahkan tautan untuk memanggil setiap id CSS yang telah Anda tambahkan ke bagian. Cukup tempel id CSS di bidang tautan. Tambahkan " # sebagai awalan.
Jika Anda ingin menggunakan widget Nav Menu, Anda dapat mengubah menu yang Anda gunakan. Di bidang URL setiap item menu, ketik ID CSS dengan "#" sebagai awalan.
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.
...
