Elementor ve Stratum ile WordPress Mega Menüsü Nasıl Oluşturulur

Temanıza göre şekillendirilen varsayılan WordPress gezinme menüsü, menü öğeleri olarak sayfaları, gönderileri, kategorileri ve URL'leri kullanmanıza olanak tanır. Bu, sitenizin çevrimiçi varlığınızdan en iyi şekilde yararlanmanıza yardımcı olan merkezi bölümlerinden biri olan menüde özelleştirebilecekleriniz konusunda oldukça sınırlı olduğunuz anlamına gelir.

Farklı site türleri için bu sınırlama farklı anlamlara gelebilir: e-Ticaret mağazaları için daha kötü ürün sunumu, bloglar ve dergiler için en iyi gönderileri daha iyi vurgulama şansının azalması vb.

Bu, WordPress için mega menü eklentilerinin devreye girdiği zamandır.

Alt menülerinize daha çeşitli içerik türleri eklemekle kalmaz, aynı zamanda bu mega menü eklentileri ana menüde küçük özelleştirme ayarları yapmak için de oldukça kullanışlıdır. Örneğin, özel rozetler ve etiketler eklemek, arka plan renklerini değiştirmek vb.

Mega menü ile ilgili her şey, menünüzün neler içerebileceği ve nasıl görünebileceği konusunda size daha fazla özgürlük vermektir.

Bu yazıda, Elementor widget'larını ve gelişmiş özelleştirme araçlarını kullanarak zengin içerikli bir menü oluşturmak için yepyeni eklentimiz WordPress mega menü eklentisi olan Elementor için Stratum Mega Menü eklentisi ile bir WP navigasyon menüsü oluşturma sürecinden geçiyoruz. .

