JetMenu, Elementor'da Mega Menü Oluşturmak için Harika Bir Eklenti

Elementor, WordPress sitenizde bir mega menü oluşturmak için varsayılan bir widget'a veya özelliğe sahip değildir. Elementor destekli bir WordPress sitesinde bir mega menü oluşturmak istiyorsanız, bir eklenti yükleyebilirsiniz. JetMenu, Elementor'da bir mega menü oluşturmak için kullanabileceğiniz eklentilerden biridir. JetMenu ne kadar iyi? Cevabı bulmak için okumaya devam edin.

Elementor'un kendisinde, özel başlığınıza bir menü eklemek için kullanabileceğiniz bir widget – Nav Menu widget'ı vardır. Ancak, bu widget'ın mega menü oluşturma özelliği yoktur.

JetMenu hakkında kısa bir giriş

Elementor'da bir mega menü oluşturmak istiyorsanız JetMenu harika bir eklentidir. Tıpkı Elementor gibi, JetMenu ile bir mega menü oluşturmak için tek bir kod satırına dokunmanız gerekmez. Elementor'un görsel düzenleyicisini kullanarak mega menünüzün içeriğini ekleyebilir ve düzenleyebilirsiniz (Elementor'da yeniyseniz, Elementor'u nasıl kullanacağınızı öğrenmek için yazdığımız başlangıç ​​kılavuzunu okuyabilirsiniz). Ayrıca, tuval dışı bir menü oluşturmak için JetMenu'yu da kullanabilirsiniz. JetMenu, özel başlığınıza bir menü eklemek için kullanabileceğiniz üç widget ekler:

• Mega Menü
• Dikey Mega Menü
• Hamburger Menüsü (tuval dışı bir menü oluşturmak için bu widget'ı kullanabilirsiniz)

JetMenu, Crocoblock tarafından geliştirilen bir dizi Elementor eklentisi olan JetPlugins'in bir parçasıdır.

JetMenu'yu kullanmak için Elementor pro gerekli midir?

JetMenu'yu Elementor Free'de kullanabilirsiniz, ancak Elementor Free'nin özel bir başlık oluşturma yeteneği olmadığından özel bir başlık oluşturma yeteneğine sahip bir eklentiye ihtiyacınız vardır (Elementor Free ile Elementor Pro arasındaki farkları okuyun). JetThemeCore, özel bir başlık oluşturmak için kullanabileceğiniz eklentilerden biridir.

Elementor'da bir mega menü oluşturmak için JetMenu nasıl kullanılır?

Başlamadan önce, Elementor'da nasıl özel bir başlık oluşturulacağını zaten bildiğinizi varsayıyoruz. Henüz bir fikriniz yoksa, onu kapsayan ayrı bir makalemiz var. Bu yazıda, doğrudan başlığa bir menü eklemeye gideceğiz. Ayrıca, WordPress sitenizde en az bir mevcut menünüz olduğundan emin olun. İşte oluşturduğumuz mega menü örneği.

JetMenu kullanılarak oluşturulan mega menülerin daha fazla örneğini Crocoblock'un resmi sitesinde görebilirsiniz.

Öncelikle, Elementor ile yeni bir özel başlık oluşturun (veya mevcut bir başlığı düzenleyin). Başlık bölümüne Mega Menü widget'ını (veya dikey bir mega menü oluşturmak istiyorsanız Dikey Mega Menü'yü) ekleyin. Sol panele gidin ve İçerik sekmesinin altındaki Menü bloğunda bulunan Menü Seç açılır menüsünden eklemek istediğiniz menüyü seçin.

Menünüzü şekillendirmek için Stil sekmesine gidebilirsiniz. Bunu daha sonra mega menü oluşturulduktan sonra yapabilirsiniz. Şimdilik, WordPress kontrol panelinizde Görünüm -> Menüler'e gidin. Düzenlenecek bir menü seçin. Menüyü yukarıdaki adımda belirlediğiniz menüye göre seçtiğinizden emin olun. Menü öğeleri ekle panelinde, JetMenu Ayarları bloğunu açın ve Geçerli konum için JetMenu'yu Etkinleştir seçeneğini etkinleştirin.

