Cara Membuat Menu Mega Menakjubkan di Situs WordPress pada 2022
Diterbitkan: 2022-03-10Menu mega adalah pilihan yang jelas jika Anda ingin meningkatkan navigasi situs web Anda.
Tidak hanya terlihat keren, mega menu juga dapat memudahkan pengunjung untuk menemukan lebih banyak konten Anda. Hal ini kemudian dapat berdampak positif pada tingkat konversi menurut penelitian dari pakar UX Jakob Nielsen dan Angie Li.
Alat menu mega WordPress yang bagus memudahkan untuk menambahkan berbagai konten ke dropdown atau area menu yang dapat diperluas. Mereka dapat menyertakan lebih banyak tautan, gambar, tombol, dan bahkan produk.
Anda juga dapat menggunakan menu untuk mengarahkan lalu lintas ke halaman tertentu di situs Anda, meningkatkan konversi, dan mempromosikan penawaran.
Jika Anda ingin menaikkan level menu Anda, baca terus untuk mengetahui cara membuat menu mega di situs web WordPress.
- Apa itu Menu Mega?
- Fitur Apa yang Dimiliki Menu Mega?
- Cara Menambahkan Fungsionalitas Menu Mega WordPress ke Situs Web Anda
- Cara Membuat Menu Mega WordPress Dengan Astra Pro
- Instal Tema Astra
- Instal Plugin Astra Pro
- Aktifkan Modul Menu Nav
- Buat Menu Mega WordPress
- Ringkasan
Apa itu Menu Mega?
Agar kita semua berada di halaman yang sama, inilah penjelasan singkat tentang apa yang kita maksud ketika kita berbicara tentang menu mega.
Biasanya, menu mega adalah menu tarik-turun atau area navigasi yang dapat diperluas yang biasanya berisi lebih dari sekadar tautan teks.
Kredit gambar www.next.co.uk
Mereka bisa datang dalam berbagai bentuk dan ukuran. Beberapa menjangkau seluruh lebar area konten Anda, sementara yang lain cukup lebar untuk menampung apa yang telah ditambahkan ke dalamnya.
Alat menu mega WordPress yang bagus juga memudahkan untuk menyesuaikan tampilan dengan menambahkan warna khusus, gambar latar belakang, dan label.
Alat yang bagus akan memungkinkan Anda memasukkan ikon, gambar, dan hampir semua konten lain yang dapat Anda pikirkan ke dalam menu tarik-turun Anda.
Alat menu mega WP terbaik juga memungkinkan Anda menampilkan widget di area navigasi yang dapat diperluas, meningkatkan opsi Anda secara signifikan.
Salah satu manfaat utama dari menu mega adalah mereka memberi Anda kemampuan untuk mengatur tautan pada menu Anda dengan cara yang lebih ramah pengguna.
Misalnya, Anda dapat menggunakan warna dan pemformatan yang berbeda untuk memisahkan item menu untuk membantu pengunjung menemukan apa yang mereka cari.
Menambahkan label, ikon, dan gambar ke menu mega Anda juga dapat menarik perhatian ke bagian utama konten.
Jika Anda melakukannya dengan benar, Anda akan dapat mengubah navigasi situs web Anda menjadi aset yang menarik, informatif, dan mengonversi!
Fitur Apa yang Dimiliki Menu Mega?
Fitur terpenting yang harus dicari saat memilih alat yang memungkinkan Anda membuat menu mega di situs web WordPress adalah seberapa banyak kontrol yang diberikannya kepada Anda.
Anda juga ingin alat menu mega WordPress Anda membuatnya mudah untuk menyesuaikan tampilannya.
Kemudahan penggunaan juga tidak boleh diabaikan!
Cara Menambahkan Fungsionalitas Menu Mega WordPress ke Situs Web Anda
Secara default, WordPress tidak memiliki fungsi mega menu. Namun, berkat perpustakaan besar pengaya pihak ketiga, sangat mudah untuk menambahkan menu mega ke situs web WordPress, asalkan Anda memilih alat yang tepat.
Astra Pro adalah salah satu alat tersebut.
Ini memiliki semua fitur yang Anda perlukan untuk menambahkan menu mega ke situs web WordPress Anda.
Seperti yang akan kita lihat, ini juga sangat mudah digunakan.
Cara Membuat Menu Mega WordPress Dengan Astra Pro
Astra Pro adalah add-on premium untuk tema WordPress Astra gratis. Menginstal plugin Astra Pro di situs WordPress menggunakan tema Astra menambahkan semua fungsi yang diperlukan untuk membangun menu mega, ditambah lebih banyak lagi.
Menggunakan Astra Pro berarti Anda tidak hanya mendapatkan akses ke tema yang kuat untuk situs web Anda. Anda juga mendapatkan semua fitur plugin mega menu WordPress premium.
Jika kedengarannya menarik, berikut adalah panduan tentang cara membuat menu mega di situs web WordPress dengan Astra Pro.
Instal Tema Astra
Karena tema Astra tersedia secara gratis, tema itu dapat ditambahkan ke situs web Anda langsung dari dalam Dasbor WordPress Anda.
Untuk memulai, cukup masuk ke dasbor WordPress Anda, lalu klik item menu Appearance > Themes dari panel sidebar kiri.
Selanjutnya, klik tombol Tambah Baru dari halaman Tema.
Sekarang cari Astra dan kemudian klik tombol Install .
Setelah tema diinstal, klik Aktifkan .
Instal Plugin Astra Pro
Untuk menambahkan fitur menu mega ke situs web Anda, Anda juga harus menginstal plugin Astra Pro.
Anda dapat membeli dan mengunduh Astra Pro di sini.
Setelah diunduh ke komputer Anda, Anda dapat mengunggahnya ke dasbor WordPress Anda.
Untuk melakukannya, klik Plugins > Add New dari menu sidebar.
Kemudian klik tombol Upload Plugin dan cari lokasi file plugin Astra Pro.
Sekarang klik tombol Instal Sekarang .
Setelah plugin diinstal, klik Activate dan masukkan lisensi Anda untuk mengaktifkan plugin sepenuhnya.
Aktifkan Modul Menu Nav
Fungsionalitas mega menu Astra Pro terdapat di modul Nav Menu. Untuk membuat menu mega pertama Anda, aktifkan modul ini dari halaman Opsi Astra.
Lakukan itu dengan mengklik Appearance > Astra Options .
Kemudian, dari halaman Astra Options, klik tautan Activate untuk modul Nav Menu.
Buat Menu Mega WordPress
Sekarang saatnya untuk mulai membangun menu mega. Pertama, klik item Appearance > Menus dari menu sidebar.
Jika situs Anda belum memiliki menu yang diatur, masukkan nama di bidang Nama Menu dan pilih lokasi tampilan Menu Utama .
Kemudian klik tombol Buat Menu .
Selanjutnya, tambahkan satu atau beberapa item ke menu dengan memilih halaman atau postingan dari panel di sebelah kiri dan mengklik Tambahkan ke Menu .
Sekarang perluas salah satu item yang baru saja Anda tambahkan, seperti halaman, dan klik tombol Pengaturan Menu Astra .
Dari layar Astra Menu Options yang muncul, centang kotak untuk mengaktifkan menu mega.
Setelah melakukannya, Anda dapat memilih lebar untuk menu mega dari menu tarik-turun.
Anda juga dapat mengatur gambar latar belakang atau warna menu mega.
Jika Anda mengaktifkan gambar latar belakang, Anda juga dapat menentukan bagaimana gambar itu ditampilkan.
Astra Pro juga memungkinkan Anda mengontrol bagaimana tautan di menu mega Anda ditampilkan, memberi Anda opsi untuk mengganti warna menu default situs Anda.
Jika Anda ingin item menu menonjol, Anda juga dapat memberinya label teks khusus, dengan pengaturan warnanya sendiri.
Pilihan lain adalah menggunakan Label Sorotan untuk menambahkan teks tambahan dengan cepat ke item menu Anda.
Jika Anda menambahkan label, itu akan ditampilkan di sebelah item menu yang Anda tambahkan.
Pengaturan lanjutan memungkinkan Anda menyesuaikan margin dan padding item menu.
Menambahkan Submenu ke Menu Mega
Setiap item yang ditambahkan ke menu Anda, seperti tautan halaman, akan menjadi kolom baru di area menu mega dropdown.
Namun, Anda juga dapat menambahkan sub-item ke item tingkat atas tersebut, seperti yang ditunjukkan di bawah ini:
Untuk melakukan ini, tambahkan lebih banyak item ke menu Anda dengan memilihnya dari opsi yang tersedia.
Setelah mengklik tombol Add to Menu untuk menambahkan item ke menu, Anda dapat mengaturnya sehingga menjadi sub-item dari salah satu item teratas.
Anda harus berakhir dengan struktur yang mirip dengan yang ada di tangkapan layar di bawah ini.
Anda dapat mempersonalisasi menu dengan memindahkan item, mengubah properti tampilannya, dan menambahkan label.
Menambahkan Konten Khusus ke Menu Mega
Fungsionalitas mega menu Astra Pro tidak berhenti di situ. Jika Anda ingin menjadi lebih kreatif, Anda dapat menambahkan berbagai konten ke menu mega Anda, termasuk teks khusus, widget, dan template.
Anda dapat menambahkan widget apa pun ke menu mega Anda yang aktif di situs Anda, apakah itu bagian dari WordPress, Astra, atau plugin lain.
Ringkasan
Seperti yang Anda lihat, menambahkan menu mega ke situs web WordPress cukup mudah jika Anda memilih alat yang tepat.
Hanya dalam beberapa klik, Anda dapat mulai meningkatkan menu WordPress Anda sehingga berfungsi seperti yang Anda inginkan.
Apakah Anda ingin menu Anda terlihat lebih baik, atau melayani tujuan Anda dengan lebih baik, menu mega dapat membantu.
Informasi lebih lanjut mengenai fitur ini dapat dilihat di halaman menu mega Astra Pro di website kami.