WordPress Sitenize Mega Menü Nasıl Eklenir (Adım Adım)

WordPress sitenize bir mega menü mü eklemek istiyorsunuz?

Mega Menüler düzinelerce hatta yüzlerce bağlantıyı kullanıcı dostu sütunlar ve satırlar halinde düzenlemenize olanak tanır. Daha sonra mega menülerinizi daha da faydalı hale getirmek ve kullanıcı deneyimini iyileştirmek için resimler ve videolar gibi zengin içerikler ekleyebilirsiniz.

Bu makalede, WordPress web sitenize nasıl kolayca bir mega menü ekleyebileceğinizi adım adım göstereceğiz.

WordPress Sitenize Neden Mega Menü Eklemelisiniz?

WordPress, açılır menüler, başlık menüleri ve daha fazlası dahil olmak üzere her türlü menüyü oluşturmak için kullanabileceğiniz bir sürükle ve bırak oluşturucu ile birlikte gelir. WordPress temalarında özel navigasyon menüleri oluşturmanızı sağlayan eklentiler bile vardır.

Ancak sitenizde çok fazla içerik varsa bunun yerine bir mega menü oluşturmanız gerekebilir. Bu, standart WordPress menü yapısına çok sütunlu açılır menüler eklemenize olanak tanır.

Mega menüleri içeriğinizi farklı başlıklar ve alt başlıklar altında düzenlemek için kullanabilirsiniz, böylece ziyaretçiler aradıklarını hızlı bir şekilde bulabilirler. Örneğin, bir online pazar yeri oluşturuyorsanız, tüm ürün kategorilerinizi ve alt kategorilerinizi bir mega menüde düzenleyebilirsiniz.

Mega menüler ziyaretçilerinize video, metin, arama ve son gönderiler gibi zengin içerikler de gösterebilir.

Ayrıca mega menülerin taranmasını kolaylaştıran resimler de ekleyebilirsiniz.

Bununla birlikte, WordPress web sitenize nasıl kolayca bir mega menü ekleyebileceğinizi görelim.

WordPress Siteniz için Mega Menü Nasıl Oluşturulur?

WordPress sitenize bir mega menü eklemenin en kolay yolu Max Mega Menu kullanmaktır. Bu eklenti, mega menülerinize videolar, resim galerileri, arama ve daha fazlası dahil olmak üzere zengin içerik eklemenize olanak tanır.

Bu sayede daha ilgi çekici ve faydalı menüler oluşturabilirsiniz.

Ayrıca farklı renkler ekleyerek, yazı tipi boyutunu değiştirerek ve farklı simgeler kullanarak menü stilini değiştirebilirsiniz.

Öncelikle eklentiyi yüklemeniz ve etkinleştirmeniz gerekir. Yardıma ihtiyacınız varsa, lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

WordPress Web Sitenizde Mega Menüleri Etkinleştirme

Etkinleştirmenin ardından, bir mega menü ekleyebileceğiniz tüm farklı alanları görmek için WordPress kontrol panelinden Mega Menü ” Menü Konumları sayfasına gidin.

WordPress temanıza bağlı olarak farklı seçenekler görebilirsiniz.

Başlangıç olarak, kullanmak istediğiniz her konumda mega menüleri etkinleştirmeniz gerekir.

Bunu yapmak için, bir konumu genişletmek için tıklamanız ve ardından ‘Etkin’ kutusunu işaretlemeniz yeterlidir.

Bundan sonra, mega menüyü açacak olan ‘Etkinliği’ değiştirebilirsiniz.

Varsayılan ayar ‘Hover intent’tir, yani ziyaretçinin tetiklemek için faresini birkaç saniye boyunca mega menünün üzerine getirmesi gerekir. Bu çoğu WordPress web sitesi için iyi çalışır, ancak ‘Efekt’ açılır menüsünü açıp bunun yerine ‘Üzerine Gel’ veya ‘Tıkla’yı da seçebilirsiniz.

‘Tıkla’yı seçerseniz ziyaretçinin mega menüyü keşfetmek için tıklaması gerekecektir. Ziyaretçilerin yanlışlıkla menüyü tetikleyebileceğinden endişeleniyorsanız bu yararlı olabilir, bu da sinir bozucu olabilir.

