Divi Plugin Highlight: Divi Accordions Plus

Yayınlanan: 2023-01-30

Divi Accordions Plus, Divi Builder için yeni bir akordeon oluşturucu ekleyen üçüncü taraf bir modüldür. Birden fazla Divi Accordions Plus Modülünü tek bir sayfada birlikte kullanın ve bunlar tek bir akordeon gibi çalışır, böylece biri açıldığında diğeri kapanır. Akordeonları birlikte veya ayrı ayrı şekillendirin, simgeleri ve resimleri görüntüleyin ve çok daha fazlasını yapın. Bu gönderide Divi Accordions Plus'a bakacağız, neler yapabildiğini göreceğiz ve ihtiyaçlarınız için doğru ürün olup olmadığına karar vermenize yardımcı olmak için kullanımının ne kadar kolay olduğunu göreceğiz. Bu eğitim için arka plan olarak Poke Restaurant Hakkında Sayfa Düzeni'ni kullanacağız. Yani henüz indirmediyseniz, Divi üyeliğiniz ile şimdi edinebilirsiniz.

Divi Akordeon Plus Modülü

Divi Accordions Plus, Divi Builder'a yeni bir modül ekler. Modülü Divi düzenleriniz içinde istediğiniz yere eklemeniz yeterlidir.

Düzene Accordions Plus ekleme

Akordeon Alt Modülleri

Alt modüller bireysel akordeonlar oluşturur. Yeni Öğe Ekle'ye tıklayarak istediğiniz kadar ekleyin. Ayrıca bunları klonlayabilir, yeniden düzenleyebilir ve silebilirsiniz. Ana modüldeki ayarlara uyarlar, ancak kullanmanız gereken belirli içerik ve tasarım ayarları vardır.

yeni öğe ekle

İçerik

Bir başlık, alt başlık (isterseniz devre dışı bırakabilirsiniz) ve gövde içeriği ekleyin. Bunlar akordeonların ana unsurlarıdır.

akordeon içeriği

Öğe Durumu

Öğe Durumu, sayfa yüklendiğinde akordeonların açık veya kapalı durumunu ayarlar. Varsayılan olarak kapalıdır, yani akordeonlar kapalıdır. Bu örnekte akordeonu açmadım. Item State'i etkinleştirdiğimde otomatik olarak açıldı.

Akordeon aktif durumu

Divi Accordions Plus Accordion Alt Modülleri Tasarım Ayarları

Alt modüller için Tasarım sekmesi, o tek akordeon için ayarları kontrol eder. Aynı görünmelerini istiyorsanız ana modülün ayarlarında özelleştirebilirsiniz, ancak yine de resimleri ve simgeleri seçmek için bu ayarları kullanmanız gerekecek. Alt modüle özgü ayarlara bakalım.

Sol Simge

Sol Simge, akordeonun solunda görünen grafik öğeyi kontrol eder. Etkinleştirin veya devre dışı bırakın, açıkken döndürmesini sağlayın, bir simge veya görüntü seçin ve standart Divi araçlarıyla stil verin. Logo gibi bir resim veya simge solda harika çalışıyor. Bu örnekte, bir görüntü seçtim ve Sola Döndür Simgesini (Open Toggle) etkinleştirdim, böylece akordeonu açtığımda görüntü döndü.

Sol simgeyi etkinleştirme

Bu örnek için, arka planı ve simge rengini ayarladım.

Sol simge stili

Sağ Simge

Sağ Simge, akordeonun sağında görünen grafik öğeyi kontrol eder. Etkinleştirin veya devre dışı bırakın, açıkken döndürmesini sağlayın, bir simge veya görüntü seçin ve standart Divi araçlarıyla stil verin. Akordeonun açık veya kapalı durumunu gösteren bir simge sağda harika çalışıyor.

Doğru simgeyi ekleme

