Elementor’da Mega Menü Nasıl Yapılır
WordPress sitesi ne kadar karmaşıksa, daha kapsamlı bir menü ihtiyaçları ile birlikte gelir. Daha eksiksiz bir menü yapmak için popüler bir seçim mega menüdür. Mega menü, her şeyin bir kerede görüldüğü yerlerde genişletilebilen büyük bir menüdür. Bildiğimiz gibi, çoğu popüler web sitesi bu özellikleri web sitelerinde kullanır, bu da mega menünün çok kullanışlı olduğu anlamına gelir. Bu makale oluşturuluncaya kadar, Elementor varsayılan Mega menü oluşturmayı desteklemedi, bu nedenle üçüncü taraf eklentinin yardımına ihtiyacınız var. Mega menü yapmak için WordPress eklentisi dizinindeki Elementor için birçok eklenti var, ancak bazıları Slexenty eklentiler. Bu öğreticide, Crocoblock tarafından Jetmenu ile Elementor’da nasıl bir mega menü oluşturacağınızı göstereceğiz. Jetmenu, mega menüleri kolaylaştırma sürecini yapacak.
İçindekilerJetmenu kullanarak Elementor’da mega menü nasıl yapılır
1. Adım: Mevcut WordPress menüsünü hazırlayın
2. Adım: Jetmenu ayarlarını ayarlayın
Adım 3: Jetmenu’yu etkinleştirin ve Mega Menü öğesini ayarlayın
Adım 3: Elementor’da Mega Menü Tasarım
Adım 4: Pro Elementor tarafından tema üreticisini kullanarak bir başlık şablonu oluşturun
Altını çizmek
Elementor’da Mega Menü Nasıl Yapılır Jetmenu Kullanarak Öğreticiye başlamadan önce yüklemeniz gereken üç eklenti vardır:
element
Elementor Pro (Tema Builder’ı kullanarak özel bir başlık şablonu oluşturmak istediğinizde Pro Elementor gereklidir)
Jetmenu (bir eklenti için jetmenu satın alabilir veya bir crocoblock eklenti paketi satın alabilirsiniz)
Jetmenu’yu indir
Adım 1: Geçerli WordPress menüsünü hazırlayın, gerçek menüyü oluşturma zamanı. Eklenti ayarlarına daha ileri gitmeden ve herhangi bir değişiklik uygulamaya başlamadan önce, en azından WordPress sitenizde bir menü olduğundan emin olmanızı istiyoruz. Bir menünüz yoksa, sadece bir tane yapın. WordPress’te bir menü oluşturmayı öğrenmek için bu makaleyi okuyabilirsiniz. Mega menü için menünüzü ayarlamak, WordPress kontrol paneline giriş yapın ve görünüm -> menülere gidin ve görünen menüyü görebilirsiniz. Bu örnekte, “Mega Menü Örnekleri” olan menüyü kullanıyoruz. Menü ana/ana menü olarak belirlenmelidir. Menü ayarlarında, ekran konumunu ana menüye veya ana menüye ayarlayın. Ardından Menü Kaydet düğmesini tıklayarak menüyü kaydedin.
Adım 2: Jetmenu ayarlarını Jetmenu ayarlarını açmak için ayarlayın, gösterge tablonuzu girin ve Crocoblock> Jetplugins Ayarları> Jetmenu> Genel Ayarlar. Genel Ayarlar sekmesinin üstünde, birkaç seçenek, ön ayar yöneticileri, dışa aktarma seçenekleri, içe aktarma seçenekleri ve sıfırlama seçenekleri bulacaksınız. Seçenek altında, SVG görüntü yükleme durumu, şablon içeriği önbelleği, yenileme menüsü ve CSS önbellek CSS gibi dört seçeneği görebilirsiniz. Burada değiştirmemiz gereken tek seçenek Revamp menüsü. Bu seçenek etkinleştirildiğinde, Jetmenu Gösterge Tablosunda yapılan tüm ayarlar yalnızca WordPress konumundan menüye uygulanır. Yani, bu ayarla eski menüyü kullanmak istiyorsanız, bu seçeneği kapatın. Ancak, bu öğreticide, bu öğreticide yapacağımız gibi en başından itibaren yeni bir menü oluşturmak istiyoruz, düğmeyi açın.
Jetmenu ayarlarında, masaüstü menüsünde ve mobil oluşturma işlemlerinde iki seçenek daha var. Seçeneği açabilir ve yaratıcılığınızla bu ayarlarla oynayabilirsiniz. Ancak bu öğreticide hiçbir şeyi değiştirmeyeceğiz. WordPress kontrol panelinizde, açık görünüm -> menüler. Ardından, jetmenu konum ayarlarını açın ve ana menünün altındaki mevcut konum için jetmenu’yu etkinleştirmek için anahtarı değiştirin. Ardından, imleci mega menünüzü tetiklemek istediğiniz menü öğesine yönlendirin, ardından Ayarlar düğmesi menü öğesinin sağında görünecektir. Bu örnekte, mega menü için bir tetikleyici olarak iki menü öğesi seçtik, yani “makaleler” ve “bilgi”. “Ayarlar” düğmesini tıklayın, açılır pencereyi göreceksiniz. Popup’ta bazı ayarlar göreceksiniz. Bu öğreticide, mega içeriği etkinleştiren yalnızca bir ayar için yapılandırırız. Bu nedenle, mega içerik kullanma seçeneğinde sağa geçiş yapın. Değişiklikleri kaydetmek için Kaydet düğmesini tıklamayı unutmayın.
. Adım 3: Mega Menü Tasarlayın Bir sonraki Elementor’da Elementor Düzenleyicisi’ni başlatacağız, Mega İçerik Düzenleme düğmesine basın ve Elementor Düzenleyicisi bir pencerede açılacak. Artık yaratıcılığınızla bir mega menü tasarlayabilirsiniz. İlk olarak, ilk menü öğesini “makaleler” tasarlayacağız. Bu örnekte, iki sütunlu parça yapmaya başlıyoruz. Widget panelinden istediğiniz widget’ı seçebilirsiniz. Burada dikey bir mega menü widget’ı ekleyeceğiz. Arama kutusuna dikey mega menüyü yazın, ardından tuval alanına (ilk sütun) sürükleyin ve bırakın. Blok ayarlarında aşağıdaki gibi bazı değişiklikler uyguluyoruz: İçindekiler: Menü: Makale (daha önce yaptığınız menüyü seçebilirsiniz), yoksa yeni bir menü oluşturmanız ve öğreticiye devam etmek için buraya dönmeniz gerekir. Stil
Ana Menü: Ana menüyü 300 olarak ayarlayın
Ardından, ikinci sütuna devam ediyoruz. Bu örnekte, yayın widget’ı ekleyeceğiz. Menü çubuğundan widget gönderisini seçin ve ardından sürükleyin ve tuval alanına (ikinci sütun) gidin.
Ayarlar Bloğu’nda aşağıdaki gibi bazı ayarları uyguluyoruz: İçerik -> Genel
Posta Numarası: 6 Sütun: 2 Aynı sütun: evet
Tırnak gönderisini göster: hayır
Ekran Gönderme Hükümleri: Hayır
Meta Post’u Göster: Hayır
İçerik> Güney Koreli
Güney Kore’yi etkinleştirin: evet
Doğrudan Duraklat: Evet
Düzenlemeyi bitirdikten sonra güncelleme düğmesini tıklayarak güncelleme. (X) ‘yi tıklayarak Elementor penceresinin düzenleyicisini kapatın. Menü öğesi ayarlarına döndüğünüzde, Kaydet düğmesini tıklamayı unutmayın.
Ardından, “Bilgi” ikinci menü öğesine geçiyoruz. Mega İçerik Düzenleme düğmesini tıklayın. Elementor Düzenleme penceresine girdikten sonra, parçayı iki sütunla ekleyin. İlk sütunda bir Google Haritalar widget’ı ekleyeceğiz. Menü çubuğundaki Google Haritalar Widget’ı seçin, ardından tuval alanına (ilk sütun) sürükleyip bırakın. İçerik sekmesinde, harita, yakınlaştırma ve yüksekliğin konumunu düzenlemek için birkaç seçenek bulacaksınız. Bu nedenle, ayarları isteklerinize göre düzenleyin.
Sonra, ikinci sütuna gidiyoruz. Bu sütunda, varsayılan Elementor Pro widget’larından biri olan bir widget formu ekleyeceğiz. Widget’ı bulun ve sonra sürükleyin ve tuval alanına (ikinci sütun) gidin. Düzenlemeyi bitirdikten sonra güncelleme düğmesini tıklayarak güncelleme. (X) ‘yi tıklayarak Elementor penceresinin düzenleyicisini kapatın. Menü öğesi ayarlarına döndüğünüzde, kaydet düğmesini tıklamayı unutmayın. Adım 4: Pro Elementor tarafından tema üreticisini kullanarak bir şablon başlığı oluşturun, başlık olarak yeni oluşturduğunuz mega menüyü uygulamanın zamanı geldi Pro Elementor tarafından yapılan tema oluşturucu kullanarak şablon. Gösterge panelinizde şablonu açın -> tema yapıcı. Bu sizi bir şablon yapmak için birçok seçenek içeren bir pencereye götürecektir. Başlık sekmesini tıklayın ve ardından Yeni Ekle düğmesine tıklayarak yeni bir başlık şablonu oluşturun. Önceden ayarlanmış başlık kitaplığını göreceksiniz. Bu örnekte, sıfırdan bir başlık yapacağız. Kütüphane penceresini kapatın, Elementor’un editörüne gireceksiniz. Elementor’un editörüne girdikten sonra, iki sütunlu yeni bir bölüm oluşturun. Site logosu için ilk sütunu ve az önce yaptığımız mega menü için ikinci sütunu kullanacağız. Widget panelindeki site logosunu seçin, ardından tuval alanına (ilk sütun) sürükleyip bırakın. Ardından, Widget panelindeki Mega Menü Widget’ı seçin ve tuval alanına (ikinci sütun) sürükleyin ve bırakın. Ayrıca, başlığa bazı değişiklikler uygulamanın zamanı geldi. Ayarlarla oynayabilir ve yaratıcılığınızla düzenleyebilirsiniz. Bilmiyorsanız, aşağıdaki ayarlarımızı görebilirsiniz: Stil sekmesindeki site logosu, Stil sekmesinde 100 büyük menüler ayarlayın, tipografi öğelerini düzenleyin ve boyutu 20’ye ayarlayın Bitti.Başlık şablonunuzu yayınlamadan önce, başlık ayarları düğmesini tıklayarak başlık şablonunuzu değiştirmeyi unutmayın, sonra adı değiştirebilirsiniz.Başlık şablonunuzu yayınladıktan sonra, yeni mega menünüz sitenize uygulanacaktır. Yazma sırasında (31 Mart 2022) satırın altında, Elementor bir mega menü oluşturmak için varsayılan özelliğe sahip değildir.Mega menü yapmanın tek yolu üçüncü taraf eklentileri kullanmaktır.Jetmenu, Crocoblock’un Elementor tarafından desteklenen WordPress üzerinde mega yapmak için özel olarak tasarlanmış bir eklentidir.Sınırsız tasarım seçenekleri sunan Elementor Editor’u kullanarak bir mega menü yapıyorsunuz.Mega menünüze herhangi bir içerik ekleyebilirsiniz.Görüntülerden, haritalardan, wooocommerce ürünlerinden, blog yayınlarından vb.