Bu arada, ‘Hover’, ziyaretçi faresini üzerine getirdiğinde mega menünüzü açacaktır. Bu, ziyaretçileri sitenizin farklı alanlarını keşfetmeye teşvik edebilir, bu nedenle ‘Hover’ı açılış sayfalarında veya web sitenizin ana sayfasında kullanmak isteyebilirsiniz.

Bu kararı verdikten sonra, ‘Efekt’ ayarlarını kullanarak menünün nasıl açılacağını değiştirebilirsiniz.

Max Mega Menü, solma ve yukarı kaydırma dahil olmak üzere deneyebileceğiniz farklı animasyonlara sahiptir. Animasyonun hızını da değiştirebilirsiniz. Farklı animasyonlar deneyerek ziyaretçinin dikkatini çeken bir mega menü oluşturabilirsiniz.

Herhangi bir animasyon kullanmak istemiyorsanız, ilk açılır menüyü açın ve ‘Yok’ seçeneğini seçin.

Akıllı telefonlar ve tabletler genellikle daha az işlem gücüne sahip olduğundan, Mega Menü varsayılan olarak mobil cihazlarda animasyon kullanmaz. Ancak, mobil ziyaretçiler için benzersiz bir animasyon oluşturmak istiyorsanız, ‘Efekt (Mobil)’ alanındaki ayarları kullanabilirsiniz.

Mega menülerinizi mobil cihazlarda test etmek istiyorsanız, WordPress sitelerinin mobil sürümünü masaüstünden nasıl görüntüleyeceğinize ilişkin kılavuzumuza göz atın.

‘Etkinlik’ açılır menüsünden ‘Tıklama’yı seçtiyseniz, daha sonra ‘Gelişmiş’ sekmesini seçtiğinizden emin olun.

Burada, ziyaretçi mega menünüze tıkladığında ne olacağını tanımlamak için ‘Tıklama Olayı Davranışı’nı kullanabilirsiniz. Örneğin, ikinci tıklama menüyü kapatabilir veya yeni bir bağlantı açabilir.

Bakabileceğiniz daha fazla ayar var, ancak bu çoğu WordPress blogu ve web sitesi için yeterli olacaktır.

Eklentinin yapılandırılma şeklinden memnun olduğunuzda, ‘Değişiklikleri Kaydet’e tıklayın.

Daha fazla konum için mega menüleri etkinleştirmek için yukarıda açıklanan aynı süreci takip etmeniz yeterlidir.

Mega Menülerin Web Sitenizde Nasıl Görüneceğini Özelleştirme

Bir sonraki adım, mega menülerin web sitenizde nasıl görüneceğini yapılandırmaktır.

Bunu ekranın solundaki ‘Menü Temaları’ sekmesini seçerek yapabilirsiniz.

Bu ekranda ok simgelerinin yönünü değiştirebilir, farklı bir çizgi yüksekliği kullanabilir, gölge ekleyebilir ve daha fazlasını yapabilirsiniz.

Ayarlarınızdan memnun olduğunuzda, ‘Değişiklikleri Kaydet’e tıklamayı unutmayın.

Bu değişiklikleri herhangi bir noktada kaldırmak isterseniz, ‘Widget Stilini Sıfırla’ kutusunu işaretlemeniz ve ardından ‘Değişiklikleri Kaydet’e tıklamanız yeterlidir.

Ardından, menü varsayılan, daraltılmış durumdayken ziyaretçilerin gördüğü çubuk olan menü çubuğunu özelleştirebilirsiniz.

Bu değişiklikleri yapmak için ‘Menü Çubuğu’ sekmesine tıklayın ve ardından arka plan rengini, dolguyu, kenarlık yarıçapını ve daha fazlasını değiştirmek için ayarları kullanın.

‘Menü Arka Planı’ bölümünde iki farklı renk seçerek bir renk gradyanı bile oluşturabilirsiniz.

Aşağı kaydırırsanız, üst düzey menünün nasıl görüneceğini değiştirebilirsiniz.

Bu, mega menü daraltılmış durumdayken görülebilen ilk öğe sırasıdır.

Çok önemli oldukları için, üst düzey menü öğelerini öne çıkarmak isteyebilirsiniz.

Örneğin, aşağıdaki resimde farklı bir arka plan rengi kullanıyoruz.

‘Vurgulama Durumu’ bölümünde o anda seçili olan üst düzey menü öğesini vurgulayabilirsiniz.

