Divi Plugin Highlight: Divi Accordions Plus

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.

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.

İç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.

Öğ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ı.

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ü.

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

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

Gövde

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

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.

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 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.

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.

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.

Demo 2

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

Demo 3

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

Demo 4

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

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.

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.

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'ı 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.