Bu WordPress mega menü eklentisini Stratum adı altında dağıtmamıza rağmen (Stratum, Elementor için ekstra ücretsiz widget'ların bir koleksiyonudur), Mega Menü eklentisi Stratum olmadan çalışır . Stratum ile ilgili olarak, onun Elementor için ürün grubumuzun çözüm dalı olduğunu kastediyoruz.

Bu nedenle, WordPress'te bir mega menü oluşturmak için yalnızca temel Elementor eklentisi ve Stratum Mega Menü eklentisi gereklidir.

Stratum'dan WordPress Mega Menü eklentisi: Sizin için ne var?

Eh, diğer tüm mega menü WordPress Elementor eklentisi gibi, bu da varsayılan WordPress menünüzü 'hacklemek' için birçok fırsat sunuyor.

Eklenti özellikle şunları yapmanıza yardımcı olur:

• Sütunlaştırılmış düzenler de dahil olmak üzere, içeriğinizle birlikte herhangi bir Elementor widget'ını alt menülerde görüntüleyin
• Üst düzey menüye özel etiketler ve simgeler ekleyin
• Üst düzey menünüzün ve alt menülerinizin görsel stilini değiştirin
• Hem dikey hem de yatay gezinme menüleri oluşturun
• Mobil cihazlar için duyarlı menüyü değiştirin
• Alt menünüzün farklı animasyon efektleriyle görünmesini sağlayın.

Şimdi gerçek hayattan örneklerde nasıl çalıştığını görelim ve WordPress mega menü eğitimimizi gözden geçirelim.

Adım 1. Bir menü oluşturun veya seçin

Öncelikle, Stratum Mega Menu eklentisini kurun ve etkinleştirin.

Premium bir çözüm olduğu için size en az 29$'a mal olacak; Aynı zamanda MotoPress Club üyeleri için Mega Menu eklentisini ücretsiz olarak indirmeleri mümkündür.

Eklentiyle çalışmaya başlamak için Elementor önceden kurulmuş ve etkinleştirilmiş olmalıdır.

Her zaman elinizin altında olabilecek kısa bir mega menü öğreticisi var: Görmek için Gösterge Tablosu > Görünüm > Mega Menü'ye gidin.

Bu öğreticinin ilk adımı, Pano > Görünüm > Menüler'e gitmenizi ister.

Menüde, mevcut menüyü seçmeniz (çalışma siteniz ve menünüz varsa) veya varsayılan WordPress araçlarını kullanarak, yani menü öğeleri ekleyerek yeni bir tane oluşturmanız gerekir. Menünüzün adını hatırladığınızdan emin olun!

Adım 2. Üst düzey Elementor menünüzü özelleştirin

Her menü öğesi için simgeler ve rozetler ekleme özelliğini göreceksiniz.

Simgeler

Simgelere gelince, özel SVG simgelerinizi yükleyebilir veya kitaplıktan birini seçebilirsiniz. Bir simge rengi de ayarlayabileceksiniz.

Rozetler

Rozetler için özel metninizi eklemek, metin ve arka plan renkleri uygulamak kolaydır.

Elbette, yalnızca alt menüleri geliştirmek istiyorsanız, bunlardan hiçbirini eklemeyebilirsiniz.

Adım 3. Seçilen menü öğeleri için mega menüler oluşturun

Zengin içerikli bir açılır menü oluşturmak istiyorsanız, Mega Menüyü Etkinleştir kutusunu ve Mega Menüyü Düzenle düğmesini tıkladığınızdan emin olun:

Varsayılan Elementor görsel oluşturucu arayüzü açılacaktır. Burada, seçtiğiniz menü öğesi için bir alt menü oluşturabileceksiniz.

1. Bir bölüm ekleyerek başlayın.

2. Sütunları düzenleyin (gerekirse). Örneğin, alt menüde çok sayıda öğe/sayfa/ürün/görüntü sergilemek istiyorsanız sütunlara ihtiyacınız olabilir.

3. Gerekli arka plan rengini uygulayın (gerekirse).

4. Gerekli Elementor widget'larını sütunlara/sütunlara ekleyin ve Elementor'un stil sekmesi aracılığıyla bu widget'ların görünümünü özelleştirin.

Her widget, türüne bağlı olarak kendi stil ayarlarına sahiptir.

Seçtiğiniz herhangi bir menü öğesi için Elementor ile bir mega menü oluşturabilir, onu tasarlayabilir ve istediğiniz şekilde şekillendirebilirsiniz.

İşiniz bittiğinde, Elementor'da sayfayı güncelleyin > WordPress > Kaydet menüsünde Menü'ye dönün.

Örneğin Stratum'un mega menü eklentisi ile demo amaçlı oluşturduğumuz birkaç örnek üzerinden gidelim. Alt menüde kullanılan farklı Elementor widget'ları ve sütunları vardır:

• Tek sütunlu alt menü: Ayarlanmış simgeler ve bağlantılar içeren Simge listesi widget'ı:

Ve birkaç ayar daha içeren üç sütunlu bir düzen:

• Bir galeri widget'ı:

Stratum'un Masonry galeri widget'ı ile galerilerinize gerçekten süslü ve şık bir görünüm verebilirsiniz.

• Farklı düzenler ve meta bilgi çıktısı tarafından desteklenen alt menülerdeki blog gönderileri:

• WooCommerce widget'ları ve ayrıca kaydırıcı widget'ları tarafından desteklenen alışveriş öğeleri ve ürün sunumu:

WordPress Megamenu demosunda daha fazla örnek görebilirsiniz.

Bu aşamada menünüzün görünümü, Elementor ile ne kadar yaratıcı olabileceğinize ve hangi widget'lara erişiminiz olduğuna bağlıdır.

Adım 4. Varsayılan tema menüsünü bir WordPress mega menüsü ile değiştirin

Elementor'da menü nasıl eklenir?

WordPress temanız tarafından sağlanan varsayılan yerine oluşturduğunuz WordPress megamenu'yu kullanmak için ikincisini gizlemeniz gerekir. Bunu yapmanın en kolay yollarından biri, menü kullanmayan bir Elementor tuval şablonu kullanmaktır:

'Sayfa öznitelikleri' menüsünde gerekli şablonu seçtikten sonra, Elementor düzenleyicisini açın ve sayfaya oluşturduğunuz bir mega menüyü ekleyin:

Ardından oluşturduğunuz menüyü seçin:

Ayrıca, dikey mi yoksa yatay mı olmasını istediğinizi seçin:

Yatay

Dikey

Ayrıca varsayılan alt menü görünümü animasyon efektlerini de uygulayabilirsiniz.

Artık tüm menü için küresel olarak stili özelleştirebilirsiniz. Stratum'un Mega Menu Elementor eklentisi burada oldukça cömert! Örneğin, neyi değiştirebileceğinizi görmek için Stil sekmesine daha yakından bakalım.

Genel menü

• Genişlik, dolgular, kenarlıklar, arka plan türü (klasik veya gradyan)
• Hizalamalar ve gölgeler

Öğe stili (birinci düzey ve iç içe düzeyler)

• Hizalamaları özelleştirebilir, kenarlıklar ekleyebilir ve gerekli kutu gölgesini uygulayabilirsiniz.
• Tipografiyi, metin rengini ve daha fazlasını değiştirin.

Simge ve ok stili

• Aralığı, hizalamayı, boyutu ve rengi değiştirin.

Rozet stili (birinci seviye ve iç içe seviyeler)

• Dolguları, kenar boşluklarını, kutu gölgesini, kenarlık türünü, kenarlık yarıçapını, tipografiyi, arka plan renklerini vb. özelleştirin.

Açılır stil (birinci düzey ve iç içe düzeyler)

• Genişlik seçenekleri

Duyarlı ayarlar

• Mobil cihazlar için isteğe bağlı olarak hamburger menüsünü açın
• Menünün hizalamasını ve stilini değiştirin.

WP mega menüsü, mobil cihazlarda kullanışlı bir Elementor hamburger menüsüne dönüştürülecek:

Gerekli tüm ayarları uyguladıktan ve menünüzden memnun kaldıktan sonra sayfayı kaydetmeniz yeterlidir.

Bu yöntemin tek zorluğu, sitenizin görünmesini istediğiniz her sayfası için manuel olarak ekstra bir prosedür – bu menüde ilginç – yapmanız gerekmesidir.

Ancak bu, ayrı menüler oluşturabileceğiniz için farklı sayfalarda farklı menüler kullanmanıza da olanak tanır. Alternatif olarak, Elementor'un tema oluşturucusu ile özel bir Elementor başlığı oluşturabilir ve özel Elementor menünüzü global olarak daha az çabayla kullanabilirsiniz.

Elementor by Stratum için Yeni WordPress Megamenu eklentisi

Varsayılan tema menüsü stiliyle sizi kilitlemeyin. Teknik uzmanları dahil etmenize gerek kalmadan özel bir Elementor menüsü oluşturmak istiyorsanız, Stratum Mega Menü eklentisi olmazsa olmaz bir çözümdür.

Nispeten uygun fiyatlı, hala çok güçlü ve zengin özelliklere sahip. Menünüzün tam anlamıyla her bölümü için sınırsız özelleştirme özellikleri sağlar, üst düzey bir gezinme menüsünü geliştirmenize ve herhangi bir içeriği en iyi şekilde sunan harika alt menüler oluşturmanıza yardımcı olur.

Video izle