Örneğin, aşağıdaki resimde bir alt çizgi efekti kullanıyoruz.

Bu, ziyaretçinin menüde nerede olduğunu görmesine yardımcı olabilir, bu da özellikle büyük mega menülere sahip olması gereken siteler için kullanışlıdır.

Üzerine gelme durumu eklerseniz, ekranın en altına gidin ve ‘Geçerli Öğeyi Vurgula’ kutusunu işaretleyin.

Bundan sonra, alt menünün nasıl görüneceğini değiştirebilirsiniz.

Bu, aşağıdaki resimde görebileceğiniz gibi, üst düzey bir ebeveynin altında görünen menüdür.

Alt menüyü özelleştirmek için ‘Mega Menüler’ sekmesine tıklayın.

Artık bu ayarları kullanarak alt menünün arka plan rengini değiştirebilir, kavisli köşeler oluşturmak için yarıçapı artırabilir, dolgu ekleyebilir ve daha fazlasını yapabilirsiniz.

Widget’ları kullanarak mega menülerinize içerik eklersiniz. Örneğin, bir Galeri widget’ı ekleyebilir ve en popüler WooCommerce ürünlerinizi görüntüleyebilir veya mega menünün içine bir etiket bulutu yerleştirebilirsiniz. Bu widget’lar ekstra bilgi sağlayabilir veya ziyaretçileri belirli menü öğelerine tıklamaya teşvik edebilir.

‘Widget’lar’ bölümüne giderek bu widget’ların nasıl görüneceğini özelleştirebilirsiniz. Örneğin, widget başlığının rengini değiştirebilir, yazı tipi boyutunu artırabilir, dolgu ekleyebilir ve hizalamayı ayarlayabilirsiniz.

Bu ekranda, ikinci seviye menü öğelerinin ve üçüncü seviye menü öğelerinin web sitenizde, blogunuzda veya çevrimiçi pazar yerinizde nasıl görüneceğini de özelleştirebilirsiniz. Bunlar üst düzey menü öğelerinin alt öğeleridir.

Menülerinizi oluştururken, iç içe geçmiş bir mega menü oluşturmak için dört veya daha fazla seviye eklemek mümkündür. Bunu yaparsanız, WordPress sonraki tüm seviyeler için sadece üçüncü seviye stilini kullanacaktır.

Bunu aşağıdaki resimde iş başında görebilirsiniz. İkinci seviyede kırmızı metin vardır ve hem üçüncü hem de dördüncü seviyelerde aynı mavi metin kullanılır.

Menünün nasıl ayarlandığından memnun olduğunuzda, ‘Değişiklikleri Kaydet’e tıklamayı unutmayın.

WordPress Sitenize Mega Menü Nasıl Eklenir?

Mega menüyü özelleştirmeyi tamamladıktan sonra, web sitenize eklemenin zamanı geldi.

Yönetici kenar çubuğundan Görünüm ” Menüler sayfasına gitmeniz yeterlidir.

Mevcut bir menüyü mega menüye dönüştürmek istiyorsanız, ‘Düzenlemek için bir menü seçin’ açılır menüsünü açın ve listeden seçin. Seçtiğiniz menünün mega menü özelliğini etkinleştirdiğiniz bir konuma atanmış olması gerektiğini unutmayın.

Sıfırdan başlamak istiyorsanız, ‘Yeni bir menü oluştur’ seçeneğine tıklayın ve ardından yeni mega menünüz için bir başlık yazın.

Daha sonra kullanmak istediğiniz konumu seçebilir ve ‘Menü Oluştur’a tıklayabilirsiniz. Bir kez daha, bu mega menüleri etkinleştirdiğiniz bir konum olmalıdır.

WordPress Menünüze İçerik Ekleme

Bundan sonra, tüm sayfaları, yazıları, WooCommerce ürünlerini ve mega menüye dahil etmek istediğiniz diğer içerikleri ekleyin. Adım adım talimatlar için lütfen WordPress’te navigasyon menüsünün nasıl ekleneceğine ilişkin başlangıç kılavuzumuza bakın.

Ardından, öğelerinizi mega menüde kullanmak istediğiniz ana ve alt menüler şeklinde düzenlemeniz gerekir. Bir alt menü oluşturmak için, bir öğeyi üst öğenin altına sürükleyin ve ardından bırakmadan önce hafifçe sağa sürükleyin.

