Loncat ke Konten Utama

Cara membuat menu mega di Divi

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

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

Menu besar memungkinkan pengguna melihat lebih banyak tautan dalam satu waktu tanpa harus menggulir, mengarahkan, dan mengingat konten menu Anda. Cara terbaik untuk memahami menu mega adalah bahwa itu adalah menu drop-down di menu drop-down.

Jadi, alih-alih menu drop-down normal Anda yang menampilkan submenu ketika Anda mengarahkan mouse ke tautan induk utama Anda di bilah navigasi, menu mega memungkinkan Anda untuk memiliki tautan dan sub-menu tambahan dari menu drop-down.

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. Dalam contoh di bawah ini, 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 dijadikan tautan megamen. 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, Anda perlu menambahkan kelas CSS khusus ke tautan utama tingkat atas yang disebut "Utama". Anda dapat melakukan ini dengan mengklik tautan opsi layar di bagian atas halaman Anda dan memastikan opsi kelas CSS dicentang.

kelas css divi.png

Terakhir, Anda perlu menambahkan kelas CSS ke tautan "Utama" yang baru saja Anda buat. Klik panah di sebelah kanan item menu "Utama" untuk beralih opsi konfigurasi tambahan. Temukan kotak teks berlabel 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 akan memungkinkan Anda untuk 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