Jetmenu, Elementor’da mega menü oluşturmak için harika eklenti

Elementor, WordPress sitenizde bir mega menü oluşturmak için varsayılan bir widget veya özelliği yoktur. WordPress sitesinde Elementor tarafından desteklenen bir mega menü oluşturmak istiyorsanız, 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 aslında özel başlığınıza bir menü eklemek için kullanabileceğiniz bir widget – NAV menüsü widget’ı var. Ancak, bu widget bir mega menü yapma yeteneğine sahip değildir. Jetmenu Jetmenu hakkında kısa giriş, Elementor’da bir mega menü yapmak istiyorsanız iyi bir eklentidir. Tıpkı Elementor gibi, Jetmenu ile bir mega menü oluşturmak için tek bir kod satırına dokunmanıza gerek yoktur. Mega menü içeriğinizi Visual Elementor Düzenleyicisi’ni kullanarak ekleyebilir ve düzenleyebilirsiniz (Elementor’u kullanıyorsanız, Elementor’u nasıl kullanacağınızı öğrenmek için yazdığımız yeni başlayan kılavuzu okuyabilirsiniz). Ayrıca, tuvalin dışında bir menü oluşturmak için Jetmenu’yu da kullanabilirsiniz. Jetmenu, özel başlığınıza menüler eklemek için kullanabileceğiniz üç widget ekler:
Büyük menü
Mega dikey menü
Hamburger menüsü (tuval dışında bir menü oluşturmak için bu widget’ı kullanabilirsiniz)
Jetmenu, Crocoblock tarafından geliştirilen bir dizi ekleme öğesi olan Jetplugins’in bir parçasıdır. Pro Elementor’un jetmenu kullanması gerekiyor mu? Ücretsiz Elementor’da Jetmenu’yu kullanabilirsiniz, ancak ücretsiz Elementor’un özel bir başlık oluşturma yeteneğine sahip olmadığı için özel başlıklar yapma yeteneğine sahip eklentilere ihtiyacınız vardır (Elementor Free vs. Elementor Pro arasındaki farkı okuyun). Jetthemecore, özel bir başlık yapmak için kullanabileceğiniz eklentilerden biridir. Elementor’da bir mega menü oluşturmak için bir jetmenu nasıl kullanılır, başlamadan önce, Elementor’da nasıl özel bir başlık yapacağınızı zaten bildiğinizi varsayıyoruz. Henüz bilmiyorsanız tartışan ayrı bir makalemiz var. Bu makalede, başlığa hemen bir menü ekleyeceğiz. Ayrıca, WordPress sitenizde en az bir menü olduğundan emin olun. İşte yaptığımız mega menüsüne bir örnek.
Resmi Crocoblock web sitesinde Jetmenu kullanarak yapılan mega menü hakkında daha fazla örnek görebilirsiniz. İlk olarak, bir Elementor (veya mevcut düzenleme) ile yeni bir özel başlık oluşturun. Başlığa bir mega menü widget’ı (veya mega dikey menü oluşturmak istiyorsanız mega dikey menü) ekleyin. Sol paneli açın ve içerik sekmesinin altındaki blok menü bloğundaki açılır menü menüsünden eklemek istediğiniz menüyü seçin.

Menünüzü ayarlamak için Stil sekmesini açabilirsiniz. Bunu mega menü yapıldıktan sonra daha sonra yapabilirsiniz. Şimdilik, WordPress kontrol panelinizde görünüm -> menüleri açın. Düzenlenecek menüyü seçin. Yukarıdaki adımlarda belirlediğinize göre menüyü seçtiğinizden emin olun. Panelde menü öğesini ekleyin, jetmenu ayarları engelini açın ve mevcut konum için jetmenu’yu etkinleştirme seçeneğini etkinleştirin. Menü yapısı panelinde, farenizi mega menü öğesi olarak ayarlamak istediğiniz menü öğesine yönlendirin. Jetmenu düğmesini tıklayın.

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

Elementor’un editörü açık olduğunda, içerik eklemeye başlayabilirsiniz. Bir Elementor ile bir sayfa veya şablon oluşturduğunuzda sevdiğiniz öğeleri/widget’ları ekleyebilirsiniz. Örneğin, “Blog” menü öğesi için makalenizi görüntülemek için bir gönderi widget’ı ekleyebilirsiniz. Veya ürününüzü “Mağaza” menü öğesinde görüntüleyebilirsiniz. Plus düğmesini tıklayarak yeni bir parça ekleyerek başlayın. Veya şablondan içerik eklemek istiyorsanız, klasör simgesine tıklayabilirsiniz.