Birden fazla seviye oluşturmak için öğeleri sağa sürüklemeye devam edin, böylece birbirlerinin altında girintili olarak görünürler. Bu, WordPress’te bir açılır menü oluşturmaya benzer.

Mega Menü Özelliğini Etkinleştirin

Tamamlandığında, ‘Maksimum Mega Menü Ayarları’nı genişletmek için tıklayın ve ‘Etkinleştir’in yanındaki kutuyu işaretleyin.

Bu kutuda, varsayılan mega menü ayarlarını da geçersiz kılabilirsiniz. Bu, WordPress web sitenizin farklı alanları için benzersiz mega menüler oluşturmanıza olanak tanır, bu nedenle devam edin ve istediğiniz değişiklikleri yapın.

Bundan sonra, ‘Kaydet’e tıklayın.

Mega Menü Düzenini Oluşturma

Şimdi, farenizi ilk üst düzey öğenin üzerine getirin ve yeni bir ‘Mega Menü’ düğmesi göreceksiniz. Devam edin ve düğmeye tıklayın.

Şimdi bu üst düzey öğe için tüm ayarları göreceksiniz.

Varsayılan olarak, Max Mega Menü, alt menülerin yandan ‘açıldığı’ açılır pencere stilini kullanacaktır. Bunun yerine bir mega menü oluşturmak için ‘Alt menü görüntüleme modu’ açılır menüsünü açın ve ‘Standart Düzen’ ya da ‘Izgara Düzeni’ni seçin.

Standart düzen tüm alt menüleri sütunlar halinde gösterir.

Bu arada, ızgara düzeni alt menü öğelerini sütunlar ve satırlar halinde düzenlemenize olanak tanır.

Bu, çevrimiçi mağazanızdaki tüm dijital ürünler gibi çok sayıda içerik göstermek istiyorsanız veya aklınızda çok özel bir düzen varsa idealdir.

Standart veya ızgara düzenini seçtikten sonra, bu üst öğeye atanmış tüm alt menüleri göreceksiniz.

Şimdi, devam edebilir ve bu öğelerin mega menüde nasıl düzenlendiğini değiştirebilirsiniz.

Standart düzeni kullanıyorsanız, sağ üst köşedeki açılır menüyü kullanarak sütun sayısını değiştirebilirsiniz.

Bir ızgara düzeni kullanıyorsanız, ‘+Sütun’ ve ‘+Satır’ düğmelerini kullanarak sütun ve satır ekleyebilirsiniz.

Düzenden memnun olduğunuzda, sürükle ve bırak yöntemini kullanarak alt menü öğelerini farklı sütun ve satırlar halinde düzenleyebilirsiniz.

Bundan sonra, her bir öğenin sütunda ne kadar yer kaplayacağını değiştirmenin zamanı geldi. Max Mega Menu, mevcut boyutu toplam kullanılabilir genişliğin bir kısmı olarak gösterir.

Örneğin, aşağıdaki görüntüde her iki sütun da mevcut alanın yarısını kaplar.

Bir öğenin boyutunu değiştirmek için, kesri büyütmek veya küçültmek üzere ok düğmelerine tıklamanız yeterlidir.

Mobil Uyumlu Mega Menü Oluşturma (Yalnızca Izgara Düzeni)

Varsayılan olarak, Max Mega Menü masaüstü ve mobil cihazlarda aynı içeriği gösterecektir. Akıllı telefonlar ve tabletler genellikle daha küçük ekranlara sahip olduğundan ve yatay olarak kaydırmak zor olabileceğinden, bu ızgara düzenlerinde bir sorun olabilir.

Izgara düzenini kullanıyorsanız mobil cihazlar için farklı mega menüler oluşturabilirsiniz. Örneğin, kullanıcıların yatay olarak kaydırmak zorunda kalmaması için daha az sütun kullanabilirsiniz. Bu şekilde mobil cihazlar için hazır bir WordPress menüsü oluşturabilirsiniz.

Küçük bir cep telefonuna benzeyen ‘Mobilde gizli’ simgesini kullanarak tüm sütunları veya satırları gizleyebilirsiniz.

Masaüstü ve mobil cihazlarda farklı içerikleri gizlemek ve göstermek için simgeyi açıp kapatmanız yeterlidir.

Mega Menü Widget’ları ile Zengin İçerik Ekleyin

