Divi 2.4'ü Keşfetmek: Üçüncü Taraf Eklentileri Oluşturucuya Entegre Etmek için Divi Kodu Modülünü Kullanma

Bu haftanın başlarında, Divi tarihindeki en büyük yükseltme ve en popüler WordPress temamız için dev bir adım olan Divi 2.4'ü tanıttık. Bu güncellemede keşfedilecek o kadar çok harika özellik var ki, hepsini sürüm gönderisinde açıklamak zordu, bu yüzden size nasıl alınacağını öğretmeyi amaçlayan 2 haftalık bir dizi bilgilendirici blog gönderisi yapmaya karar verdik. Divi 2.4'ün tam avantajı ve yeni seçenekleri. Bu dizinin beşinci bölümünde, yeni Divi Kodu Modülünü ve üçüncü taraf eklentileri Divi Builder'a entegre etmek için nasıl kullanılabileceğini keşfedeceğiz.

Divi 2.4 Hakkında Her Şeyi Buradan Öğrenin

Üçüncü Taraf Kısa Kodlarını Oluşturucuda Kolayca Birleştirin

Divi 2.4'te, üçüncü taraf eklentileri doğrudan Divi Builder'a entegre etmek hiç olmadığı kadar kolay. Bu, yeni Kod Modülü ve Tam Genişlik Kod Modülü sayesindedir. Geçmişte, metin modülleri sayfaya kısa kodlar eklemek için kullanılabilirken, modül, kod entegrasyonu için gereksiz olan ekstra ziller ve ıslıklarla birlikte gelirdi. Daha da önemlisi, Tam Genişlik Bölümlerine kısa kod ekleme yöntemi mevcut değildi. Bu sorunların her ikisi de 2.4'te çözüldü ve basit bir modülün yapmanıza izin vermesi şaşırtıcı.

Divi'nin gücü, yalnızca içerdiği çok çeşitli yerel modüllerden değil, daha da önemlisi oluşturucunun sezgisel yerleşim araçlarından gelir. Divi'nin geniş sütun yapısı ve satır seçenekleri yelpazesini kullanarak çeşitli düzenler oluşturma beceriniz, oluşturucuyu bu kadar çok yönlü yapan şeydir.

Bu karmaşık düzenlerin üçüncü taraf eklentilerle birleştirilebileceğini düşündüğünüzde, çok daha fazla olasılık ortaya çıkıyor. Divi'nin birlikte çalışacağı çok şey var, ancak sizin de dallanmamanız için hiçbir neden yok.

Kod Modülünü Kullanma

Divi artık hem Kod Modülü hem de Tam Genişlikli Kod modülü ile birlikte gelir; bu, bir bölüm türüne kod ve üçüncü taraf kısa kodları ekleyebileceğiniz anlamına gelir. Bir sütuna veya Tam Genişlik Bölümüne yeni bir modül eklediğinizde, mevcut modüller listenizde yeni Kod Modülünü arayın.

Kod modüllerini kullanmak inanılmaz derecede kolaydır. Bu gerçekten sadece kısa kodlarınızı yerleştirmek için bir yer ve modül ayarlarının içinde yalnızca tek bir metin alanı var (tüm modüllerle birlikte gelen Yönetici Etiketi, CSS Kimliği ve CSS Sınıfı seçeneklerinin dışında).

Sayfanıza bir kısa kod eklemek isterseniz, bunu Kod Modülünün metin alanına yapıştırın ve kaydedin.

Üçüncü Taraf Entegrasyon Örnekleri

Orada çok sayıda şaşırtıcı WordPress eklentisi olduğundan, kod modüllerini kullanmanın sınırsız yolu vardır! Divi sitelerinizi genişletmek için entegre üçüncü taraf eklentilerin nasıl kullanılabileceği hakkında size bir fikir vermek için, aşağıda bazı örnek entegrasyonları özetledim.

Tam Genişlik Kaydırıcısı Devrim Kaydırıcısı

Fullwidth Code modülünü kullanarak Slider Revolution'ı (ve diğer popüler üçüncü taraf kaydırıcı eklentilerini) sorunsuz bir şekilde entegre edebilirsiniz. Divi Slider Modülü sizin için yeterince sağlam değilse, başka bir şey denemekten çekinmeyin. Divi'yi diğer harika eklentilerle birleştirmek, kesinlikle oluşturucudan tam olarak yararlanmanın bir yoludur.

Bu örnekte, yeni bir kaydırıcı oluşturmak için Slider Revolution eklentisini kullandım. Standart Fullwidth Divi Slider yerine kullanmak istediğim kaydırıcı bu.

Çoğu kaydırıcı eklentisinde olduğu gibi Slider Revolution ile yeni bir kaydırıcı oluşturduğunuzda, kaydırıcınızı sitenizdeki herhangi bir gönderiye veya sayfaya eklemek için kullanılabilecek bir kısa kod oluşturulur.

Divi'nin yeni Tam Genişlikli Kod Modülü burada devreye giriyor. Bu modülü kaydırıcının kısa koduyla birlikte kullanarak özel bir kaydırıcı oluşturabilir ve Divi ile alıştığınız tüm çok yönlülük ve özgürlüklerin keyfini çıkarabilirsiniz.