Bölüme herhangi bir widget eklemeden önce, önce arka planınızı ayarlayabilirsiniz. Varsayılan olarak, rolünüz şeffaf bir arka plana sahiptir, böylece içeriğinizi görünür kılmak için arka plan ayarı çok önemlidir. Arka planı ayarlamak için, sol alt köşedeki sol ok simgesini tıklayarak ayarlar panelini açın. Ayarlar paneli açık olduktan sonra Stil sekmesini açın.

Sevdiğiniz arka plan türünü seçin ve rengi renk seçmenine ayarlayın (veya resmi arka plan olarak kullanmak istiyorsanız görüntü seçmenini tıklayın). İstediğiniz widget’ı tuval alanına sürükleyerek içerik eklemeye devam edebilirsiniz. . Yine, Elementor’da yeniyseniz bu gönderiyi okuyabilirsiniz. İçeriği ekledikten sonra, sağ üst köşedeki X simgesini takip et düğmesini tıklayın.

Mega menü konumundaki açılır menüyü tıklayarak mega menü konumunu ayarlayın. Mega menünüzün orta alanda olmasını istiyorsanız, konumu varsayılan olarak ayarlayın ve genişliği 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 ayarlayın. Ayrıca konumunu göreceli menü öğesine ayarlayabilirsiniz.

Mega menü öğenize bir simge eklemek istiyorsanız, öğe simgesi sekmesini açın ve istediğiniz simgeyi seçin. Ayrıca simgenin rengini ayarlar.

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

Bir rozet eklemek için Lencana Öğe sekmesini açın ve istediğiniz rozetleri yazın. Ayrıca arka planın rengini ve rengini ayarlar.

Dikey mega menü widget’ı kullanıyorsanız, mega dikey menünün konumunu ve genişliğini ayarlamak için Dikey Menü Widget sekmesi de açabilirsiniz. Oluşturduğunuz tüm değişiklikleri uygulamak için Kaydet düğmesini tıklayın ve pencereyi kapatmak için sol alt köşedeki X simgesini tıklayın.

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

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

Menüyü Düzenleme İstediğiniz menü öğesine mega menü içeriği eklemeyi bitirdikten sonra, menüyü düzenlemek için özel bir başlığa geri dönebilirsiniz. Düzenlemek için Mega Menü Widget’ı seçin ve sol paneldeki Stil sekmesini açın. Açabileceğiniz 10 stil seçenek bloğu vardır: 1. Masaüstü kabınız, masaüstü cihazındaki menü kapsayıcısının arka planını ayarlamak için bu bloğu açabilir. Menü öğelerinin seviyesini, menü konteyneri limitinin yarıçapını, menü kabının taşıyıcılığını ve menü konteyneri kutusunun gölgesini ayarlayabilirsiniz. Masaüstü menü öğeniz, masaüstü menü öğesini ayarlamak için bu bloğu açabilir. Ayarlayabileceğiniz bazı şeyler tipografi (yazı tipi ailesi, yazı tipi boyutu, yazı tipi stili), metin rengi, arka plan rengi, sınır yarıçapı, dolgu vb. Her durum için farklı bir renk kümesi kullanabilirsiniz (normal, havada ve etkin).

Simgenin rengini ayarlama seçeneği de vardır, ancak mega menü içeriğini eklerken simgenin rengini ayarladıysanız bu ayar seçeneği çalışmaz. 3. Masaüstü Alt Menü Alt menünün öğelerini ayarlamak için bu bloğu açabilirsiniz. Alt menü genişliği (açılır), tipografi, metin rengi, arka plan rengi, sınır yarıçapı, dolgu, marj, simge rengi vb.

Hem basit menü panelini hem de mega menüyü ayarlayabilirsiniz. Mega menü panelini ayarlamak için Mega Panel sekmesini açın. 4. Masaüstü simginizin boyutu, masaüstü cihazındaki menü öğesi simgesinin boyutunu ayarlamak için bu bloğu açabilir. Ayrıca kenar boşluğunu, yatay konumu ve dikey konumu da ayarlayabilirsiniz.

5. Masaüstü Öğe Rozeti Masaüstü öğe rozeti, tipografi, arka plan rengi, sınır yarıçapı, dolgu ve kenar boşluğunun metninin rengini ayarlamak için bu bloğu açabilirsiniz.

6. Damla Masaüstü Öğeleri Masaüstü cihazındaki gerilme menü öğelerini ayarlamak için bu bloğu açabilirsiniz. Yazı tipi boyutunu, kenar boşluğunu, yatay konumu ve dikey konumu ayarlayabilirsiniz. Hücresel Anahtarlama Hücresel anahtarı ayarlamak için bu bloğu açabilirsiniz (masaüstü cihazlarda Hamburger simgesi). Geçiş, geçiş boyutu, arka plan rengi, dolgu ve sınır yarıçapının rengini değiştirebilirsiniz.