Menü yapısı panelinde, farenizi mega menü öğesi olarak ayarlamak istediğiniz bir menü öğesinin üzerine getirin ve JetMenu düğmesini tıklayın.

Görünen pencerede, Mega İçerik sekmesindeki Mega Menü Öğesi İçeriğini Düzenle düğmesini tıklayın. Bu, mega menü içeriğini mega menü öğesine ekleyebileceğiniz Elementor düzenleyicisini açacaktır.

Elementor düzenleyicisi açılırken içeriği eklemeye başlayabilirsiniz. Elementor ile bir sayfa veya şablon oluştururken yaptığınız gibi istediğiniz herhangi bir öğeyi/widget'ı ekleyebilirsiniz. Örneğin, “Blog” menü öğesi için makalelerinizi görüntülemek için Yazılar pencere aracını ekleyebilirsiniz. Ya da “Dükkan” menü noktasında ürünlerinizi sergileyebilirsiniz. Artı düğmesine tıklayarak yeni bir bölüm ekleyerek başlayın. Veya bir şablondan içerik eklemek istiyorsanız, klasör simgesini tıklamanız yeterlidir.

Bölüme herhangi bir widget eklemeden önce, önce arka planı ayarlayabilirsiniz. Varsayılan olarak, bölümünüzün şeffaf bir arka planı vardır, bu nedenle içeriğinizi görünür kılmak için arka planı ayarlamak çok önemlidir. Arka planı ayarlamak için sol alt köşedeki sol ok simgesine tıklayarak ayarlar panelini açın. Ayarlar paneli açıldığında Stil sekmesine gidin.

Beğendiğiniz arka plan türünü seçin ve renk seçicide rengi ayarlayın (veya bir görüntüyü arka plan olarak kullanmak istiyorsanız görüntü seçiciye tıklayın).

İstediğiniz widget'ları tuval alanına sürükleyerek içerik eklemeye devam edebilirsiniz. Yine, Elementor'da yeniyseniz bu yazıyı okuyabilirsiniz. İçeriği eklemeyi bitirdikten sonra, GÜNCELLE düğmesini ve ardından sağ üst köşedeki X simgesini tıklayın.

Mega menü pozisyonunda açılır menüyü tıklayarak mega menünün konumunu ayarlayın. Mega menünüzün orta alanda olmasını istiyorsanız, konumu Varsayılan olarak ayarlayın ve genişliği de varsayılan olarak bırakın (varsayılan genişlik boştur). Özel bir genişliğe sahip olmak istiyorsanız, genişlik değerini ayarlamanız yeterlidir. Konumu , menü öğesini Göreli olarak da ayarlayabilirsiniz.

Mega menü öğenize bir simge eklemek istiyorsanız, Öğe Simgesi sekmesini açın ve beğendiğiniz simgeyi seçin. Ayrıca simgenin rengini de ayarlayın.

İsterseniz menü öğenize bir rozet de ayarlayabilirsiniz. Bu bağlamda rozet, menü öğesinin üzerinde ek bir metindir.

Rozet eklemek için Öğe Rozeti sekmesini açmanız ve istediğiniz rozeti yazmanız yeterlidir. Ayrıca rengi ve arka plan rengini de ayarlayın.

Dikey Mega Menü widget'ını kullanıyorsanız, dikey mega menünün konumunu ve genişliğini ayarlamak için Dikey Menü Widget sekmesini de açabilirsiniz.

Yaptığınız tüm değişiklikleri uygulamak için KAYDET düğmesine tıklayın ve pencereyi kapatmak için sol alt köşedeki X simgesine tıklayın.