Bu örnekte farklı bir simge seçtim, simge rengini, arka plan rengini değiştirdim ve stil verilmiş bir kenarlık ekledim.

Sağ simge stili

Divi Akordeon Plus İçerik Ayarları

İçerik sekmesi, temel Divi ayarlarını ve Divi Accordions Plus'a özgü birkaç ayarı içerir.

Hız

Hız, geçişlerin ne kadar hızlı açılıp kapandığını kontrol eder. Milisaniye cinsinden ayarlanmıştır.

Akordeonun geçiş hızını ayarlama

mod

Mod, akordeonların çalışma şeklini değiştirir.

Akordeon Modu

Akordeon Modu, birden çok etkin geçiş ve tek bir etkin geçiş arasında seçim yapmanızı sağlar. Çoklu Aktif Geçişler, kullanıcı onları kapatana kadar tüm geçişleri açık bırakır. Aşağıdaki örnek Çoklu Aktif Geçişleri göstermektedir.

Birden çok aktif geçiş örneği

Tek Etkin Geçişler, aynı anda yalnızca bir açık geçişe izin verir. Kullanıcı yeni bir geçiş seçtiğinde açık geçişi kapatır. Bu örnek, Tek Etkin Geçişleri gösterir.

Tek aktif geçiş modu, akordeonların nasıl çalıştığının standart modu

Küresel Akordeon Modu

Küresel Akordeon Modu, yeni ve ilginç bir özelliktir. Sayfadaki Divi Accordion Plus Modüllerinin sayısına bakılmaksızın tek bir açık geçişe izin verir. Global Akordeon Modunu kullanmak istediğiniz sayfadaki her Divi Accordions Plus modülünde Global Akordeon Modunu etkinleştirin. Bu modun etkinleştirilmediği herhangi bir modül, moddan etkilenmeyecektir. Bu, özellikle aynı Satırda çok sütunlu akordeonlar oluşturmak için harikadır.

Aşağıdaki örnekte, başka bir Divi Accordions Plus modülü ekledim ve Global Accordion Mode'u her ikisi için de etkinleştirdim. Modüllerden birinde akordeon açtığımda diğer modülde açık olan akordeon kapanıyor.

Küresel geçiş

Divi Akordeon Plus Tasarım Ayarları

Tasarım ayarları, tüm akordeonlar için varsayılan stilleri kontrol eder. Bireysel alt modül ayarları bu ayarların üzerine yazılır.

Başlık

Başlık, arka plan rengini, açık geçiş arka plan rengini, aralığı, kenarlıkları ve kutu gölgesini kontrol eder. Bu örnekte, açık ve kapalı geçişi için arka plan renklerini değiştirdim.

Öğe başlığı arka plan renkleri

Sol Simge

Sol Simge, tüm akordeon modülü için simge rengini, simge açık geçiş rengini, arka plan rengini, açık geçiş arka plan rengini, aralığı, kenarlığı ve kutu gölgesini kontrol eder. Stilde tekdüzelik olmasını istiyorsanız, simgenin renklerini burada ayarlamak ve ardından akordeondaki her geçiş için simgenizi ayrı ayrı seçmek en iyisidir. Bu örnekte, arka plan rengiyle daha kusursuz hale getirmek için simgelerin çevresine bir kenarlık ekledim ve stil verdim.

Sol simgeyi şekillendirme

Sağ Simge

Sağ Simge, simge rengini, simge açık geçiş rengini, arka plan rengini, açık geçiş arka plan rengini, aralığı, kenarlığı ve kutu gölgesini kontrol eder. Örnekte, açık geçiş renklerini, kenarlığı ayarladım ve açık geçişte simge rengini değiştirdim.

Doğru simgeyi şekillendirme

Başlık

Başlık, başlık arka plan rengini, açık geçiş arka plan rengini, aralığı, kenarlığı ve kutu gölgesini kontrol eder.

Başlık arka plan rengini ayarlama

Gövde

