Divi Eklentisi Vurgusu: Divi Supreme

Divi Supreme, Divi Builder'a yeni özellikler ve birçok yeni modül eklemek için birçok ayar ekleyen Divi için üçüncü taraf bir eklentidir. Bu yazıda, neler yapabileceğini görmek ve Divi araç kutunuzda ihtiyacınız olan eklenti olup olmadığına karar vermenize yardımcı olmak için Divi Supreme'e bakacağız.

Kurulum

Kurulum basit ve anlaşılır.

1. Eklentiyi Divi Marketplace'ten satın alın ve indirin
2. Eklentiler > Yeni Ekle > Eklenti Yükle'ye gidin
3. Dosya Seç'i tıklayın
4. Eklentinin zip dosyasını bilgisayarınızda bulun ve seçin
5. Şimdi Yükle'yi tıklayın
6. Etkinleştir'i tıklayın
7. WordPress panosunda Divi Supreme Pro > Lisans'a gidin ve lisans anahtarınızı girin

Genel Ayarlar

Divi Supreme, ayarları istediğiniz şekilde özelleştirmek için birkaç sekme içeren bir menü ekranı ekler. Genel Ayarlar sekmesi, zamanlanmış öğeleri, bir açılır pencereyi, bir kitaplık widget'ını, bir daha fazla içerik oku bağlantısını, kitaplık kısa kodlarını ve duyarlı bir görüntüleyiciyi etkinleştirmek için geçişler içerir. Bunlardan birkaçına bakalım.

Zamanlanmış Öğe

Zamanlanmış Öğeler, tam zamanı gösteren bir takvim sağlar, böylece o zamanlar için onu göstermek veya gizlemek için zamanlayabilirsiniz. Ayrıca hangi kullanıcı için geçerli olduğunu da seçebilirsiniz. Bu, tüm bölümlere, satırlara, sütunlara ve modüllere eklenir.

Açılır

Açılır pencere özelliği modüllere eklenir. Açılır pencere türünü seçebilir, kitaplıktan bir düzen seçebilir, açma ve kapama tetikleyicilerini seçebilir, otomatik kapanma, içeri ve dışarı animasyonlar, konumlar, genişlikler, bindirmeler, kapatma düğmeleri, simgeler, renkler vb. seçebilirsiniz.

Devamını oku

Devamını Oku, içeriklerini tıklamayla ortaya çıkarmak için belirli modüllere bir bağlantı ekler. Bağlantıyı mobilde, daraltılmış yüksekliği, metni, yazı tipini, renkleri, gölgeyi, özel CSS'yi ve daha fazlasını göstermeyi seçin.

Kütüphane Widget'ı

Kitaplık Widget'ı, Divi Kitaplığından herhangi bir düzeni kenar çubuklarınıza, altbilginize veya widget'ları kullandığınız herhangi bir yere yerleştirmenize olanak tanır.

Bu örnek, kenar çubuğundaki demo düzenini gösterir. Kullandığım düzen bu alan için tasarlanmamıştı, ancak kenar çubukları oluşturmak için Divi düzenlerini kullanabilmesi ilginç.

Duyarlı Görüntüleyici

Duyarlı Görüntüleyici, Oluşturucu Araç Çubuğuna daha fazla görüntüleme seçeneği sağlayan yeni araçlar ekler. Tablet veya telefon modlarını görmeyi seçtiğinizde, araç çubuğuna yeni ekran boyutları eklenir. Ayrıca, özel bir boyut girebileceğiniz bir alan da ekler.

Kolay Tema Oluşturucu

Easy Theme Builder, başlığınızı yapılandırmanıza, kaydırma sırasında başlık öğelerinin renklerini değiştirmenize ve küçülen öğeleri özelleştirmenize olanak tanır.

Sabit Başlık

Varsayılan olarak, Tema Oluşturucu ile oluşturulan bir başlık siteyle birlikte kayar. Yukarıdaki örnekte, sayfayı aşağı kaydırdım ve başlık kaydırıldı.

Başlık şimdi sabitlendi, bu yüzden kaydırdığımda başlık yerinde kalıyor.

kaydırma

Kaydırmak için her iki bölümde de arka plan renklerini değiştirdim. Ayrıca kaydırmada görünmesi için kutu gölgesini de ekledim.

