2019'un En İyi 10 Divi Eğitimi

Bu yıl, Elegant Themes blogundaki Divi içeriği için şimdiye kadarki en büyük yılımızdı. Şimdiye kadarki en iyi eğitimlerimizden bazılarını içeren yüzlerce gönderi yayınladık. Bu yazıda, en popüler on (yıl boyunca en çok ziyaret edilen) Divi öğreticimizi vurgulayarak editör kadromuzun mükemmel çalışmalarını vurgulama fırsatını kullanmak istedim. Ve elbette size, topluluğa, emrinizde olan en iyi Divi kaynaklarımızdan sadece birkaçını hatırlatmak için.

2019'un En İyi 10 Divi Eğitimi

1. Divi Web Sitenizi Hızlandırmanın En İyi Rehberi

Aslında Divi, Divi sitelerinin (ve Divi Builder'ın) her zamankinden daha hızlı çalışmasını sağlayan önceki güncellemelere eklenen birçok performans geliştirmesine sahiptir. Ayrıca Divi, üçüncü taraf optimizasyonu göz önünde bulundurularak oluşturulmuştur. WordPress için kullanılan performans optimizasyonu eklentilerinin çoğu, Divi web sitenizin hız performansını artırmak için de kullanılabilir.

Bu yazıda Divi'yi hızlandırmak için neler yapıldığını ve daha da hızlı hale getirmek için neler yapabileceğimizi keşfedeceğiz.

Bu Yazıyı Oku

2. Divi veya Extra ve WPML ile Çok Dilli Bir Web Sitesi Nasıl Oluşturulur

Divi ve Extra ile çok dilli bir web sitesi oluşturmak kolaydır. Her ikisi de WPML'ye hazır, yani Divi ve Extra ile çok dilli bir web sitesi oluşturabilirsiniz. WPML, Divi ve Extra ile uyumluluğu artıran değişiklikler yaptı ve web sitenizi çevirmeyi daha da kolaylaştıran özellikler ekledi. Bu yazıda Divi veya Extra ve WPML ile çok dilli bir web sitesinin nasıl oluşturulacağını göreceğiz.

Bu Yazıyı Oku

3. Yerleşik Ayarları Kullanarak Elde Edebileceğiniz 5 Yaratıcı Divi Başlık Modülü Stili

Kutudan çıktığı haliyle Divi Başlık Modülü, yalnızca birkaç ayar ile çarpıcı başlık tasarımları oluşturabilir. Bu, Divi'de web siteniz için başlıklar tasarlarken onu son derece popüler bir modül yapar. Ve biraz alışılmışın dışında bir düşünceyle, yalnızca yerleşik ayarları kullanarak (özel CSS olmadan) gerçekten benzersiz tasarımlar oluşturabilirsiniz. Bazı yeni başlık tasarımlarını keşfetmek isteyenler için size ilham verebilecek 5 Divi başlık modülü stilini göstereceğim.

Bu Yazıyı Oku

4. Divi Galeri Modülündeki Sütun Sayısını Farklı Kesme Noktalarında Değiştirme

Divi Galeri Modülü, duyarlı bir ızgara düzeninde güzel resim galerisi oluşturmanıza olanak tanır. Galeri, resimlerinizin boyutunu ölçeklendireceği ve ızgaradaki sütun sayısını farklı tarayıcı genişliklerine göre ayarlayacağı için duyarlı olarak kabul edilir.

Varsayılan olarak galeri modülü, ızgaradaki sütun sayısını ayarlayan üç kesme noktasına (belirli tarayıcı genişliklerinde stilin değiştiği noktalar) sahiptir. Resim galerinizi masaüstünde dört sütunda gösterecek ve ardından tablette üç sütuna, küçük tabletlerde (ve büyük telefonlarda) iki sütuna ve telefonlarda bir sütuna bölünecektir.

Bu varsayılan kurulum çoğu durumda genellikle işe yarar, ancak bazen belirli tarayıcı genişliklerinde görüntülenen sütun sayısı üzerinde daha fazla kontrole ihtiyacınız olabilir. Bu nedenle bu eğitimde, Divi Galeri Modülünde görüntülenen sütun sayısı üzerinde yalnızca masaüstü için değil, aynı zamanda üç ek tarayıcı kesme noktası için de tam kontrole nasıl sahip olacağınızı göstereceğiz.

Bu Yazıyı Oku

5. Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bu Yazıyı Oku

6. Divi'de Eklenti Olmadan Herhangi Bir Modül ile Flip Kartlar Nasıl Oluşturulur

Çevirmeli Kartlar, kullanıcıların web sitenizle etkileşim kurması için eğlenceli bir yoldur. Sadece harika bir çevirme animasyonu sağlamakla kalmaz, aynı zamanda kısa ve öz bir yerde ek bilgi sunmanıza da olanak tanır. Bu derste, size Divi Modüllerini bir eklenti kullanmadan nasıl flip kartlara dönüştüreceğinizi göstereceğim! Bu yöntemle bir Divi modülünü kartın ön yüzü olarak, diğer Divi modülünü ise kartın arka tarafı olarak kullanabileceksiniz. Divi oluşturucuyu kullanarak her bir modülü (ön ve arka) istediğiniz gibi tasarlayabilirsiniz. İşlevsellik, yalnızca birkaç CSS parçacığıyla gerçekleştirilir (jquery yok).

Bu Yazıyı Oku

7. Şirket Logolarını Divi'de Görüntülemenin Basit ve Yaratıcı Yolları

Web sitenizde şirket logolarını görüntülemek için birçok neden vardır. Şirket logolarının "Öne Çıkanlar" bölümü, potansiyel yatırımcılar veya ortaklar için geçerli olabilir. Veya bir "Müşterilerimiz Dahil Et" bölümü, ziyaretçilerle değerli sosyal kanıtlar oluşturabilir. Ancak nedeni ne olursa olsun, bu logoları web sitenize nasıl ekleyeceğinizi bilmek önemlidir. Bu derste, Divi ile web sitenize şirket logoları eklemek için üç farklı yöntemi inceleyeceğim. Hatta size herhangi bir Divi Modülüne nasıl logo galeri ekleyeceğinizi göstereceğim!

Bu Yazıyı Oku

8. Divi'nin Referans Modülünü Şekillendirmenin 5 Harika Yolu

Ziyaretçilerin bir web sitesinde her zaman aradığı tek şey referanslardır. Güvenilirliği temsil ederler ve web sitenizi ziyaret ederken potansiyel müşterilerin veya potansiyel müşterilerin karar verme sürecini etkiler. Paylaşacak güçlü referanslarınız olduğundan emin olmanın yanı sıra, onları görsel olarak çekici kılmak da önemli bir rol oynar. Bu gönderide, yalnızca yerleşik seçenekleri kullanırken Divi Referans Modülünü şekillendirmenin 5 harika yolunu göstereceğiz.

Bu Yazıyı Oku

9. Her Slaytta Belirli Öğeleri Değiştirmek için Divi Kaydırıcınızı Özelleştirme

Kaydırıcıların, web sitenizin ekranın üst kısmındaki bölümü en üst düzeye çıkarmak için harika olduğunu hepimiz biliyoruz. Onlar büyük! Kullanıcılar, sayfayı aşağı kaydırmak zorunda kalmadan görüntülenen birden fazla CTA ve önemli özelliklerle karşılanır. Ancak bazen slayttan slayta tasarım ve içerikte çok fazla değişiklik ziyaretçilerin dikkatini dağıtabilir veya bunaltabilir. Bu nedenle, bu öğreticide, her slayt geçişinde yalnızca belirli öğeleri değiştirmek için Divi kaydırıcınızı nasıl özelleştireceğinizi göstereceğim. Bu, her slaytta yalnızca belirli bir öğeyi (tek bir sözcük veya düğme gibi) değiştirirken kaydırıcınızın temel içeriğini ve tasarım bileşenlerini tutarlı tutmanıza olanak tanır. Ziyaretçiler, değişikliği kolayca işleyebilir ve harekete geçirici mesajınızı net bir şekilde anlayabilir.

Bu Yazıyı Oku

10. Divi'de Özel Fotoğraf Galerisi Kaydırıcısı Nasıl Oluşturulur

Kaydırıcıların, öne çıkan hizmetler, ürünler veya sayfalarla kullanıcıların ilgisini çekmek için ekranın üst kısmındaki uygun bir konumda harika olduğunu hepimiz biliyoruz. Bazı sitelerin (fotoğrafçılar olduğunu düşünüyorum) ana sayfalarında bir veya daha fazla fotoğraf galerisine yer vermeleri gerekir. Bunun için bir kaydırıcı kullanmak güzel bir seçenek olabilir. Ancak, fotoğraf galerinizi buna benzer bir kaydırıcıda göstermeyi düşünmemiş olabilirsiniz.

Bu eğitimde, size Divi'de tamamen özel bir fotoğraf galerisi kaydırıcısı oluşturmak için Divi resim galerilerini slaytlarınıza yerleştirmenin kolay bir yolunu göstereceğim. İşin püf noktası, kaydırıcınızın içerik alanında bir WordPress resim galerisi oluşturmaktır. Ardından, varsayılan WordPress Galerisi stili yerine Divi Galerisini kullanma seçeneğini belirlemeniz ve seçmeniz yeterlidir. Uygulaması süper kolay ve eğlenceli.

Bu Yazıyı Oku

Sonuç olarak

Her yıl odaklandığımız Divi içeriği türleri, büyük ölçüde hangi yeni özelliklerin yayınlanacağına bağlıdır. Yeni özellik sürümlerini, insanlara onu nasıl kullanacaklarını öğreten ve hatta bu özelliklerin sınırlarını ilginç yollarla zorlayan birçok yeni öğreticiyle tamamlamanın en iyisi olduğunu düşünüyoruz. Ancak bu yaklaşım, çok fazla atladığımız ve birkaç konuyu ele almamış olabileceğimiz anlamına gelir. Bu nedenle, yeni yılda sizin için halledebileceğimiz bir Divi eğitimi talebiniz varsa, lütfen aşağıda yorumlar bölümünde paylaşın, biz de onu sıraya ekleyelim!

Hobbit / Shutterstock.com üzerinden öne çıkan görsel