Üretkenliği ve Tasarımı Artıracak 25 “Gizli” Divi Özelliği

Yıllar boyunca piyasaya sürülen tüm güçlü Divi özellikleriyle, bazılarının gözden kaçmış (veya yok sayılmış) olabileceğini söylemek güvenlidir. Divi'yi günlük olarak kullananlarımız, zaman zaman Divi yöntemlerimizde takılıp kalabilir ve mevcut yeni özellikler hakkında küçük bir hatırlatmaya ihtiyaç duyabiliriz. Ve Divi'de yeni olanlar, düz sitede "gizlenen" özelliklere biraz ışık tutacak birine ihtiyaç duyabilirler. İster Divi Master ister Youngling olun, Divi'de bulunan TÜM özelliklere uzun uzun bakmaktan asla zarar gelmez. Sadece yeni bir şeyler öğrenebilirsin!

Bu gönderi için, üretkenliği ve tasarımı artırması amaçlanan ancak birçok kullanıcının dikkatinden kaçmış olabilecek 25 Divi özelliğini vurgulayacağım. Bu özelliklerin hepsinin sizin için yeni olmayacağını anlıyorum (bazıları Divi'nin başlangıcından beri var), ancak birkaçının sizi şaşırtacağına eminim.

Eğlence!

Üretkenliği ve Tasarımı Artıracak 25 “Gizli” Divi Özelliği

Youtube Kanalımıza Abone Olun

#1 Arama Seçenekleri arama çubuğu

Tamam, bu gerçekten o kadar "gizli" değil, ancak bazılarınızın bu özelliği kullanma alışkanlığı olmadığından şüpheleniyorum. Anladım. Eski alışkanlıklar zor ölür, ancak bu arama çubuğunu iş akışınıza dahil etmeye kesinlikle değer. Modülünüze özel dolgu eklemeniz gerekiyorsa, tasarım sekmesine tıklamak, aşağı kaydırmak, boyut geçişini açmak ve ardından özel kenar boşluğunuzu eklemekle yetinmeyin. Arama seçeneği çubuğuna "marj" yazmanız yeterlidir ve işte oradasınız! Tüm yazı tiplerinizin belirli bir modül için eşleştiğinden emin olmak ister misiniz? Arama seçenekleri çubuğuna "yazı tipi" kelimesini yazmanız ve gövde yazı tipini, başlık yazı tipini ve düğme yazı tipini küçük bir listede güncellemeniz yeterlidir.

İpucu: Arama yapmadan önce belirli bir sekmeye tıklamanız gerekmez. Arama sonuçları, metin ayarlarında nerede olursanız olun, üç sekmedeki tüm seçeneklerden çıkar.

Arama çubuğu, yeni bir modül eklerken de bulunabilir. İstediğiniz modülün adını yazmaya başlayın ve modülünüz bulmak için kaydırma yapmanıza gerek kalmadan listenin en üstünde görünecektir.

#2 Gradyanı Arka Plan Resminin Üstüne Yerleştirin

Bu, tasarım sürecini iyileştiren harika bir özellik. Görüntülere degrade kaplamalar eklemek web tasarımında bir zorunluluktur ve bu özellik, bu kaplamaları Divi Builder'ın içine eklemeyi kolaylaştırır. Modülünüze bir arka plan resmi ekleyin ve ardından bir degrade arka plan rengi kombinasyonu ekleyin. Degrade arka plan seçenekleri altında, "degradeyi arka plan görüntüsünün üzerine yerleştir" seçeneğini seçin. Degradenin arkasındaki görüntüyü görebilmeniz için degrade renklerinizde belirli bir opaklığa sahip olduğunuzdan emin olun. Ve Visual Builder ile degradenizi arka plan resminiz için mükemmel opaklığa ve renge kolayca ayarlayabilirsiniz.

#3 İki Degrade Arka Plan Renklerinizi Değiştirin: Bunun için bir düğme var.

Bu çok büyük bir özellik değil ama yine de renk kodlarını manuel olarak değiştiren bazılarınız olduğunu bilerek geceleri uyuyamayacağım için belirtmek istedim. Doğru gradyan arka planını elde etmek bazen zor olabilir, bu nedenle böyle seçeneklere sahip olmak iyidir.

Renklerinizi değiştirmek için, renk seçicinin üzerine gelin ve “renk alternatifi” (resmi terimden emin değilim) simgesine tıklayın. Silme simgesi de bir sonrakidir.

#4 Klavye Kısayolları

Bunları gözden kaçırmak kolaydır ve çoğu zaman unutulur. Ancak bunları kullanmayı taahhüt ederseniz, iş akışınızı hızlandıracaklar. Kısayol tuşlarını kullanarak kazandığınız zaman, onları KULLANMADAN harcadığınız zamanla karşılaştırıldığında önemli olabilir. Yani, el yazısıyla yetinmek yerine yazmayı öğrenmemizin bir nedeni var (gerçi el yazısını sevsem de). Aynı şey web siteleri oluşturmak için de geçerlidir.

Divi Builder Helper modelinde klavye kısayollarınızın bir listesini bulabilirsiniz. Basitçe Visual Builder içinden klavyenizdeki soru işaretini (shift + ?) yazın ve kısayollar sekmesine tıklayın.

Ah evet, yardım dokümantasyon videolarına aynı şekilde erişilebilir. Bunları unutmayalım.

İşte mevcut tüm kısayol tuşlarının bir listesi. Başlamanızı önerdiklerimi vurguladım (bunları her zaman kişisel olarak kullanıyorum):

#5 Tel çerçeve görünümü

Bundan bahsediyorum çünkü görsel oluşturucu ile tasarım yaparken arka uç yapısına gitme zorunluluğunun boşluğunu dolduruyor. Bu nedenle, arka uç oluşturucular için orada zor olan herkes için, görsel oluşturucuya geçmeyi düşünebilirsiniz.

Tel çerçeve görünümünü açıp kapatmak için kısayol tuşunu da unutmayın: shift + w

Kablo görünümünde mizanpajınızın daha da geniş bir görünümünü elde etmek için, tüm bölümü daraltmak için bölümlerinizin veya satırlarınızın her birinde geçiş ok simgesini seçebilirsiniz.

#6 Satır İçi Düzenleme

Satır içi düzenlemenin yapılabileceği birkaç yer var. Visual Builder'ı kullanırken ve belirli bir modül içindeki metni düzenlemek istediğinizde, içeriği değiştirmek için modül ayarlarını düzenlemek için tıklamanız gerekmez. Metne basit bir tıklama ile satır içi düzenleyici devreye girerek metni düzenlemenize olanak tanır.

Visual Builder'da tel kafes görünümünü kullanırken, etiketleri satır içinde de düzenleyebilirsiniz. Bir bölüm etiketinin adını değiştirmek ister misiniz? Bunu satır ayarları modundan veya sağ tıklama seçeneklerinden yapmanız gerekmez. Etikete tıklayın ve hemen orada düzenleyin.

İpucu: Satır içi düzenleyiciden çıkmak kafa karıştırıcı olabilir, ancak olması gerekmiyor. Basitçe esc tuşuna basın ve dışarıdasınız.

#7 Sağ Tıklama Seçeneklerini Kullanarak Visual Builder Bölünmüş Testi

Visual Builder'da bölünmüş test özelliğini kullanmanın ne kadar kolay olduğuna her zaman şaşırmışımdır. Tam özellik sürümünü okuyabileceğiniz için burada ayrıntılara girmeyeceğim. Ancak, bunun nasıl çalıştığının özü burada. Test etmek istediğiniz bölüm, satır veya modüle sağ tıklayın ve ardından sağ tıklama menüsünden bölünmüş testi seçin. Ardından testin hedefini seçin (iletişim formu girişi, düğme tıklaması vb.). Divi, yeni bir sürüm oluşturabilmeniz için test ettiğiniz öğenin otomatik olarak başka bir sürümünü (bölünür) oluşturur. Bu özelliği ilk test ederken, görsel oluşturucudan bölünmüş testimin her iki versiyonunu da nasıl göreceğimi anlamadım, bu yüzden ikisini de görmek için tel kafes görünümünü açtım. Ama bu gerekli değil. Bir ayırma testi hedefini etkinleştirdiğinizde, ayarlar menüsünde, ayırma testinizin farklı sürümleri arasında gezinmenize olanak tanıyan okların göründüğünü fark edeceksiniz.

#8 Özelleştirilebilir Oluşturucu Ayarları

Oluşturucu Ayarlarını keşfetmediyseniz, çok geç değil. Burada Visual Builder ile günlük etkileşiminizi iyileştirebilecek bazı yararlı ayarlar vardır.

Burada vurgulamak istediğim üç tane var.

Ayarlar Kalıcı Varsayılan Konum

Sizi bilmem ama benim büyük monitörümde düzenlemeler yaparken Modallarımı nasıl açacağım konusunda kesin bir tercihim var (Merak ediyorsan sabit sol kenar çubuğu konumu). Ancak, geleneği bozmam ve mod konumunu değiştirmem gereken zamanlar oluyor (genellikle dizüstü bilgisayarım gibi daha küçük bir ekranda düzenleme yaparken). Bu yüzden varsayılan konumumu sabit sol kenar çubuğu olarak ayarladım. Bu şekilde, sevdiğim şekilde geri koyma gereğini fark etmeden önce, rahat olmadığım modal bir pozisyonla çalışmaya kendimi kaptırmam.

Ayarları Kapalı Geçişlerde Gruplandırın

Varsayılan olarak Divi, ayar seçeneklerinizi geçişler halinde gruplandırır. Bu, her birinin içindeki seçenekleri görmek için bu geçişi açmak için tıklamanız gerekeceği anlamına gelir. Bu özelliği devre dışı bırakarak, ayarlarınızın artık geçişler halinde gruplanmamasını sağlayarak, daha fazlasını görüntülemek için tıklamanıza gerek kalmadan ayarlar arasında gezinmenize olanak tanır.

Oluşturucu Varsayılan Etkileşim Modu

Bu makalede listelenen birçok özellik gibi, bu da kesinlikle kişisel tercihtir. Ama her birinin faydasını görebiliyorum. Varsayılan fareyle üzerine gelme etkileşim modu, fareyle üzerine gelindiğinde herhangi bir bölüm, satır veya modül için ayarlar menüsünü vurgular ve dağıtır.

Tıklama modu da yararlı olabilir. Bazen, özellikle modül birlikte kapalıysa ve/veya özel kenar boşluklarına sahipse, hangi modülü düzenlediğiniz veya üzerine geldiğiniz net olmayabilir. Tıklama modu, siz modülü düzenlemek için tıklamadan önce üzerine gelindiğinde modül içeriğini vurgulayarak ve ana hatlarını çizerek, tahminde bulunmayı ortadan kaldırır.

Izgara modu, tüm bölümler, sıralar ve modüller için aynı anda ayarlar menüsünü vurgulayacak ve gösterecektir. Kişisel olarak bu modu varsayılan olarak kullanmamama rağmen, sayfamda öğeleri taşırken/yeniden düzenlerken ızgara modunu kullanmanın değerini görüyorum.

#9 Metin Modülü ile Bağlantı, Listeler ve Blok Alıntı tasarım seçenekleri

Divi'nin Metin Modülü içindeki özel metin stillerini yönetmek için yeni sekmeli arayüzü unutmayın. Bu sekmeler, bağlantılarınız, listeleriniz (sırasız ve sıralı) ve blok alıntılarınız için tasarımı özelleştirmenize olanak tanır. Bu değişiklikleri CSS kullanarak yapmak bir sürükleme olabilir. Artı, işleri modülden modüle değiştirmek isteyebilirsiniz. Bu seçenekler bunu kolayca yapmanızı sağlar.

İşte gözden kaçırmış olabileceğiniz en sevdiğim seçeneklerden ikisi.

Liste Stili Seçenekleri

Sırasız ve Sıralı Listeler sekmeleri altında, liste stili türünü kolayca değiştirebilir veya hepsinden kurtulabilirsiniz.

Liste öğelerinin girinti kenar boşluğunu ve stil konumunu da değiştirebilirsiniz.

Blok Alıntı Stil Seçenekleri

Blok alıntı sekmesi altında, blok alıntıyı ayıran tasarım öğesinin kenarlık ağırlığını ve rengini değiştirebilirsiniz.

6 Başlık seviyesinin tümü için #10 Tasarım seçeneği

Yukarıdaki #9 ile aynı notta, metin başlığı seviyeleri için de yeni sekmeli arayüz mevcuttur. Bu, birden fazla başlığı olan bir modülünüz varsa (h1, h2, h3, vb.), modül tasarım ayarlarında bu başlıkların her birine benzersiz bir stil verebilirsiniz. Tasarım sekmesi altında, Başlık Başlığı veya Başlık Metni bölümünü açın ve özelleştirmek istediğiniz başlık türünü kontrol eden sekmeyi seçin.

İpucu: Sekmedeki mavi etiketle hangi başlık düzeylerinin özelleştirildiğini bileceksiniz. Etiket gri kalırsa, bu başlık düzeyi için varsayılan ayarlar etkindir.

#11 Divi Modülleriyle Özel Yazı Tipleri Yükleme

Kim bilir? Belki bazılarınız için o Yükle düğmesi düz sitede gizli kalmıştır. Eğer öyleyse, bu kullanışlı özellikten kesinlikle yararlanmalısınız. Çeşitli dosya türlerinde (eot, woff2, woff, ttf, otf) özel yazı tiplerini kolayca yüklemekle kalmaz, Divi bu özel yazı tiplerini sitenizdeki tüm modüller için kullanılabilir hale gelmeleri için sizin için saklar.

Tek yapmanız gereken, bir metin öğesinin yazı tipini değiştirmeyi seçmek ve Yükle düğmesini tıklamaktır.

Yazı tipi dosyanızı adlandırmanıza ve eklemenize olanak tanıyan bir Yükleme Yazı Tipi Modalı açılır.

Dosyanız seçildikten sonra yükle düğmesine tıklayın. Ardından, Divi Builder'da bulunan aynı yazı tipi listesinden bu özel yazı tiplerine erişebileceksiniz.

#12 Resmin Altındaki Boşluğu Kaldır

Bu özellik bir süredir var ama gözden kaçırmış olabilirsiniz veya önemini anlamamış olabilirsiniz.

Bu seçenek, yalnızca bir sütundaki son modül olduklarında görüntüleri etkiler. Etkinleştirildiğinde, görüntünün alt kısmı ile sonraki bölüm arasındaki mesafe kaldırılarak görüntünün sayfadaki bir sonraki bölümün üst kısmıyla sınırlanması sağlanır.

Bu özellikten yararlanmanın bir yolu, başlık resimlerinizi aşağıdaki bölümü sınırlayacak şekilde konumlandırmaktır.

#13 Farklı girişler için farklı birimler ekleyin

Varsayılan olarak, Divi Builder Ayarları boyunca belirli girişler için bir sayı girdiğinizde, Divi bunu bir piksel birimi olarak değerlendirecektir. Ancak bu giriş seçenekleri için piksel birimlerini girmekle sınırlı değilsiniz. %, em, vh ve vw gibi diğer birimleri de girebilirsiniz.

Örneğin, yüzdeler mobil için gerçekten iyi çalışıyor. Masaüstünde bir üst kenar boşluğunu (100 piksel gibi bir değer yerine) %5 olarak ayarlarsanız, kenar boşluğu mobilde bölümün %5'i ile orantılı olarak ölçeklenir (çok fazla alan olan 100 piksellik büyük bir boşluk devralmak yerine) mobil). Bu, farklı tarayıcı boyutlarında bir bölümü ekranın üst kısmında tutmak için iyi bir tekniktir.

Birim kombinasyonlarını bile kullanabilirsiniz. Üst ve alt kenar boşluklarınızı belirli bir piksel sayısına ayarlayarak ve ardından sol ve sağ kenar boşluklarınızı belirli bir yüzdeye ayarlayarak boyunuzu sabit tutmak isteyebilirsiniz.

Tek yapmanız gereken, farklı girişleri doldururken numaranızla birlikte birim son ekini yazmaktır.

#14 Tarih Devletleri

Geçmiş durumları, Divi oluşturucu içindeki düzenlemeleriniz için bir tür zaman makinesi gibidir. Geri al ve yinele sağ tıklama seçeneklerini veya kısayol tuşlarını kullanmak yerine, ayarlar menüsünden Düzenleme Geçmişi bağlantısını tıklayarak düzenlemelerinizin listesini rahatlıkla görüntüleyebilirsiniz.

Bu özelliğin güzel yanı, geçmiş durum listesindeki her düzenleme için zaman damgasını ve küçük bir açıklamayı listelemesidir.

Ayrıca, geçmiş bir duruma geri dönmek için bir geçmiş durumu seçerseniz, yaptığınız en son düzenlemeye gitmek için her zaman listeyi tekrar ziyaret edebilirsiniz. Temel olarak, Visual Builder ile bu değişiklikleri gerçek zamanlı olarak görürken önceki düzenlemeleriniz arasında ileri ve geri gitmenize izin verir.

Bu geçmiş durumlarının bir Backbone koleksiyonu/Javascript nesnesi olarak kaydedildiğini ve veritabanınıza kaydedilmediğini ve veritabanınızı şişirmeyeceğini unutmayın. Bu nedenle, sayfayı düzenlerken oluşturucudan çıkarsanız, daha önce yaptığınız geçmiş durumlarını yeniden görüntüleyemezsiniz. Bu nedenle, tasarımınızı tamamlayana kadar binayı açık tuttuğunuzdan emin olun. Geçmiş durumları, sayfayı/oluşturucuyu yüklediğinizde başlar.

#15 Özel Oluk Genişliği Seçeneği (ızgara düzenleri için harika)

Cilt payı genişliği, her satırdaki sütunlar arasındaki yatay boşluk (marj) miktarına karşılık gelir.

Oluk genişliği aralığı için isteğe bağlı değerler 1 ila 4 arasındadır.

1, sütunlar arasındaki sıfır kenar boşluğunu temsil eder.
2, sütunlar arasında %3'lük bir sağ kenar boşluğunu temsil eder.
3, sütunlar arasında %5.5'lik bir sağ kenar boşluğunu temsil eder.
4, sütunlar arasında %8'lik bir sağ kenar boşluğunu temsil eder.

Bu kesinlikle kullanışlı tasarım ızgara düzenlerinde gelir. Izgara düzenleri, sütun yapıları ve modüller kullanılarak manuel olarak oluşturulabilir, ancak ayrıca portföy modülü ve blog modülü gibi belirli modüller içinde ızgara düzenlerini otomatik olarak atayabilirsiniz.

Örneğin, resimleri aralarında boşluk bırakmadan görüntülemek için tam genişlikte bir ızgara düzeni oluşturmak istediğinizi varsayalım. Üç sütunlu yeni bir satır oluşturabilir, sütunlarınıza resimler ekleyebilir, satırı tam genişlikte yapabilir ve ardından ona 1'lik özel bir oluk genişliği verebilirsiniz.

#16 Sağ Tıklama Seçenekleri

Özellik Konumu : Divi Builder'dan herhangi bir bölüme sağ tıklayın.

Burada sağ tıklama seçeneklerinin tümünü gözden geçirmiyor olsam da, yalnızca sağ tıklamayla erişilebilen ve gözden kaçırılmayacak kadar uygun olan birkaç seçeneğe dikkat çekmek istiyorum.

Kilit

Yönetici olarak, yalnızca belirli öğeleri kilitleme olanağına sahipsiniz. Bu, editörlerinizin değiştirmek istediğiniz içeriği değiştirmesini engellemenin uygun bir yoludur. Ayrıca sizi önemli bir bölümü yanlışlıkla değiştirmekten korur.

Daralt ve Yeniden Adlandır

Daha uzun web sayfaları oluştururken bu iki seçeneği birlikte kullanmayı seviyorum. Sizi bilmem ama ben düzenlemem gereken bölümleri bulmak için aşağı yukarı kaydırmaktan gerçekten yoruldum. Bu nedenle, web sayfamın tamamlanmış büyük bölümlerini yoğunlaştırmak için sağ tıklamayla daraltma seçeneğini kullanıyorum. Daraltıldıktan sonra, tanınabilir bir yönetici etiketi için bölümü yeniden adlandırmak için sağ tıklama seçeneğini kullanıyorum.

#17 Üst Katman Açılır Menü Bağlantılarını Devre Dışı Bırak

Özellik Konumu : Divi → Tema Seçenekleri → Navigasyon → Genel Ayarlar

Açık olmak gerekirse, en üst düzey açılır menü bağlantıları, gezinme menüsünde görünür durumda kalan ana ana bağlantılardır. Alt katman bağlantıları, siz üst katman ana bağlantısının üzerine geldiğinizde görünen bağlantılardır.

Üst katman açılır menü bağlantıları devre dışı bırakıldığında, üst katman üst bağlantıları artık tıklanabilir bağlantılar değildir. Bunun yerine, alt bağlantılarınızı etiketleyen ve organize eden tıklanamaz yer tutucular olarak hizmet edebilirler.

Örneğin, üç ana hizmet sunan bir şirket için bir site oluşturuyorsunuz ve bu hizmetlerin her birinin kendi sayfasına ihtiyacı olduğunu varsayalım. Normal bir kurulum, alt menü öğeleri olarak üç hizmet türü ile "hizmetler" adı verilen bir üst katman bağlantısına sahip olmak olacaktır. Genel bir hizmet sayfasına bağlantı vermekle uğraşmak yerine, en üst düzey "hizmetler" bağlantısını devre dışı bırakabilir ve bunu bir kurumsal etiket olarak kullanabilirsiniz.

#18 Alternatif Kaydırma-Çapa Yöntemi

Özellik Konumu : Divi → Tema Seçenekleri → Navigasyon → Genel Ayarlar

Harici bir sayfadan bir bağlantı bağlantısını kullanarak doğrudan bir CSS kimliğine bağlanmayı denediyseniz, sayfanın son bekleme konumunun tam olarak doğru olmadığını fark etmiş olabilirsiniz. Bazen çok düşük olduğundan içeriğin bir kısmı üstten kesiliyor.

Harici bir sayfadan CSS kimliğime bağlandıktan sonra ekranım böyle görünüyor. Göremiyorsunuz ama bölümün başlığı kesilmiş.

Alternatif kaydırmadan çapa yönteminin etkinleştirilmesi bu sorunu düzeltir. Kullanıcıyı yalnızca doğru yere yerleştirmekle kalmaz, aynı zamanda CSS kimliğine gitmeden önce sayfanın üst kısmı yüklenir. Bunu, kafası karışabilecek ve başlangıçta sayfanın bir bölümünü görüntülediklerini fark etmeyen kullanıcılar için yararlı buluyorum.

#19 Mobil cihazlarda Logoyu Gizle

Özellik Konumu : Divi → Tema Özelleştirici → Mobil Stiller → Mobil Menü

Logonuzu mobil cihazlarda gizlemeniz gerekirse, Divi bunu çok kolaylaştırır. Ancak gözden kaçırması kolay seçeneklerden biridir. Kendinize biraz zaman kazandırın ve ek CSS ile uğraşma konusunda endişelenmeyin.

#20 Birincil Menü ve İkincil Menü Açılır Menü Animasyonu

Birincil Menü Özelliği Konum : Divi → Tema Özelleştirici → Başlık ve Gezinme → Birincil Menü BAr Açılır Menü Animasyonu

İkincil Menü Özelliği Konumu : Divi → Tema Özelleştirici → Başlık ve Gezinme → İkincil Menü Çubuğu -> Açılır Menü Animasyonu

Açılır menüleriniz için varsayılan solma animasyonuna razı olmak zorunda değilsiniz. Açılır Menü Animasyonu bölümü dört seçenek içerir:

1. Fade (varsayılan)

2. Genişlet

3. Kaydırın

4. Çevir

Bazen bunun gibi mikro etkileşimler menünüzü gerçekten öne çıkarabilir.

#21 Alt Bilgi Kredilerini Düzenle (veya devre dışı bırak)

Özellik Konumu : Divi → Tema Özelleştirici → Alt Bilgi → Alt Çubuk → Alt Bilgi Kredilerini Devre Dışı Bırak / Alt Bilgi Kredilerini Düzenle

Divi'yi bir süredir kullanıyorsanız, footer.php dosyasını alt temanızda düzenleyerek altbilginizin alt çubuğunu düzenlemeye alışmış olabilirsiniz. Bu artık gerekli değil.

Alt çubuğu kolayca tamamen devre dışı bırakabilir veya metin kutusuna metin veya html girerek kendi altbilgi kredilerinizi ekleyebilirsiniz.

#22 Divi'nin Varsayılan Renk Paletini Değiştirme

Özellik Konumu : Divi → Tema Seçenekleri → Genel Sekme → Renk Seçiciler Varsayılan Palet

Altıgen renk kodlarını kopyalayıp yapıştırmaya kendinize bir mola verin.

Renk Seçici Varsayılan Paleti, Divi Builder'da kullanılacak renk paletidir.

Web sitenizin renk temasını biliyorsanız, tasarımınız için gereken renkleri içerecek şekilde varsayılan renkleri güncellemeniz yeterlidir. Bu seçenek, sitenizi oluştururken ve düzenlerken tüm modüllerde bu renklere erişebileceğiniz için uzun vadede size çok zaman kazandırabilir.

#23 Divi'nin Sayfa Ayarları

Konum : Visual Builder'ın altındaki Ayarlar Menüsündeki Dişli Simgesi.

Divi 2.7'den beri Divi Builder Ayarları, Divi Builder'da üzerinde çalıştığınız belirli sayfa için varsayılan ayarları belirlemenize (ve tema ayarlarını geçersiz kılmanıza) olanak tanır. Sayfaya özel ayarlar yapma yeteneği, açılış sayfaları veya normdan sapan belirli bir tasarıma ihtiyaç duyan diğer sayfalar oluşturmak için son derece uygun bir zaman tasarrufu sağlar.

Sayfanız için Tema Seçeneklerinizdeki varsayılan paleti geçersiz kılacak bir renk paleti ayarlayabilirsiniz.

Ayrıca sayfaya özel özel CSS de ekleyebilirsiniz. CSS yalnızca belirli sayfaya yükleneceğinden, belirli posta kimliklerini hedefleme veya alt tema style.css dosyanıza erişme sorunuyla karşılaşmanız gerekmez.

Divi Builder Ayarlarının benzersiz bir özelliği, sayfanız için Divi Leads bölünmüş test sistemini etkinleştirme yeteneğidir. Bu güçlü araç, görmezden gelinemeyecek kadar değerlidir. Henüz kullanmadıysanız, tavsiyeme uyun ve ilk testinize bugün başlayın!

#24 Blog Yazılarında Hangi Meta Bilgilerin Görüntüleneceğini Seçin

Bu Divi özelliği, Divi'nin başlangıcından beri var olmasına rağmen, kolayca gözden kaçabilir. Blog gönderilerinizin her biri, gönderi başlığının altında (yazar, kategori, tarih, yorumlar) gösterilen belirli meta bilgilere sahiptir. Ancak, blogunuzu nasıl kullandığınıza bağlı olarak, bu ekstra bilgilerin sağladığınız içerikten uzaklaşmasını istemeyebilirsiniz. Divi, bu bilgiyi sizin için özelleştirmeyi kolaylaştırır.

Tek Gönderi Düzeni için Meta Bilgilerini Değiştir

Konum : Divi → Tema Seçenekleri → Düzen (Sekme) → Tek Yazı Düzeni

Tek tek blog gönderileriniz için dört meta bilgi parçasının her birini, her birine tıklayarak kolayca devre dışı bırakmak veya etkinleştirmek için tıklayabilirsiniz. Devre dışı bırakılan meta bilgiler soluk olarak görünecektir.

Blog Sayfası Gönderisi Alıntıları için Meta Bilgilerini Değiştirin

Konum: Divi → Tema Seçenekleri → Düzen (Sekme) → Genel Ayarlar

Blog sayfanızdaki alıntılarda görüntülenen meta bilgileri değiştirmek için, görüntülenmesini veya gizlenmesini istediğiniz dört meta öğenin her birine tıklamanız yeterlidir.

Blog sayfanız için Divi Blog Modülü kullanıyorsanız yukarıdaki ayarlar çalışmayacaktır. Blog Modülü Genel Ayarlarında görüntülenmesini istediğiniz meta bilgileri değiştirmeniz gerekecektir.

#25 Kod Modülü

Kod Modülü, Divi'nin en iyi gizli özelliklerinden biridir. Kısıtlama olmadan sayfanıza html eklemenizi sağlar. Modül, diğer sayfaları etkilemeden belirli sayfalara html öğeleri eklemenize de olanak tanır. Kod Modülünün yetenekleri sınırsızdır, ancak burada onu kullanmanın birkaç yolu vardır:

• Yalnızca animasyona ihtiyacınız olan sayfa için Animate.css gibi harici css dosyalarını içe aktarın.
• Yalnızca sayfanıza uyguladığınız javascript kod blokları veya kitaplıkları ekleyin.
• Devrim kaydırıcısı gibi üçüncü taraf eklentileri entegre edin.
• Daha etkileşimli anketler, iletişim formları vb. için bir Typeform yerleştirmek için Tam Genişlik Kod Modülünü kullanabilirsiniz.
• Kayan bir eylem menüsü ekleyin
• Kaydırmalı bir üst çubuk reklamı oluşturun.
• Kayan bir eylem düğmesi ekleyin.

Kapanışta

Bir şeyi ilk kez öğrenirken bazen bir yangın musluğundan su içmek gibi gelebilir ve şüphesiz gözden kaçıracağınız ve gözden geçirmeniz gereken şeyler vardır. Bu gönderideki amacım, gözden kaçırılması kolay ve göz ardı edilemeyecek kadar yararlı olduğunu düşündüğüm Divi özelliklerinden bazılarını gözden geçirmekti.

Listede olması gerektiğini düşündüğünüz özellikler var mı? Lütfen paylaşın, eminim hepimiz faydalanacağız.

Yorumlarınızı sabırsızlıkla bekliyor olacağım.