Ana İçeriğe Geç

Divi'de mega menüler nasıl oluşturulur

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Mega menüler, kullanıcıların menü içeriğinizi kaydırmak, üzerine gelmek ve hatırlamak zorunda kalmadan aynı anda daha fazla bağlantı görmesini sağlar. Mega menüleri anlamanın en iyi yolu, açılır menüler içindeki açılır menüler olmaları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.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

menu divi.png

Mega menü bağlantısı olarak hizmet etmek için ek bir bağlantı oluşturun. Aşağıdaki örnek için bu bağlantıyı “Ana” olarak adlandırıyorum. Ardından iki ana menü bağlantısını (her biri kendi alt menü bağlantılarıyla birlikte) Ana bağlantının altına sürükleyin.

Şimdi Megamenünüzü oluşturmak için, “Ana” adlı üst düzey ana bağlantıya özel bir CSS sınıfı eklemeniz gerekiyor. 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 gerekiyor. Ek yapılandırma seçeneklerini değiştirmek 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ına 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 Divi'de kolaylıkla mega menü oluşturmanıza izin verir.

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
13 hisseleri
hisse6
cıvıltı
Enregistrer7