ev borcu WordPress sitesi
WordPress Mega Menü Bloğu İncelemesi: Gutenberg'de Gezinme Menüleri Oluşturun
İçindekiler
Bu yazıda, blok düzenleyicide (Gutenberg) sade ve gelişmiş, tamamen duyarlı gezinme menüleri oluşturmak için ücretsiz bir eklenti olan WordPress Mega Menü bloğuna daha yakından bakıyoruz.
Lütfen dikkat: Tam site WordPress düzenlemesi çekirdekte yayınlandıktan sonra bu Gutenberg gezinme menü bloğundan tam olarak yararlanabilirsiniz.
Bu, şu ana kadar eklentiyi herhangi bir sayfaya bağlantı menüleri yerleştirmek, içeriklerini ve stilini özelleştirmek için kullanabileceğiniz anlamına gelir, ancak şimdiye kadar site gezinme menülerinizi bu WordPress mega menü eklentisiyle tam olarak değiştiremezsiniz.
Eklenti, yerel WordPress gezinme bloğuyla sunulanlara kıyasla size daha fazla esneklik ve özelleştirme araçları sağlamak için tasarlanmıştır.
“Gezinme bloğu şu anda kullanılabilir . Ancak henüz yararlı olduğunu düşünmüyoruz – en azından yaşamak için sezgisel bir yeri olana kadar," Mark Uraine çekirdek blok hakkında belirtti.
Çekirdek WP gezinme bloğuna benzer şekilde, bu WordPress Mega Menü Bloğu eklentisi bazı amaçlar için kullanılır, ancak en azından tam site düzenlemesi yayınlanana kadar küresel gezinme menüsü olarak işlev göremez.
Öyleyse, eklentiyi kurmanıza yardımcı olacak bu WordPress Mega Menü eğitimini inceleyelim.
O nasıl çalışır?
Bu WordPress Mega Menü eğitiminde, bu ücretsiz eklenti ile oluşturabileceğiniz WordPress'teki mega menü türlerini vurgulamaya çalışacağız.
Eklenti, sitenizin herhangi bir yerine bir bağlantı menüsü yerleştirmenize olanak tanır. Menü öğelerini düzenleyebilir ve ilgili sayfalara bağlayabilirsiniz.
Kurulum ve etkinleştirme üzerine eklenti, üst düzey (ana) menüler oluşturmak için iki blok ekler:
- Mega Menü bloğu
- Düz Menü bloğu
Hangisine ihtiyacınız olduğu, oluşturmak istediğiniz alt menünün türüne bağlıdır. Mega Menü bloğu, içinde herhangi bir Gutenberg bloğu bulunan zengin içerikli alt menüler oluşturmanıza olanak tanır. Düz menü bloğu, alt menüler için düz bağlantılar kullanır.
Sizin İçin Manuel Olarak Seçilmiş Yayınlar
Mega Menü bloğuyla bir gezinme menüsü ekleyin
Mega Menü bloğu ile başlayalım.
Bağlantıları tek tek ekleyerek bir gezinme menüsü oluşturabilirsiniz – tek tek bağlantılar eklemek için bir blok ekleyin ve + simgesine basın.
Küresel bağlantı bloğu için özelleştirme paneli şunları değiştirmenize olanak tanır:
- yazı tipi boyutu ve rengi
- üst düzey ve açılır menülerin menü genişliği
- mobil menü görünümü için ayarları uygulayın: isteğe bağlı olarak daha küçük ekranlar için burger menüsünü açın (aslında piksel cinsinden özel bir kesme noktası değeri ayarlayabilirsiniz – navigasyon menünüzün bir burger menüsüne dönüştüğü nokta). Ayrıca özel bir burger geçiş konumu da ayarlayabilirsiniz:
Gördüğünüz gibi site menüleriniz herhangi bir modern ekrana kolayca ayarlanabilir.
Mega Menü gezinme bloğuna alt menüler ekleme
Üst düzey Mega Menü bloğu, üst düzey menülere alt menüler (veya açılır menüler) eklemenizi sağlar.
Mega Menü blok tipi ile alt menü olarak normal linkler veya Gutenberg blokları kullanabilirsiniz.
Normal bir bağlantı eklemek için öncelikle bir Düz menü bloğu ekleyin:
Ardından gerekli herhangi bir bağlantıyı ekleyin:
Başka bir Gutenberg bloğunu alt menünüz olarak kullanmak için, "Alt menü" düğmesine basmanız ve bir blok eklemeniz yeterlidir.
Örneğin, “Rezervasyon Formu” bağlantısını gerçek rezervasyon formu bloğu ile değiştirelim:
İşte burada:
Seçilen blok için mevcut olan ayarlar paneli ile daha da özelleştirebilirsiniz.
En üst düzey Rezervasyon düğmesine tıklandığında, site ziyaretçisinin doğrudan alt menüden rezervasyon yapmasına olanak tanıyan rezervasyon formu görünür:
Bu WordPress Mega Menü bloğu, açılır menülerde herhangi bir çekirdek veya üçüncü taraf bloğu kullanmanıza izin verdiğinden, ne kadar gelişmiş blok ekleyebileceğiniz konusunda bir sınır yoktur.
Örneğin, mülk rezervasyon şablonuyla benim durumumda, hızlı bir önizleme için açılır menüye öne çıkan villalar listesini koyabilirim:
Alt menülerinize resimler, simgeler ve hatta tüm sayfa şablonları ekleyebilirsiniz. Örneğin:
- Sayfa şablonları ekleyin (benimki Getwid WordPress bloklarıyla eklendi – ücretsiz hazır şablonlarla birlikte gelir)
- Blog sayfanız için bir gönderi bandı ekleyin (bu yine Getwid'in işidir)
Burada sınırınız yok! Hangi Gutenberg bloklarını ve eklentilerini kullandığınıza bağlı olarak, menü eklentisi, alt menüye ilgili blokları koymanıza izin verir.
İşte sadece bağlantılar yerine alt menülere eklediğim bloklardan bazıları:
Düz Menü gezinme bloğuna alt menüler ekleme
Düz menü bloğu size yazı tipi ve rengi değiştirme yeteneği gibi bazı temel özelleştirme ayarları sunar:
Bu 'düz' bir menü olduğundan, yalnızca bağlantıları alt menüler olarak ekleyebilirsiniz:
Bununla birlikte, gerektiği kadar seviye ekleyebilirsiniz – bu nedenle, site gezinme menülerinize eklemek istediğiniz tonlarca kategori varsa, eklenti işi yapacaktır.
Bu blok ayrıca yatay menünüzü dikey menüyü dönüştürmenize olanak tanır:
Sonuç: En İyi WordPress Mega Menü Bloğu ile Duyarlı Gezinme Menüleri Oluşturun
Blok düzenleyici için mega menü eklentilerinin seçimi şu anda gerçekten küçük. Ancak bu Mega Menü WordPress blok eklentisi, muhtemelen WordPress kullanıcılarının ücretsiz olarak oynamaya başlayabilecekleri en iyi menü eklentisidir.
Bu en iyi mega menü WordPress, farklı alt menü seviyelerine sahip karmaşık gezinme menüleri oluşturmanıza, alt menülere herhangi bir Gutenberg bloğu eklemenize, WordPress sitenizin genel gezinmesini iyileştirmek için dikey ve yatay menüler oluşturmanıza kesinlikle hizmet edecektir.
Bu gezinme menü bloğunu tam site düzenleme seçenekleri olmadan kullanabilir miyim?
Mark Uraine'in dediği gibi – blok kullanılabilir, ancak kullanışlı değil, yani tam site düzenleme dışında düzenleme ortamında bundan tam olarak yararlanamazsınız. Nisan 2021'den itibaren bu bloğu, gezinme menüleri yerine bir sayfanın içerik alanında bir tür gezinme menüsü oluşturmak için kullanabilirsiniz.
Mega Menü bloğu ile Düz Menü bloğu arasındaki fark nedir?
Her ikisi de üst düzey ana bloklardır; bu, onlara alt sayfalar ekleyebileceğiniz anlamına gelir. Ancak mega menü bloğu, içinde herhangi bir WordPress bloğu bulunan zengin içerikli alt menüler oluşturmanıza izin verirken, düz menü bloğu alt menülerde düz bağlantılara izin verir.
Böyle bir menü mobil cihazlarda iyi görünecek mi?
Bu menü türü için özel duyarlı ayarlar vardır, böylece ekranlarda hangi genişlikte görüneceklerini ayarlayabilir ve daha mobil uyumlu bir hamburger menü simgesine dönüşebilirsiniz.