8. Hücresel Kaplar Mobil cihazdaki menü kabını ayarlamak için bu bloğu açabilirsiniz. Kabın genişliği, kabın arka plan rengi, kapak simgesinin boyutu, kapak simgesinin rengi, yatak, sınır yarıçapı ve kutunun gölgesi gibi şeyleri ayarlayabilirsiniz.

9. Hücresel Öğeler Mobil cihazdaki menü öğesindeki içeriği ayarlamak için bu bloğu açabilirsiniz. Menü simgesinin boyutunu, menü öğesi tipografisini, menü öğesi metin rengi, rozet öğe tipografisi, öğe rozeti metninin rengi, alt menü düğmesi vb.

Web sitenizin hücresel menüsünü ayarlamak için bu Ayarlar bloğunda oynayabilirsiniz. 10. Gelişmiş Hücresel Seviye Mobil cihazdaki yükleyicinin rengini ve hücresel menü kapağının rengini ayarlamak için bu bloğu açabilirsiniz.

Global Ayarlar Elementor Editor aracılığıyla menünüzü ayarlayabilmenize rağmen, Jetmenu ayrıca Global Menü ayarlarınızı ayarlayabileceğiniz bir panel ayarları ile donatılmıştır. Jetmenu ayar panelini açmak için WordPress Gösterge Tablosu’nun sol tarafındaki Jetplugins -> Jetmenu ayarlarını açabilirsiniz. Elementor düzenleyicisinde menünüzü düzenlediyseniz, bu panelde herhangi bir ayar yapmanıza gerek yoktur. Yalnızca global ayarları ayarlamak istiyorsanız ayarlar yapmanız gerekir.

Global ayarlar, mega menü widget ve dikey mega menüden varsayılan ayarlar olarak kullanılacaktır. Örneğin, ana menü kapsayıcısının rengini aşağıdaki gibi kırmızı olarak ayarlarsanız, Mega Menü widget’ında başlığa her eklediğinizde kırmızı bir ana menü kabı olacaktır.

Global ayarlar zaman verimliliği için çok iyidir, çünkü ayarları önceden ayar olarak saklamanıza izin verir. Ancak, panel Elementor tarafından desteklenmediğinden, gerçek zamanlı yaptığınız her değişikliğin önizlemesini göremezsiniz. Elementor Düzenleyicisi’ndeki menüyü ayarlarken her yeni değişiklik yaptığınızda global ayarlar değiştirilecektir. Elementor destekli WordPress sitenizde bir mega menü oluşturmak istiyorsanız son düşünce jetmenu jetmenu incelemesi iyi bir eklentidir. Mega menü içeriği eklemenize izin vermek için Visual Elementor Düzenleyicisi kullanır. Mega içerik oluştururken herhangi bir Elementor Widget’ı ekleyebilirsiniz. Örneğin, çevrimiçi mağazanızdaki en iyi satan ürünleri görüntülemek için bir ürün widget’ı ekleyebilirsiniz. Veya blogunuzda veya çevrimiçi derginizde üstün makaleler görüntülemek için yayın widget’ları ekleyebilirsiniz. Menüsü mobil cihazlarda ayarlama yeteneği, bahsetmeye değer bir başka iyi noktadır. Web sitenizin hücresel menüsünü ayarlamak için 4 özel ayar bloğu vardır.

Mobil menüdeki tüm bileşenler Ayarlar Bloğu üzerinden özelleştirilebilir.Bir mega menü oluşturmanın yanı sıra, hamburger menü widget’ının mevcudiyeti sayesinde tuvalin dışında menüleri kolayca yapmak için Jetmenu’yu da kullanabilirsiniz.Jetmenu’nun kendisi premium bir eklenti elementi.Yılda 24 $ ile alabilirsiniz.Başka bir ekleme crocoblock’a ihtiyacınız varsa, bir pakete almak için bir seçenek de vardır.Jetmenu ayrıca Jüpiter X teması ve Monstroid2 temasında da mevcuttur.

Crocoblock 30 günlük para garantisi sunar, böylece jetmenu’nun beklediğiniz gibi çalışmadığını düşünüyorsanız paranızı geri alabilirsiniz.Özet

İşlevsellik:

(5/5)

Kullanımı kolay :

(4.5 / 5)

Elementor ile uyumluluk:
(5/5)
Fiyat :
(5/5)

Genel Kalite:
(5/5)