Bunu yaptıktan sonra mega menüye widget eklemeye başlayabilirsiniz. Bu, alt menüde son yorumlar, videolar, galeriler ve daha fazlası gibi ekstra içerik göstermenizi sağlar.

Örneğin, çevrimiçi mağazanızdaki bir satışı tanıtmak veya en yeni ürünlerinizi öne çıkarmak için görseller kullanabilirsiniz.

Bir widget eklemek için, ‘Bir widget seçin….’ açılır menüsünü açmak üzere tıklamanız yeterlidir.

Artık listeden bir widget seçebilirsiniz.

WordPress widget’ı otomatik olarak bir sütuna veya satıra ekleyecektir, ancak sürükle ve bırak özelliğini kullanarak yeni bir konuma taşıyabilirsiniz.

Widget’ı yapılandırmak için devam edin ve küçük İngiliz anahtarı simgesine tıklayın.

Bu, widget’a içerik ekleyebileceğiniz ve ayarlarını değiştirebileceğiniz bir açılır pencere açar.

Oluşturduğunuz widget türüne bağlı olarak farklı seçenekler göreceksiniz. Örneğin, mega menüye bir sesli müzik çalar widget’ı eklerseniz, bir ses parçası yükleyebileceğiniz ayarları görürsünüz.

Tüm widget’lar, widget’ın üzerinde görünecek metni ekleyebileceğiniz bir ‘Başlık’ alanına sahiptir.

İşiniz bittiğinde, değişikliklerinizi kaydetmek için ‘Kaydet’e tıklayın ve ardından ‘Kapat’ı seçin. Mega menüye daha fazla widget eklemek için yukarıda açıklanan aynı süreci takip etmeniz yeterlidir.

Varsayılan Mega Menü Ayarlarını Gözden Geçirin

Ardından, ‘Ayarlar’ sekmesine tıklayın.

Burada, alt menüde farklı içerikleri gizlemek veya göstermek için onay kutularını kullanabilirsiniz.

Ayrıca mobil cihazlarda ve masaüstü bilgisayarlarda alt menüyü gizleyebilir veya gösterebilir ve hizalamayı değiştirerek alt menünün üst düzey üst menünün solunda veya sağında açılmasını sağlayabilirsiniz.

Varsayılan ayarlarda herhangi bir değişiklik yaparsanız, ‘Değişiklikleri Kaydet’ seçeneğine tıklamayı unutmayın.

WordPress Mega Menüsüne Resim Simgeleri Ekleme

Görsel simgeler, ziyaretçilerin navigasyon etiketini okumalarına bile gerek kalmadan bir menü öğesinin ne hakkında olduğunu anlamalarına yardımcı olur. Bu, özellikle ziyaretçilerin her bir navigasyon etiketini okumak yerine içeriği hızlıca taramayı tercih edebileceği büyük menüler için kullanışlıdır.

En önemli içeriği öne çıkarmak için simgeleri kullanabilirsiniz. Örneğin, ‘Ödeme’ menüsüne bir sepet simgesi ekleyerek ziyaretçileri satın alma işlemlerini tamamlamaya teşvik edebilirsiniz.

Gezinti menünüze resim simgeleri eklemek için ‘Simge’ sekmesine tıklayın.

Artık yerleşik kütüphaneden herhangi bir çizgi simgesi seçebilir veya kendi resminizi kullanabilirsiniz. Max Mega Menu Pro’ya yükseltirseniz, diğer simge yazı tiplerine, Genericons’a ve FontAwesome’a da erişebilirsiniz.

WordPress Sitenizde Mega Menü Yapılandırmasını Bitirin

Tüm bu ayarlar üzerinde çalıştıktan sonra, ana Görünüm ” Menüler sayfasına dönmek için açılır pencereyi kapatabilirsiniz.

Şimdi bu işlemi her bir üst düzey ebeveyn için tekrarlayabilirsiniz.

Mega menünün kurulumundan memnun olduğunuzda, canlı hale getirmek için Menüyü Kaydet düğmesine tıklayın.

Şimdi, mega menüyü çalışırken görmek için web sitenizin ön ucunu ziyaret edin.

Umarız bu makale WordPress sitenize nasıl mega menü ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, en iyi sürükle ve bırak WordPress sayfa oluşturucuları ve blog trafiğinizi nasıl artıracağınızla ilgili adım adım kılavuzumuzu da inceleyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.