Loncat ke Konten Utama

Cara membuat menu mega di Divi

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 701.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Menu mega memungkinkan pengguna untuk melihat lebih banyak tautan sekaligus tanpa harus menggulir, mengarahkan, dan mengingat konten menu Anda. Cara terbaik untuk memahami mega menu adalah bahwa mereka adalah menu drop down dalam menu drop down.

Jadi, alih-alih menu drop-down normal Anda yang menampilkan sub-menu saat Anda mengarahkan kursor ke tautan induk utama Anda di bilah navigasi, menu mega memungkinkan Anda memiliki tautan dan sub-menu induk tambahan di menu tarik-turun.

Bagaimana cara menambahkan menu mega ke bilah navigasi Anda

Masuk ke dasbor WordPress Anda dan arahkan ke Penampilan> Menu .

menu wordpress divi.png

Buat menu dengan empat tautan induk dengan masing-masing tautan induk memiliki tautan submenu mereka sendiri. Pada contoh di bawah, saya menambahkan tiga item submenu di bawah masing-masing dari empat tautan menu induk.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

menu divi.png

Buat tautan tambahan untuk berfungsi sebagai tautan mega-menu. Untuk contoh di bawah ini, saya menyebut tautan ini "Utama". Kemudian seret dua tautan menu induk (masing-masing dengan tautan submenu mereka) di bawah tautan Utama.

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Sekarang untuk membuat Megamenu, Anda perlu menambahkan kelas CSS khusus ke tautan utama tingkat atas yang disebut "Utama". Anda dapat melakukan ini dengan mengklik link opsi layar di bagian atas halaman Anda dan memastikan opsi kelas CSS dicentang.

kelas css divi.png

Terakhir, Anda perlu menambahkan kelas CSS ke link "Utama" yang baru saja Anda buat. Klik panah di sebelah kanan item menu "Utama" untuk mengubah opsi konfigurasi tambahan. Temukan kotak teks berjudul Kelas CSS dan masukkan kelas "mega-menu".

mega menu divi.png

Sekarang, ketika Anda memuat ulang halaman Anda, Anda dapat melihat bahwa semua menu sebelumnya telah ditempatkan di menu raksasa di bawah tautan ini, Menu Mega.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

mega menu divi example.png

Itu saja untuk tutorial ini, saya harap ini memungkinkan Anda membuat menu mega di Divi dengan mudah.

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
13 saham
saham6
menciak
Register7