Divi Eklentisi Öne Çıkanlar: Divi Mega Pro

Divi Mega Pro, Divi Builder ile mega menüler ve araç ipuçları oluşturma yeteneği ekleyen, Divi için üçüncü taraf bir eklentidir. Mega menüler ve araç ipuçları Divi Builder ile oluşturulduğundan, üçüncü taraf modüller, kısa kodlar ve kodlar dahil olmak üzere istediğiniz tüm modülleri kullanabilir ve Divi'nin araçlarıyla şekillendirebilirsiniz. Bu yazıda, Divi Mega Pro'nun ihtiyaçlarınız için doğru ürün olup olmadığına karar vermenize yardımcı olmak için Divi Mega Pro'ya bir göz atacağız.

Divi Mega Pro Oluşturucu

Divi Mega Pro, Divi Builder'a modüller eklemek yerine, WordPress menülerinin ve Divi Modüllerinin görüntüleyebileceği Divi düzenleriyle oluşturulan yeni bir gönderi türü ekler. Herhangi bir sayfaya ve menüye istediğiniz kadar oluşturun ve ekleyin. Divi Mega Pro adlı WordPress kontrol paneline yeni bir menü öğesi eklendi. Buna Divi Mega Pro listesi, düzenleyici ve ayarlar dahildir. Burada mega menülerinizi ve araç ipuçlarınızı oluşturabilir ve yönetebilirsiniz. Her menü maddesine ters sırayla bakacağız.

Divi Mega Pro Ayarları

Ayarlar, üst bilgiye, içeriğe ve alt bilgiye slayt geçişi eklemenizi sağlar. Bunları bağımsız olarak etkinleştirebilirsiniz. Varsayılan olarak devre dışıdırlar. Geçiş, kapsayıcısını görünür durumda tutarken menü veya araç ipucu içindeki içeriği değiştirecektir. Bu, mega menüyü ve araç ipuçlarını fareyle üzerine gelme moduna zorlar. Tıklama modunu kullanmanız gerekmiyorsa bunları etkinleştirmenizi öneririm.

Yeni ekle

Bir mega menü öğesi veya araç ipucu oluşturmak için Yeni Ekle'yi tıklayın. Bu, menüyü veya araç ipucunu oluşturabileceğiniz bir düzenleyici açar. TinyMCE editörünü içerir ve Divi Builder'ın Divi Modules ile oluşturmasını sağlayabilirsiniz. Görüntülemek istediğiniz her mega menü öğesi için yeni bir öğe oluşturmanız gerekecek. Örneğin, başlığınızdaki dört farklı bağlantının farklı bir mega menü düzeni göstermesini istiyorsanız, dört farklı öğe oluşturmanız gerekir.

Düzenleyici, standart yayınlama araçları ve özel alan seçenekleri dahil olmak üzere sağ kenar çubuğunda ve altta birçok araç içerir. Özel araçların her birine yakından göz atalım.

Konumları Görüntüle

Mega menünün nerede görüntülenebileceğini seçin. Tüm gönderiler ve sayfalar, tüm gönderiler, tüm sayfalar veya belirli sayfalar arasından seçim yapın. Alana tüm gönderiler veya sayfalar için istisnalar ekleyebilirsiniz. Belirli yerleri seçerseniz, bunları alana girebilirsiniz. Menüyü yazar sayfalarında ve arşiv sayfalarında göstermeyi ve zorla oluşturmaya da karar verebilirsiniz.

Mega Profesyonel Animasyon

Menü veya araç ipucunun açıldığında kullanacağı animasyonu seçin. Uzağa Kaydır, Doğru Kaydır, Perspektif, Soldur veya Ölçekle'yi seçin. Bunlar, açılıp kapanırken mega menülere zarif bir görünüm ve his verir.

Mega Profesyonel Tetikleyiciler

Alana CSS seçici tetikleyicisini girin. Ayrıca, mizanpajları görüntülemek için CSS Sınıfı alanlarına gireceğiniz Mega Pro Unique Class'ı da gösterir.

Mega Pro Ekran Ayarları

Ayarlar birçok seçenek içerir. Görüntü yönünü seçin, üst ve alt kenar boşluğunu ekleyin, genişliği seçin, maksimum yüksekliği girin, mutlak veya sabit arasından CSS konumunu seçin ve bir oku etkinleştirin.

Oku etkinleştirirseniz, türü, rengi, genişliği ve yüksekliği seçmek için bazı stil araçları görürsünüz. Bir önizleme gösterir, böylece ön uçta nasıl göründüğünü bilirsiniz.

Özel Kapat Düğmesi Özelleştirmeleri

Kapat düğmesi özelleştirmeleri, kapat düğmesini masaüstlerinde ve telefonlarda bağımsız olarak etkinleştirmenizi sağlar.

Kapat düğmesini özelleştirmeyi seçerseniz renkleri, yazı tipi boyutunu, kenarlık yarıçapını ve dolguyu ayarlamak için başka bir seçenek grubu görürsünüz. Ayrıca, ön uçta nasıl görüneceğini görebilmeniz için bir önizleme içerir.

Mega Pro Ek Ayarlar

Ek ayarlar, telefonlarda, tabletlerde ve masaüstü bilgisayarlarda menüyü ayrı ayrı devre dışı bırakmanıza olanak tanır. Vurgulu ve tıklama arasından tetikleme tipini, üzerine gelme ve tıklama arasından çıkış tipini seçin ve alana çıkış gecikmesini girin.

Mega Profesyonel Arka Plan

Bu, editörün altına yerleştirilir. Menünün arka plan rengini belirleyebileceğiniz bir renk seçiciye sahiptir.

Divi Mega Pro Listesi