Kaydırmadan önce Tema Oluşturucu başlığım burada. Bunu Sabit olarak ayarladım ve içeriği aşağı ittim. Bu başlığın iki bölümü vardır.

Kaydırdıktan sonraki başlık burada. İki bölüm, ayarlarıma göre arka plan renklerini değiştirdi.

Çekmek

Küçült, kaydırma sırasında menünün boyutunu belirlemenize ve logoyu yeni bir görüntüyle değiştirmenize olanak tanır. Bölüme, satırlara, modüle dolgu ekleyin ve görüntünün küçültülmesi için bir yüzde belirtin.

İşte varsayılan ayarları ve yeni logosuyla Tema Oluşturucu başlığım.

Farkı görmek kolay olsun diye boyutlandırmayı büyütecek şekilde ayarladım. 8px dolgu ekledim ve görüntüyü %80'e ayarladım. Şimdi logoyu yeni resmimle değiştirdi.

Sosyal Medya Ayarları

Sosyal Medya Ayarları, Facebook Uygulama Kimliğinizi girmenize ve dili, modüllerinizin web sitenizle aynı dili kullanması için değiştirmenize olanak tanır.

Çeşitli

Çeşitli ayarlar, kaldırıldığında eklentinin verilerini kaldırmanıza, JSON dosya yüklemelerine, SVG yüklemelerine izin vermenize ve Divi Supreme menü adını ve simgesini değiştirmenize olanak tanır.

Bölme Modülleri

Divi Supreme, Divi Builder'a 42 yeni modül ekler. Resimler, metinler, düğmeler, iletişim formları, sosyal medya ağları vb. için birçok yeni özellik ekliyorlar. Bunlardan birkaçına bakalım.

Yüksek Çalışma Saatleri

Supreme Çalışma Saatleri, haftanın her günü için alt modüller içerir ve bunları ayrı ayrı adlandırmanıza, farklı saatleri göstermenize ve stillendirmenize olanak tanır. Burada yaptığım gibi onları birlikte de şekillendirebilirsiniz. Size gün ve saat yazı tipleri üzerinde bağımsız kontrol sağlar. Ayrıca alanlara istediğiniz metni girebilirsiniz.

Yüce Düğme

Supreme Button, birlikte veya bağımsız olarak şekillendirebileceğiniz iki düğme sunar. Ayrıca ayırıcı metin, her düğme için bir ışık kutusu ve araç ipuçları ekler. Öğelerin her birinin kendi stil seçenekleri vardır. Tam olarak istediğiniz özellikleri kullanabilirsiniz, böylece her iki düğmeyi, ayırıcı metni vb. kullanmak zorunda kalmazsınız.

Üstün Kart

Supreme Card, blog gönderilerine benzeyen kartlar oluşturur. Bir resim, başlık, açıklama, düğme ve rozet ekleyin. Öğelerin her biri bağımsız olarak şekillendirilebilir. Bir resim ekledim, başlık için yazı tipi ağırlığını artırdım, rozet rengini ve yazı tipi boyutunu değiştirdim, düğmelerin rengini değiştirdim, düğmeyi yuvarlak yaptım ve düğmeye bir kutu gölgesi ekledim. Bu yığılmış görünümdür.

Ayrıca satır içi yapabilir ve genişliği, sıra hizalamasını ve yatay içerik hizalamasını (görüntünün dikey konumunu ayarlar) seçebilirsiniz. Bu, sipariş hizalaması için solu ve yatay hizalama için merkezi gösterir. Hizalama seçeneği, alternatif bir düzende CTA'lar oluşturmak için mükemmeldir.

Bu doğru hizalamadır. Ayrıca görüntüde yuvarlatılmış köşeler, kırmızı kenarlık ve kutu gölgesi gibi bazı ayarlamalar yaptım. Ayrıca görüntüye bir kaplama da ekleyebilirsiniz.

Üstün Kart Döner

Supreme Card Carousel, Supreme Card ile aynı özellikleri sağlar, ancak bir kaydırıcıya birden fazla kart ekler. Kartları bağımsız olarak şekillendirebilmeniz için size stil seçenekleri sunar. Ayrıca, atlıkarınca için oklar ve nokta gezinme dahil stil seçenekleri ve standart kaydırıcı özellikleri ekler. Bu, eklediğim resimlerle varsayılan ayarları gösterir. Bu yığılmış hizalamadır.