Diğer menü öğelerine mega menü içeriği eklemek için yukarıdaki adımları tekrarlayın. Tamamlandığında, Menüyü Kaydet düğmesini tıklayın.

Not: Alt menü öğelerine mega menü içeriği ekleyemezsiniz.

Menüyü şekillendirme

İstediğiniz menü öğelerine mega menü içeriğini eklemeyi tamamladığınızda, menüyü şekillendirmek için özel başlığa geri dönebilirsiniz. Düzenlemek için Mega Menü widget'ını seçin ve sol paneldeki Stil sekmesini açın. Açabileceğiniz 10 stil seçeneği bloğu vardır:

1. Masaüstü Konteyner

Masaüstü cihazlarda menü kabının arka planını ayarlamak için bu bloğu açabilirsiniz. Menü öğelerinin hizalamasını, menü kabının kenarlık yarıçapını, menü kabının dolgusunu ve menü kabının kutu gölgesini ayarlayabilirsiniz.

2. Masaüstü Menü Öğeleri

Masaüstü menü öğelerini özelleştirmek için bu bloğu açabilirsiniz. Ayarlayabileceğiniz birkaç şey tipografi (yazı tipi ailesi, yazı tipi boyutu, yazı tipi stili), metin rengi, arka plan rengi, kenarlık yarıçapı, dolgu vb. Her durum için farklı bir renk ayarla (normal, vurgulu ve etkin) seçeneğini kullanabilirsiniz.

Simgelerin rengini ayarlama seçeneği de vardır, ancak mega menü içeriğini eklerken simge rengini ayarladıysanız bu ayar seçeneği çalışmaz.

3. Masaüstü Alt Menüsü

Alt menünün öğelerini özelleştirmek için bu bloğu açabilirsiniz. Alt menünün genişliği (açılır menü), tipografi, metin rengi, arka plan rengi, kenarlık yarıçapı, dolgu, kenar boşluğu, simge rengi vb. gibi şeyleri ayarlayabilirsiniz.

Hem basit menünün panelini hem de mega menüyü özelleştirebilirsiniz. Mega menü panelini özelleştirmek için MEGA PANEL sekmesini açmanız yeterlidir.

4. Masaüstü Simge Boyutu

Masaüstü cihazlarda menü öğesi simgesinin boyutunu ayarlamak için bu bloğu açabilirsiniz. Ayrıca kenar boşluğunu, yatay konumu ve dikey konumu da ayarlayabilirsiniz.

5. Masaüstü Öğe Rozeti

Masaüstü öğesi rozeti, tipografi, arka plan rengi, kenarlık yarıçapı, dolgu ve kenar boşluğunun metin rengini ayarlamak için bu bloğu açabilirsiniz.

6. Masaüstü Öğesi Açılır Menüsü

Masaüstü cihazlarda açılır menü öğesini özelleştirmek için bu bloğu açabilirsiniz. Yazı tipi boyutunu, kenar boşluğunu, yatay konumu ve dikey konumu ayarlayabilirsiniz.

7. Mobil Geçiş

Mobil geçişi (masaüstü cihazlarda hamburger simgesi) özelleştirmek için bu bloğu açabilirsiniz. Geçiş rengini, geçiş boyutunu, arka plan rengini, dolguyu ve kenarlık yarıçapını değiştirebilirsiniz.

8. Mobil Konteyner

Menü kapsayıcısını mobil cihazlarda özelleştirmek için bu bloğu açabilirsiniz. Kap genişliği, kap arka plan rengi, kapat simgesinin boyutu, kapat simgesinin rengi, dolgu, kenarlık yarıçapı ve kutu gölgesi gibi şeyleri ayarlayabilirsiniz.

9. Mobil Öğeler

Mobil cihazlarda menü öğelerindeki içeriği özelleştirmek için bu bloğu açabilirsiniz. Menü simgelerinin boyutunu, menü öğelerinin tipografisini, menü öğelerinin metin rengini, öğe rozetinin tipografisini, öğe rozetinin metin rengini, alt menü düğmesini vb. ayarlayabilirsiniz.