Divi'nin kod modülü oldukça basittir (konu budur), sadece kodunuzu metin alanına yapıştırın ve kaydet'i tıklayın. Bu kadar!

Bir Tam Genişlik Bölümü içinde bir Tam Genişlik Kodu modülü kullandığımızdan, bu yeni kaydırıcı sayfanın tüm genişliğini genişletir ve Divi düzeninize mükemmel şekilde uyar. Divi Builder'a yerleştirildiğinden, kaydırıcının üçüncü taraf bir eklenti tarafından oluşturulduğunu söylemek zor.

Tam Genişlik Temel Izgara Galerisi

Essential Grid, yerel Divi Galerisi ve Portföy modüllerine bir alternatif sunan bir başka popüler ticari eklentidir. Modüllerimizin şu anda desteklemediği bir stil elde etmek istiyorsanız, üçüncü taraf galeri eklentilerine dalmak denemeye değer! Kod Modülü sayesinde, Fullwidth Sections standardına Essential Grid eklemek basittir.

İlk olarak, Essential Grid eklentisini kullanarak yeni galerimi oluşturdum. Çoğu galeri eklentisinde olduğu gibi, bu galeriyi sitemin herhangi bir yerinde görüntülemek için kullanılabilecek bir kısa kod verildi. Bu kısa kodu kopyalayıp oluşturucuya yapıştırarak, yeni ızgarayı Divi oluşturucu sayfamıza ekleyebiliriz.

Sayfanıza yeni bir kısa kod eklediğinizde, Kod Modülü bunu yapmanın en iyi yoludur. Bu durumda galerimin tarayıcının tüm genişliğini genişletmesini istiyorum (tıpkı Divi'nin yerel Tam Genişlikli Portföy modülü gibi). Tam genişlikte olmasını istediğim için, Tam Genişlik Kod Modülü ile birlikte yeni bir Tam Genişlik Bölümü ekledim. Fullwidth Module'ün içerik alanına, daha önce kopyaladığım Essential Grid kısa kodunu yapıştırdım.

Sayfayı güncelledikten sonra, yeni üçüncü taraf galerimin sayfaya eklendiğini görebilirsiniz. Her biri ek stil veya boşluk içermeyen Kod Modülü ve FullWidth bölümünü kullandığım için tam genişlik satırımızda harika görünüyor. Sonuç, düzene mükemmel şekilde uyan akıcı bir ızgaradır.

Bloom Katılım Formları

Kod modülünü kullanmak, kendi Bloom eklentimizi Divi'ye entegre etmenin harika bir yoludur. Bloom'un çeşitli entegrasyon yöntemleri vardır. Bazı seçenekler, sayfanıza otomatik olarak bir açılır pencere veya katılım formu ekler, bu da e-posta listenizi oluşturmaya başlamanızı kolaylaştırır. Ancak Bloom, kısa kod entegrasyonu da sunarak, katılım formunun tam olarak nerede göründüğü konusunda size daha fazla kontrol sağlar. Formu otomatik olarak sayfalarınızın üstüne veya altına eklemek yerine, op-in formunu oluşturucunun içine eklemek için kısa kod kullanılabilir. Kısa kodu Divi's Code Module ile birlikte kullanarak, katılım formlarının nerede görüneceği konusunda daha stratejik olabilirsiniz. Katılım formu sayfanızın belirli noktalarına yerleştirildiğinde daha fazla dönüşüm elde ettiğinizi görebilirsiniz.

Inline Opt-In formumu oluşturduktan sonra daha önce yaptığımız gibi kısa kodu kopyalayıp yapıştırıyorum. Bu kısa kod artık Divi Kod Modülünün içine yerleştirilebilir.

Bu sefer Slider Revolution ve Essential Grid entegrasyonu için kullandığımız Fullwidth Code Module yerine bir Specialty Section içindeki standart kod modülünü kullanacağım.

Bu yeni bölümü ana sayfamdaki kaydırıcının altına yerleştirerek, kullanıcıların katılım formunu hemen göreceğinden emin olabilirim. Ayrıca, soldaki bazı bilgilendirici tanıtım yazılarıyla katılım formunu destekleme fırsatı da veriyor. Bu tekniği kullanarak, sitenizin herhangi bir yerine bireysel katılım formları yerleştirebilir, bu formları sayfa içeriğine ve ziyaretçinizin ilgi alanlarına göre uyarlayabilirsiniz.

Dallanmayı Kolaylaştırmak

Divi'yi harika bir hepsi bir arada çözüm olarak düşünmeyi seviyoruz, ancak bu arada bir üçüncü taraf eklentileri kullanamayacağınız anlamına gelmiyor! Aslında, WordPress'i bu kadar harika yapan WordPress topluluğu ve bunun için sunulan binlerce ücretsiz ve ticari eklentidir. Yukarıdaki örnekler binlerce olasılıktan sadece birkaçıdır, bu yüzden denemekten çekinmeyin!