Bu, satır içi hizalamadır. Alt modüllerin her birine bir arka plan rengi ekledim, böylece birbirinden ayrı. Ayrıca okların boyutunu ve rengini ve nokta navigasyonunun renklerini de değiştirdim. Ok ayarları ayrıca konum, önceki simge ve sonraki simge üzerinde kontrol sahibi olmanızı sağlar.

Üstün Çift Başlık

Yüce İkili Başlık Metin için üç bölüm sağlar: öncesi, ortası ve sonrası. Orta metin varsayılan olarak farklı bir renktir. Üçü de aynı ayarları kullanır, ancak bunları bağımsız olarak şekillendirebilirsiniz. Bunları ayrıca istediğiniz kombinasyonda satır içi veya yığılmış olarak da gösterebilirsiniz. Satır içi varsayılan ayardır. Ön ve orta metnin yazı tipi boyutunu büyüttüm, sonraki metni küçülttüm ve orta metni kalın yaptım.

Yüce Gömülü Google Haritası

Yerleşik Google Haritası, sabitlemesini istediğiniz adresi eklemenize ve yakınlaştırma düzeyini seçmenize olanak tanır. Başka bir kuruluma gerek yoktur. Yakınlaştırmak için ctrl+ kullanır, böylece kullanıcılar haritayı yakınlaştırmak için sayfa durmadan onu kaydırabilir.

Harita öğelerinin hiçbiri için özel ayarlara sahip değildir, ancak tüm standart tasarım seçeneklerine sahiptir. Bu örnekte bir kutu gölgesi ekledim ve filtreleri ayarladım.

Yüce Gömülü Twitter Zaman Çizelgesi

Yerleşik Twitter zaman çizelgesi, o kullanıcının Twitter gönderilerini düzeninize yerleştirmek için bir Twitter kullanıcı adı belirlemenize olanak tanır. Tweet sayısını sınırlayın, üstbilgiyi, altbilgiyi, kenarlığı, kaydırma çubuğunu gösterin ve arka plan rengini kaldırın. Standart tasarım ayarlarını içerir. Ayrıca açık ve koyu bir tema içerir.

Üstün Facebook Yorumları

Facebook Yorumları, bir Facebook sayfasının yorumlarını gömer ve kullanıcıların Facebook hesaplarını kullanarak yorum yapmalarına olanak tanır. Gösterilecek yorum sayısını seçin, açık veya koyu bir şema seçin ve yorumların nasıl sıralanacağını seçin. Kullanıcılar Facebook'ta kişiyi Beğenebilir, Yanıtlayabilir ve takip edebilir. Standart tasarım ayarlarını içerir.

Yüce Simge Listesi

Supreme Icon List, içeriği ekleyebileceğiniz ve her öğe için bir simge seçebileceğiniz alt modüller içerir. Metni ve simgeleri bağımsız olarak biçimlendirebilirsiniz. Ayrıca her öğenin arkasına renk, degradeler, resimler ve video dahil olmak üzere arka planlar ekleyebilirsiniz.

Yüce Şekiller

Supreme Shapes, açılır listeden bir şekil seçmenize ve boyutunu ayarlamanıza olanak tanır. Aralarından seçim yapabileceğiniz 17 farklı şekle sahiptir.

Tasarım seçenekleri, rengi değiştirmenize, kenarlık kullanmanıza ve gölge eklemenize olanak tanır. Ayrıca standart tasarım ayarlarını içerir. Yukarıdaki örnekte rengi değiştirdim ve bir gölge ekledim.

Satın almak

Divi Supreme, Divi Marketplace'te 79 $ karşılığında mevcuttur. Fiyata sınırsız web sitesi kullanımı ve bir yıllık destek ve güncelleme dahildir.

Biten Düşünceler

Divi Supreme Pro, Divi için ilginç bir eklentidir. Bir sürü yeni özellik ve modül ekler, ancak kullanımı kolay kalır. Tüm özellikler kullanışlıdır. Bazıları efektler eklerken diğerleri Divi'yi büyük ölçüde genişleten özellikler ekler. Bir sürü eklentiye ihtiyaç duymadan Divi sitenizi veya araç kutunuzu genişletmek istiyorsanız, Divi Supreme Pro bir göz atmaya değer.

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

VectorKnight / Shutterstock.com aracılığıyla Öne Çıkan Görsel