Web sitenizin mobil menüsünü özelleştirmek için bu ayarlar bloğunda oynayabilirsiniz.

10. Mobil Gelişmiş

Mobil cihazlarda mobil menünün yükleyici rengini ve kapak rengini ayarlamak için bu bloğu açabilirsiniz.

Genel Ayarlar

Menünüzü Elementor düzenleyicisi ile şekillendirebilseniz de, JetMenu ayrıca menünüzün genel ayarlarını yapabileceğiniz bir ayarlar paneli ile birlikte gelir. JetMenu ayarlar panelini açmak için WordPress panosunun sol kenar çubuğundaki JetPlugins -> JetMenu Ayarları'na gidebilirsiniz. Menünüzü Elementor düzenleyicide şekillendirdiyseniz, bu panelde herhangi bir ayar yapmanıza gerek yoktur. Genel bir ayar yapmak istiyorsanız sadece bir ayar yapmanız gerekir.

Genel ayarlar, Mega Menü ve Dikey Mega Menü widget'larının varsayılan ayarları olarak kullanılacaktır. Örneğin, ana menü kabının rengini aşağıdaki gibi kırmızıya ayarlarsanız,

Mega Menü widget'ı, başlığa her eklediğinizde kırmızı bir ana menü kapsayıcısına sahip olacaktır.

Genel ayarlar, ayarları ön ayar olarak kaydetmenize izin verdiği için zaman verimliliği açısından mükemmeldir. Ancak panel Elementor tarafından desteklenmediği için yaptığınız her değişikliği gerçek zamanlı olarak önizleyemezsiniz.

Elementor düzenleyicide menüyü özelleştirirken her yeni değişiklik yaptığınızda genel ayarlar geçersiz kılınacaktır.

Son düşünce – JetMenu İnceleme

Elementor destekli WordPress sitenizde bir mega menü oluşturmak istiyorsanız JetMenu harika bir eklentidir. Mega menü içeriğini eklemenize izin vermek için Elementor görsel düzenleyicisini kullanır. Mega içerik oluştururken herhangi bir Elementor widget'ı ekleyebilirsiniz. Örneğin, çevrimiçi mağazanızda en çok satan ürünleri görüntülemek için Ürünler pencere öğesini ekleyebilirsiniz. Ya da blogunuzda veya çevrimiçi derginizde öne çıkan makaleleri görüntülemek için Yazılar widget'ını ekleyebilirsiniz.

Menüyü mobil cihazlarda kişiselleştirme yeteneği, bahsetmeye değer bir başka harika nokta. Web sitenizin mobil menüsünü özelleştirmeye ayrılmış 4 ayar bloğu vardır.

Mobil menüdeki tüm bileşenler, bu ayar blokları aracılığıyla özelleştirilebilir. Mega menü oluşturmaya ek olarak, Hamburger Menüsü widget'ının kullanılabilirliği sayesinde zahmetsizce tuval dışı bir menü oluşturmak için JetMenu'yu kullanabilirsiniz.

JetMenu'nun kendisi premium bir Elementor eklentisidir. Yılda 24 dolardan alabilirsiniz. Crocoblock'tan başka eklentilere ihtiyaç duymanız durumunda, bir paket halinde alma seçeneği de vardır. JetMenu, Jupiter X teması ve Monstroid2 temasında da mevcuttur.

Crocoblock, JetMenu'nun beklediğiniz gibi çalışmadığını düşünüyorsanız paranızı geri alabilmeniz için 30 günlük para iade garantisi sunar.

Özet

• işlevsellik : (5 / 5)
• Kullanım kolaylığı : (4.5 / 5)
• Elementor ile uyumluluk : (5 / 5)
• Fiyat : (5 / 5)
• Genel Kalite: (5 / 5)