Loncat ke Konten Utama

Cara membuat menu mega di Divi

Divi: Tema WordPress terbaik sepanjang masa!

lebih 554.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 melihat lebih banyak tautan sekaligus tanpa harus menggulir, terbang di atas, dan mengingat isi menu Anda. Cara terbaik untuk memahami menu mega adalah bahwa mereka adalah menu drop-down di menu drop-down.

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

Cara menambahkan menu mega ke bilah navigasi Anda

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

menu wordpress divi.png

Buat menu dengan empat tautan induk dengan masing-masing tautan orang tua yang 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 blog Anda dengan mudah dengan SiteGround

SiteGround memungkinkan Anda membuat blog WordPress hanya dengan beberapa klik. Nama domain gratis, hosting aman, SSL, transfer, dan banyak lagi ... [Direkomendasikan]

menu divi.png

Buat tautan tambahan untuk melayani sebagai tautan megamen. Untuk contoh di bawah ini, saya menyebut tautan ini "Utama". Lalu seret kedua tautan menu induk (masing-masing dengan tautan submenunya) di bawah tautan Utama.

Buat Toko Online Anda dengan mudah

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

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 pada tautan opsi layar di bagian atas halaman Anda dan memastikan opsi kelas CSS dicentang.

kelas css divi.png

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

mega menu divi example.png

Itu saja untuk ini TutorielSaya harap ini akan memungkinkan Anda untuk membuat menu mega Divi dalam semua kesederhanaan.

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
14 saham
saham6
menciak2
Register6
Ada apa