Gövde, öğe gövdesini, aralığı, kenarlığı ve kutu gölgesini kontrol eder. Bu örnekte kenarlığı ayarladım.

Akordeon vücut şekillendirme

Başlık metni

Başlık Metni, açık geçiş metnini kontrol eder ve başlık ile alt başlığı aynı menüden bağımsız olarak kontrol etmenizi sağlar. Tüm standart metin kontrollerini içerir. Başlıkların ve altyazıların renklerini ayarladım, başlığın yazı tipi boyutunu değiştirdim ve aşağıdaki örnekte kalın olarak ayarladım.

Başlık metni stili

Gövde Başlıkları

Gövde Başlıkları, içerik alanında belirttiğiniz gövde başlıkları için tüm standart metin kontrollerini içerir. Aşağıdaki örnekte, gövde içeriğine hem H2 hem de H3 başlık etiketi ekledim. Gövde içeriğindeki her iki başlık için yazı tipi ağırlıklarını ve rengini değiştirdim.

Gövde başlıkları stili

Gövde metni

Gövde Metni, içerik alanındaki gövde metni için tüm standart metin kontrollerini içerir. Bu örnekte yazı tipini değiştirdim, italik yaptım, rengini değiştirdim ve yazı tipi boyutunu değiştirdim.

Gövde metni stili

Divi Poke Restaurant ile Son Demo

Divi Poke Restaurant Düzen Paketi'nin Hakkımızda Sayfa Düzeni'nde son akordeon böyle görünüyor.

Üst bilgi, alt bilgi ve sayfa düzeni ile nihai sonuç

Divi Accordions Plus Demoları

Divi Accordions Plus, başlamanız için yedi demo ile birlikte gelir.

Tanıtım 1

İlk demo, çok renkli simgelere sahip çok sütunlu bir akordeon içerir. Akordeonların tek kenarlığı vardır ve içerik tüm kenarlardan çerçevelenmiştir.

Divi Accordions Plus Demoları

Demo 2

İkinci demomuz, akordeonu mavi vurgular ve kutu gölgelerle tek bir sütunda sunar. Simgelerin arka planı mavidir.

Divi Accordions Plus Demoları

Demo 3

Üçüncü demomuz iki sütunlu bir düzen kullanır ve akordeonların her biri için farklı renkler kullanır.

Divi Accordions Plus Demoları

Demo 4

Dördüncü demo, sıcak renkler ve açık kenarlıklarla tek sütunlu bir akordeon kullanır.

Divi Accordions Plus Demoları

Demo 5

Demo beş, kırmızı başlıklar ve simgeler kullanır ve gövde için ten rengi arka planlar ve başlıklar için yeşil arka planlar içerir. Akordeonlar iki sütun halinde yerleştirilmiştir.

Divi Accordions Plus Demoları

Demo 6

Altıncı demo, başlık metni için daha koyu mavi ve açık akordeon için simge arka planı ile açık mavi başlık arka planları kullanır.

Divi Accordions Plus Demoları

Demo 7

Demo yedi, akordeonun her bir öğesini, her bir öğe için kutu gölgeleriyle bağımsız olarak görüntüler.

Divi Accordions Plus Demoları

Divi Accordions Plus'ı satın alın

Divi Accordions Plus, Divi Marketplace'te 9$'a satılmaktadır. Sınırsız kullanım, 30 günlük para iade garantisi ve bir yıllık destek ve güncellemeleri içerir.

Biten Düşünceler

Divi Accordions Plus'a bakışımız bu. Bu basit bir modüldür, ancak akordeonlar için pek çok özellik içerir. Özellikle aynı sayfada birden fazla modülle çalışmasını seviyorum. Ayarları sezgisel buldum ve ayarlamak istediğim her ayar oradaydı. Kullanımı kolay, güçlü bir akordeon oluşturucuyla ilgileniyorsanız, Divi Accordions Plus bir göz atmaya değer.

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