Mega menüler, kullanıcıların kaydırmaya, fareyle üzerine gelmeye ve hatırlamaya gerek kalmadan tek seferde daha fazla bağlantı görmesine olanak tanır. içindekiler menünüzden. Mega menüleri düşünmenin en iyi yolu, bunların açılır menüler içindeki açılır menüler olmasıdır.

Dolayısıyla, gezinme çubuğunuzdaki ana ana bağlantılarınızın üzerine geldiğinizde bir alt menü gösteren normal açılır menünüz yerine, bir mega menü, açılır menüde ek ana bağlantılara ve alt menülere sahip olmanızı sağlar.

Gezinme çubuğunuza bir mega menü nasıl eklenir

WordPress panonuza giriş yapın ve Görünümler> Menüler .

wordpress menu Instagram Hesabındaki Resim ve Videoları divi.png

Her birinin kendi alt menü bağlantılarına sahip olduğu dört ana bağlantı içeren bir menü oluşturun. Aşağıdaki örnekte, dört ana menü bağlantısının her birinin altına üç alt menü öğesi ekliyorum.

menu divi.png

Mega menü bağlantısı olarak hizmet verecek ek bir bağlantı oluşturun. Aşağıdaki örnek için bu bağlantıya "Ana" diyorum. Sonra iki ana menü bağlantısını (her biri alt menü bağlantılarına sahip) Ana bağlantının altına sürükleyin.

Şimdi Megamenu'nuzu oluşturmak için, "Ana" adlı üst düzey ana bağlantıya özel bir CSS sınıfı eklemeniz gerekir. Bunu, sayfanızın üst kısmındaki ekran seçenekleri bağlantısına tıklayarak ve CSS sınıfı seçeneğinin işaretli olduğundan emin olarak yapabilirsiniz.

css sınıfları divi.png

Son olarak, az önce oluşturduğunuz "Ana" bağlantıya bir CSS sınıfı eklemeniz gerekir. Ek yapılandırma seçenekleri arasında geçiş yapmak için "Ana" menü öğesinin sağındaki oka tıklayın. CSS Sınıfları başlıklı metin kutusunu bulun ve "mega-menü" sınıfını girin.

mega menu Instagram Hesabındaki Resim ve Videoları divi.png

Şimdi, sayfanızı yeniden yüklediğinizde, önceki tüm menülerin bu bağlantının altındaki Mega Menüye yerleştirildiğini görebilirsiniz.

mega menu divi örnek.png

Hepsi bu eğitim için, umarım bir mega menü oluşturmanıza izin verir. Divi kolaylıkla.