Bu, oluşturduğunuz Divi Mega Pro öğelerinin listesini gösterir. Her biri Benzersiz Mega Pro Sınıfı içerir. Bu, mega menünün veya araç ipucunun görüntülenmesini istediğiniz yere kopyalayıp yapıştıracağınız şeydir. Mega menünüzü oluşturmak için her bir menü öğesini ayrı ayrı oluşturmanız ve kopyalamanız gerekir.

Mega Menüyü Ekleme

Mega menüyü WordPress üstbilgi ve altbilgi menülerinize eklemek için CSS Sınıflarını etkinleştirmeniz gerekir. İlk olarak, WordPress kontrol panelinde Görünüm > Menüler'e gidin. Ekranın sağ üst köşesindeki Ekran Seçenekleri'ni seçin ve CSS Sınıflarının işaretli olduğundan emin olun.

Ardından, mega menü öğesini görüntülemek istediğiniz menü öğesini açın. Mega menü için Unique Mega Pro Class'ı CSS Classes alanına yapıştırın.

Görüntülemek istediğiniz her mega menü öğesi için bu işlemi tekrarlayın.

İşte ön uçtaki bu mega menüye bir bakış. Daha sonra göreceğimiz gibi, dahil edilen demolardan birini kullandım.

Araç İpuçları Ekleme

Mega araç ipuçları oluşturmak için Divi Mega Pro'yu da kullanabilirsiniz. Araç ipucunu göstermek istediğiniz öğeye CSS sınıfını eklemeniz yeterlidir. Araç ipucunu fareyle üzerine gelindiğinde veya tıklatıldığında açılacak şekilde ayarlayabilirsiniz. Herhangi bir Divi Modülü bir araç ipucu gösterebilir. Divi araçlarıyla modüle normal stil verin.

Araç ipucunu eklemek için, araç ipucunu göstermek istediğiniz Divi Modülünü açın. Gelişmiş sekmesine gidin ve Unique Mega Pro Class'ı CSS Class alanına yapıştırın. Ayarlarınızı kaydedin ve araç ipuçlarını görüntülemeye hazırsınız.

Artık birisi sınıfı eklediğiniz öğenin üzerine geldiğinde araç ipucu görünür.

Araç ipuçları, Divi Theme Builder'da başlıklar için mega menüler oluşturmak için de çalışır. Metin Modülleri, Düğme Modülleri, Görüntü Modülleri vb.

Mega menü öğesi olmasını istediğiniz her öğede CSS Sınıfı alanına Unique Mega Pro Class'ı ekleyin. Özel üst bilgiler ve alt bilgiler oluşturmak için bu yöntemi kullanabilirsiniz. Aşağıdaki örnekte, menü bağlantıları olarak standart Metin Modüllerini kullanarak bir menü oluşturdum. Her birine bir mega menü düzeni ekleyeceğim.

Menü öğeleri normal bir menü olarak çalışacak ve ayarlarınıza bağlı olarak üzerine gelindiğinde veya tıklandığında mega menü öğelerini gösterecektir. Aşağıdaki örnekte, ilk menü bağlantısının üzerine geldim ve o Metin Modülü için mega menü açıldı.

Divi Mega Pro Şablonları

Divi Mega Pro, başlamanız için 15 şablon içerir. JSON dosyaları olarak sunulurlar. Bunları Divi Mega Pro düzenleyicinize yükleyin ve Divi Mega Pro düzenlerinizi oluşturmak için kullanın. E-Ticaret banner'ları, sekmeleri, CTA'ları, iletişim bilgilerini, oturum açma formunu, blog gönderilerini ve çok daha fazlasını içerir. Düzenler iyi tasarlanmış ve web sitesinin herhangi bir stiliyle harika çalışıyor.

Şablonlar tamamen özelleştirilebilir, böylece markalı yazı tiplerinizi ve renklerinizi içerecek şekilde ayarlayabilirsiniz. Bu, öne çıkan markalar için e-Ticaret menüleri oluşturan 9 numaralı şablondur. Bu, arka uç düzenleyicideki tel kafes görünümünü gösterir. Düzenleri ön uçta da görüntüleyebilirsiniz. Mine, düzeni tam genişlikte göstermek için kolayca devre dışı bırakılabileceğinden emin olsam da, düzeni varsayılan olarak kenar çubuğuyla görüntüledi.

İşte ön uçta nasıl görüneceği. Bu, masaüstü görünümünü gösteren arka uç düzenleyicisidir.

Divi Mega Pro'yu Nereden Satın Alabilirim?

Divi Mega Pro, Divi Marketplace'te 79$'a satılıyor. Sınırsız web sitesi kullanımı, bir yıllık destek ve güncellemeler ve 30 günlük para iade garantisi içerir.

Biten Düşünceler

Divi Mega Pro'ya bakışımız bu. Sezgisel olmak için mega menüler oluşturmayı ve kullanmayı buldum. Herhangi bir Divi Builder modülünü kullandığından, menüleri ve araç ipuçlarını oluşturmak, herhangi bir Divi düzeni oluşturmakla aynı şekilde çalışır. Animasyonlar, düğmeler vb. ekstra özellikler, tasarım üzerinde daha da fazla kontrol sağlar ve menülerin ve araç ipuçlarının nasıl çalıştığını belirler. Sayfalar, gönderiler, WooCommerce ürünleri ve daha fazlasıyla iyi çalışır. Eklenen şablonlar, başlamak için harika bir yoldur. Divi web siteleriniz için mega menüler ve araç ipuçları oluşturmakla ilgileniyorsanız, Divi Mega Pro bir göz atmaya değer.

Senden duymak istiyoruz. Divi Mega Pro'yu denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.