Divi, kaydırıcıları tam genişlikte bölümlere yerleştirmenize izin vererek kaydırıcılarınızın tarayıcının tüm genişliğine yayılmasını sağlar. Divi kaydırıcıları (Kaydırıcılar), paralaks arka planlarının yanı sıra video arka planlarını da destekler!
Divi'den tam genişlikte bir Diapo modülü nasıl eklenir
Sayfanıza tam genişlikte bir kaydırıcı modülü eklemeden önce Divi Builder'a atlamanız gerekir. Bir kere Divi teması senin üzerine kurulu Site Web, bir düğme göreceksiniz Divi Builder'ı Kullanyeni bir sayfa oluşturduğunuzda yayın düzenleyicisinin üzerinde. Divi Builder'ı etkinleştirmek ve tüm Divi Builder modüllerine erişmek için bu düğmeye tıklayın. Ardından düğmeye tıklayın Visual Builder'ı kullan Jeneratörü görsel modda başlatmak için. Düğmeye de tıklayabilirsiniz Visual Builder'ı kullan göz attığınızda Site Web WordPress kontrol panelinize giriş yaptıysanız ön planda.
Görsel Oluşturucu'ya girdikten sonra, sayfanıza yeni bir modül eklemek için gri artı düğmesini tıklayabilirsiniz. Yeni modüller yalnızca satırların içine eklenebilir. Yeni bir sayfaya başlıyorsanız, önce sayfanıza bir satır eklemeyi unutmayın.
Modüller listesinde tam genişlikte kaydırıcı modülünü bulun ve sayfanıza eklemek için üzerine tıklayın. Modların listesi aranabilir, yani "Slide" kelimesini yazabilir ve ardından tam genişlikte kaydırıcı modülünü otomatik olarak bulmak ve eklemek için enter'a tıklayabilirsiniz! Modül eklendiğinde, modül seçenekleri listesi tarafından karşılanacaksınız. Bu seçenekler üç ana gruba ayrılmıştır: içindekiler , Gebe kalma et gelişmiş .
Kullanım Örneği Örneği: Ana Sayfanıza Tam Genişlikte Kaydırıcı Kahraman Bölümü Ekleme
Tam genişlikli bir kaydırıcı, ana sayfanızın eşiğinin üzerinde birden çok CTA'yı göstermenin harika bir yoludur. Görüntülerin ve içeriğin kombinasyonu, bölümünüze gerçekten öne çıkan profesyonel bir his verebilir.
Bu örnek için, bir ana sayfada ana bölüm olarak hizmet verecek tam genişlikte bir slayt ekleyeceğim.
Visual Builder'ı kullanarak, web sayfanızın üst kısmına bir Tam Genişlik bölümü ekleyin. Ardından Fullwidth Slider modülünü yeni bölümünüze yerleştirin. Tam genişlikte slayt ayarlarının İçerik sekmesinde + Yeni bir öğe ekle İlk slaydınızı oluşturmak için
İlk slaydınızın slayt ayarlarında aşağıdaki seçenekleri güncelleyin:
İçerik seçenekleri
En-baş : [slaytın başlığını girin]
Düğme metni : [düğme metnini girin]
içindekiler : [slaydın metin içeriğini girin]
Düğme URL'si : [Slayt düğmesinin hedef URL'sini girin]
Arka plan görüntüsü : [slayt için arka plan görevi görecek resmi girin]
Tasarım seçenekleri
Arka plan kaplamasını kullanın : EVET
Arka plan kaplama rengi : rgba (0,0,0,0.2) bu kaplama, metni daha okunaklı hale getirmek için arka plan resmini biraz koyulaştırır.
Slayt ayarlarını kaydet
Şimdi yeni oluşturduğunuz slaydı çoğaltın ve yeni slaydı gerektiği gibi yeni içerikle güncelleyin. Eklemek istediğiniz tüm slaytlar için bunu tekrarlayın.
Bu kadar. Bu örnek için yalnızca iki slayt ekliyorum, ancak sonuç, kullanıcıyı daha fazla bilgi için düğmeyi tıklatmaya yönlendiren, birden fazla harekete geçirici mesaja sahip, etkili, tam genişlikte bir kahraman kaydırıcıdır. Bu, sizin için ana harekete geçirici mesajınız olduğundan Site Web, Divi Leads'i kullanarak tam genişlikli slaydınızda bölünmüş testler yapmanızı ve hangisinin en iyi dönüşümü sağladığını görmenizi öneririm.
Tam İçerik Seçeneklerini Kaydırma
İçerik sekmesinde, modülün metin, resimler ve simgeler gibi tüm içerik öğelerini bulacaksınız. Tüm kontroller ce qui modülünüzde beliren her zaman bu sekmede bulunur.
oklar
Sol ve sağ gezinme oklarını görüntülemek isteyip istemediğinizi seçin.
Controles
İmlecin altındaki daire düğmeleri / slayt göstergelerinin görüntülenip görüntülenmeyeceğini seçin.
Yönetici Etiketi
Bu, kolay tanımlama için yapıcıdaki modül etiketini değiştirecektir. WireFrame görünümünü Visual Builder'da kullandığınızda, bu etiketler Divi Builder arayüzünün modül bloğunda görünür.
Slayt Modülü Tasarım Seçenekleri
Tasarım sekmesinde yazı tipleri, renkler, boyutlandırma ve aralık gibi tüm modül stil seçeneklerini bulacaksınız. Bu, modülünüzün görünümünü değiştirmek için kullanacağınız sekmedir. Her Divi modülünde, herhangi bir şeyi değiştirmek için kullanabileceğiniz uzun bir tasarım ayarları listesi vardır.
İç gölgeyi kaldır
Varsayılan olarak, imleçte dahili bir gölge görüntülenir. Bu gölgeyi kapatmak istiyorsanız, bu ayarı kullanarak bunu yapabilirsiniz.
paralaks etkisi
Bu seçeneğin etkinleştirilmesi, siz kaydırdıkça arka plan resimlerinize sabit bir konum verecektir. Bu ayar etkinleştirildiğinde, resimlerinizin resimlerinizi tarayıcı yüksekliğine göre ölçeklendireceğini unutmayın.
Üstbilgi yazı tipi
Açılır menüden istediğiniz yazı tipini seçerek başlık metninizin yazı tipini değiştirebilirsiniz. Divi, Google Yazı Tipleri tarafından desteklenen düzinelerce harika yazı tipiyle birlikte gelir. Varsayılan olarak Divi, sayfanızdaki tüm metinler için Open Sans yazı tipini kullanır. Kalın, italik, büyük harf ve altı çizili seçenekleri kullanarak metninizin stilini de özelleştirebilirsiniz.
Üstbilgi yazı tipi boyutu
Burada başlık metninizin boyutunu ayarlayabilirsiniz. Metninizin boyutunu büyütmek veya küçültmek için aralık kaydırıcısını sürükleyebilir veya kaydırıcının sağındaki giriş alanına doğrudan istenen metin boyutu değerini girebilirsiniz. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Üstbilgi Metin Rengi
Varsayılan olarak, Divi'deki tüm metin renkleri beyaz veya koyu gri olarak görünür. Başlık metninizin rengini değiştirmek istiyorsanız, bu seçeneği kullanarak renk seçiciden istediğiniz rengi seçin.
Başlık harf aralığı
Harf aralığı, her harf arasındaki boşluğu etkiler. Başlık metninizdeki her harf arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya kaydırıcının sağındaki giriş alanına istenen boşluk boyutunu girin. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Başlık Satır Yüksekliği
Satır yüksekliği, başlık metninizin her satırı arasındaki boşluğu etkiler. Her satır arasındaki boşluğu artırmak istiyorsanız, aralık kaydırıcısını kullanarak boşluğu ayarlayın veya istediğiniz aralık boyutunu girin. imlecin sağındaki giriş alanı. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Vücut Polisi
Açılır menüden istediğiniz yazı tipini seçerek gövde yazı tipinizi değiştirebilirsiniz. Divi, Google Yazı Tipleri tarafından desteklenen düzinelerce harika yazı tipiyle birlikte gelir. Varsayılan olarak Divi, sayfanızdaki tüm metinler için Open Sans yazı tipini kullanır. Kalın, italik, büyük harf ve altı çizili seçenekleri kullanarak metninizin stilini de özelleştirebilirsiniz.
Vücut yazı tipi boyutu
Burada gövde metni boyutunuzu ayarlayabilirsiniz. Metninizin boyutunu büyütmek veya küçültmek için aralık kaydırıcısını sürükleyebilir veya kaydırıcının sağındaki giriş alanına doğrudan istenen metin boyutu değerini girebilirsiniz. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Gövde metni rengi
Varsayılan olarak, Divi'deki tüm metin renkleri beyaz veya koyu gri görünür. Metninizin rengini değiştirmek istiyorsanız, bu seçeneği kullanarak renk seçiciden istediğiniz rengi seçin.
Vücut harflerinin aralığı
Harf aralığı, her harf arasındaki boşluğu etkiler. Metninizdeki her harf arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya kaydırıcının sağındaki giriş alanına istenen boşluk boyutunu girin. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Vücut hattı yüksekliği
Satır yüksekliği, vücudunuzdaki her metin satırı arasındaki boşluğu etkiler Her satır arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya giriş alanına istediğiniz boşluk boyutunu girin imlecin sağında bulunur. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Üst dolgu
Bu parametre, modülün üstü ile modüldeki metin içeriği arasındaki dahili boşluğu kontrol eder. Bu boşluğu artırmak veya azaltmak istiyorsanız, istediğiniz değeri buraya girin. Örneğin, imlecin alanını ve genel boyutunu azaltmak için 100 piksellik bir değer girebilirsiniz. Yüksekliği daha dinamik hale getirmek için, örneğin% 10 gibi bir yüzde değeri de girebilirsiniz.
Alt dolgu
Bu parametre, modülün altı ile modüldeki metin içeriği arasındaki dahili boşluğu kontrol eder. Bu boşluğu artırmak veya azaltmak istiyorsanız, istediğiniz değeri buraya girin. Örneğin, imlecin alanını ve genel boyutunu azaltmak için 100 piksellik bir değer girebilirsiniz. Yüksekliği daha dinamik hale getirmek için, örneğin% 10 gibi bir yüzde değeri de girebilirsiniz.
Düğme için özel stiller kullan
Bu seçeneğin etkinleştirilmesi, modülünüzün düğmesinin görünümünü değiştirmek için kullanabileceğiniz çeşitli düğme özelleştirme ayarlarını ortaya çıkarır.
Düğme metni boyutu
Bu ayar, düğmedeki metnin boyutunu artırmak veya azaltmak için kullanılabilir. Düğme, metin boyutu büyüdükçe ve küçüldükçe uyum sağlar.
Düğme metni rengi
Varsayılan olarak düğmeler, Tema Özelleştiricide tanımlanan temanızın vurgu rengini kullanır. Bu seçenek, bu modülün düğmesine özel bir metin rengi atamanıza olanak tanır. Düğme rengini değiştirmek için renk seçiciyi kullanarak özel renginizi seçin.
Düğme arka plan rengi
Varsayılan olarak, düğmelerin şeffaf bir arka plan rengi vardır. Bu, renk seçiciden istenen arka plan rengi seçilerek değiştirilebilir.
Düğme sınırının genişliği
Tüm Divi düğmelerinin varsayılan olarak 2px sınırı vardır. Bu sınır, bu ayar kullanılarak artırılabilir veya azaltılabilir. Sınırlar 0 değeri girilerek kaldırılabilir.
Düğme kenarlığı rengi
Varsayılan olarak düğme kenarlıkları, Tema Özelleştiricide tanımlandığı gibi temanızın vurgu rengini kullanır. Bu seçenek, bu modülün düğmesine özel bir kenar rengi atamanıza olanak tanır. Düğme kenarlığının rengini değiştirmek için renk seçiciyi kullanarak özel renginizi seçin.
Düğme sınır yarıçapı
Kenarlığın yarıçapı, düğmelerinizin köşelerinin yuvarlaklığını etkiler. Varsayılan olarak, Divi'deki düğmelerin köşeleri 3 piksel yuvarlayan küçük bir kenarlık yarıçapı vardır. Kare düğme oluşturmak için bu değeri 0'a düşürebilir veya yuvarlak kenarlı düğmeler oluşturmak için önemli ölçüde artırabilirsiniz.
Düğme harflerinin aralığı
Harf aralığı, her harf arasındaki boşluğu etkiler. Düğme metninizdeki her harf arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya kaydırıcının sağındaki giriş alanına istenen boşluk boyutunu girin. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Düğme Yazı Tipi
Açılır menüden istediğiniz yazı tipini seçerek düğme metninizin yazı tipini değiştirebilirsiniz. Divi, Google Yazı Tipleri tarafından desteklenen düzinelerce harika yazı tipiyle birlikte gelir. Varsayılan olarak Divi, sayfanızdaki tüm metinler için Open Sans yazı tipini kullanır. Kalın, italik, büyük harf ve altı çizili seçenekleri kullanarak metninizin stilini de özelleştirebilirsiniz.
Düğme simgesi ekle
Devre dışı bırakıldığında, bu ayar düğmenizden simgeleri kaldırır. Varsayılan olarak, tüm Divi düğmeleri, fareyle üzerine gelindiğinde bir ok simgesi görüntüler.
Düğme simgesi
Simgeler etkinleştirilirse, düğmenizde hangi simgenin kullanılacağını seçmek için bu ayarı kullanabilirsiniz. Divi, aralarından seçim yapabileceğiniz farklı simgelere sahiptir.
Renk simgesi düğmesi
Bu ayarı yapmak, düğmenizde görünen simgenin rengini değiştirecektir. Varsayılan olarak, simge rengi düğme metin renginizle aynıdır, ancak bu ayar rengi bağımsız olarak ayarlamanıza izin verir.
Simge yerleştirme düğmesi
Düğmenizin simgesini düğmenin solunda veya sağında görüntülemeyi seçebilirsiniz.
Simgeyi yalnızca düğmenin üzerine geldiğinizde göster
Varsayılan olarak, düğme simgeleri yalnızca gezinirken görüntülenir. Simgenin her zaman görünmesini istiyorsanız, bu ayarı kapatın.
Düğmenin metin renginin üzerine gelin
Bir ziyaretçinin faresi düğme üzerine geldiğinde, bu renk kullanılacaktır. Renk, önceki ayarlarda tanımlanan temel renkten değişecektir.
Vurgulu düğme arka plan rengi
Bir ziyaretçinin faresi düğme üzerine geldiğinde, bu renk kullanılacaktır. Renk, önceki ayarlarda tanımlanan temel renkten değişecektir.
Renk Vurgulu Kenarlık Düğmesi
Bir ziyaretçinin faresi düğme üzerine geldiğinde, bu renk kullanılacaktır. Renk, önceki ayarlarda tanımlanan temel renkten değişecektir.
Hover Sınır Yarıçapı Düğmesi
Bir ziyaretçinin faresi düğme üzerine geldiğinde bu değer kullanılacaktır. Değer, önceki ayarlarda tanımlanan temel değerden değişecektir.
İşaretli not aralığı düğmesi
Bir ziyaretçinin faresi düğme üzerine geldiğinde bu değer kullanılacaktır. Değer, önceki ayarlarda tanımlanan temel değerden değişecektir.
Gelişmiş seçenekler tam genişlikte slayt modülü
Gelişmiş sekmesinde, özel CSS ve HTML özellikleri gibi daha deneyimli web tasarımcılarının yararlı bulabileceği seçenekler bulacaksınız. Burada, modülün birçok öğesinden herhangi birine özel CSS uygulayabilirsiniz. Ayrıca, alt temanızın style.css dosyasında modülü özelleştirmek için kullanılabilen modüle özel CSS sınıfları ve kimlikleri de uygulayabilirsiniz.
CSS Kimliği
Bu modül için kullanmak üzere isteğe bağlı bir CSS Kimliği girin. Kimlik, özel bir CSS stili oluşturmak veya sayfanızın belirli bölümlerine bağlanmak için kullanılabilir.
CSS sınıfı
Bu modül için kullanmak üzere isteğe bağlı CSS sınıflarını girin. Özel CSS stili oluşturmak için bir CSS sınıfı kullanılabilir. Bir boşlukla ayırarak birden çok sınıf ekleyebilirsiniz. Bu sınıflar, Divi alt temanızda veya Divi tema seçeneklerini veya Divi Builder sayfa ayarlarını kullanarak sayfanıza veya web sitenize eklediğiniz özel CSS stil sayfasında kullanılabilir.
Özel CSS
Özel CSS, modüle ve modülün herhangi bir dahili bileşenine de uygulanabilir. Özel CSS bölümünde, her öğeye doğrudan özel CSS stil sayfaları ekleyebileceğiniz bir metin alanı bulacaksınız. Bu ayarlardaki CSS girişleri zaten stil etiketlerine sarılmıştır. Bu yüzden CSS kurallarını noktalı virgülle ayırarak girin.
Otomatik animasyon
İmlecin otomatik olarak kaymasını istiyorsanız, ziyaretçinin bir sonraki tuşa basması gerekmeden, bu seçeneği etkinleştirin, ardından isterseniz dönüş hızını ayarlayın.
Otomatik animasyon hızı (ms cinsinden)
Yukarıda 'Otomatik canlandır' seçeneği etkinleştirilmişse, burada imlecin her slayt arasında ne kadar hızlı kaybolacağını belirtebilirsiniz. Sayı ne kadar yüksekse, her dönüş arasındaki duraklama o kadar uzun olur.
Vurguluyla Otomatik kaydırmaya devam et
Bunun açılması, otomatik slaytın fareyle üzerine gelmesini sağlar.
İçeriği mobilde gizle
Mobil cihazlarda ekran boyutu küçüldükçe ekran alanı daha değerli hale geliyor. Bazen imleç boyutunu küçültmek ve daha okunaklı hale getirmek için daha az önemli bazı imleç öğelerini kapatmak iyi bir fikirdir. Bu ayarın etkinleştirilmesi, mobil cihazdaki imleç metin içeriğini gizler.
Cep telefonunda CTA'yı gizle
Mobil cihazlarda ekran boyutu küçüldükçe ekran alanı daha değerli hale geliyor. Bazen imleç boyutunu küçültmek ve daha okunaklı hale getirmek için daha az önemli bazı imleç öğelerini kapatmak iyi bir fikirdir. Bu ayarın etkinleştirilmesi, mobil cihazda imleç harekete geçirme düğmelerini gizleyecektir.
Resmi / videoyu mobil cihazda görüntüleyin
Mobil cihazlarda ekran boyutu küçüldükçe ekran alanı daha değerli hale geliyor. Bazen imleç boyutunu küçültmek ve daha okunaklı hale getirmek için daha az önemli bazı imleç öğelerini kapatmak iyi bir fikirdir. Bu ayarın etkinleştirilmesi, mobil cihazda slayt resimlerini ve videoları görüntüler (bunlar varsayılan olarak devre dışıdır).
görünürlük
Bu seçenek, modülünüzün göründüğü cihazları kontrol etmenizi sağlar. Modülünüzü tabletlerde, akıllı telefonlarda veya masaüstlerinde ayrı ayrı devre dışı bırakmayı seçebilirsiniz. Bu, farklı cihazlarda farklı modlar kullanmak istiyorsanız veya sayfadan belirli öğeleri kaldırarak mobil tasarımı basitleştirmek istiyorsanız kullanışlıdır.
Tam genişlikte slayt modülü öğeleri için içerik seçenekleri
Başlık
İmleç başlığınızın metnini buraya ayarlayın.
Düğme metni
Slayt içeriğinizin altında bir düğme görüntülemek istiyorsanız, düğme metnini buraya girin. Bir düğme görüntülemek istemiyorsanız bu alanı boş bırakın.
içindekiler
İmlecinizin gövde içeriğini buraya girin. Buraya girdiğiniz metin miktarının slaytlarınızın yüksekliğini belirleyeceğini unutmayın.
Düğme URL'si
Bir düğme görüntülerseniz, hedef bağlantıyı ayarlamak için bu alana geçerli bir web URL'si ekleyin.
Resmi sürükleyin
Bir slayt görüntüsü eklerseniz, slayt arka planınızın üzerinde slayt metninizin solunda görünecektir. Bir slayt resmi belirtmezseniz, solda ortalanmış, salt metin bir slayt olacaksınız. Her slaydın yüksekliği metin tarafından belirlendiğinden, slayt görüntünüz yeterince uzunsa, slaytın altına düşecek ve altta hizalı bir görüntü oluşturacaktır.
Slayt görüntüsü olan bir slaydın yüksekliğinin, kaydırıcıdaki daha uzun bir slaytla belirlenebileceğini unutmayın. Alta hizalanmış bir görüntünün olmasını istiyorsanız, slayt görüntünüzün sığacak kadar büyük olduğundan emin olun. Okunabilirlik nedeniyle, slayt resimleri yalnızca sütun, sütun veya 1 sütun genişliği kaydırıcılarında görünür. Benzer şekilde, slayt resimleri 768 pikselden küçük tarayıcı genişliklerinde görüntülenmez. Slayt resmi genişlikleri aşağıda tanımlanmıştır. Slayt resimlerinizin en az o kadar geniş olmasını öneririz.
Video slayt
Bir slayt videosu eklerseniz, slayt arka planınızın üzerinde slayt metninizin solunda görünecektir. Bir slayt videosu belirtmezseniz, solda ortalanmış, salt metin bir slaytla karşılaşırsınız. Her slaydın yüksekliği metin tarafından belirlendiğinden, slayt görüntünüz yeterince uzunsa, slaytın altına düşecek ve altta hizalı bir görüntü oluşturacaktır.
Videoyu Duraklat
Oynatmaya başladıklarında diğer oyuncular tarafından videonun duraklatılmasına izin ver
Arka plan resmi
Ayarlanırsa, bu görüntü bu modül için arka plan olarak kullanılacaktır. Bir arka plan resmini kaldırmak için, URL'yi ayarlar alanından kaldırmanız yeterlidir.
Bir slaydın yüksekliği, eklediğiniz metin miktarına göre belirlenir. Birden fazla slaydınız varsa, kaydırıcı en uzun slaydın yüksekliğini alacaktır.
İmlecinizin genişliği, tarayıcının genişliğine göre belirlenir. Standart ekran boyutlarına göre, resimlerinizin en az 1280 piksele 768 piksel olmasını öneririz.
Arka plan resminin konumu
Varsayılan olarak, arka plan resimleri slaydın ortasında görüntülenir. Bu ayarı, slaydın üst, alt, sol, sağ veya dört köşesinden herhangi birindeki yerleşimi değiştirmek için kullanabilirsiniz.
Arka plan resmi boyutu
Varsayılan olarak, arka plan resimleri, tüm slaydı doldurmalarını sağlamak için orantılı olarak büyütülür. Ancak, varsayılan davranışı değiştirmek için bu seçeneği kullanabilirsiniz. "Kapsam", görüntüyü tüm slayt alanını kapsayacak şekilde ölçekleyen varsayılan davranıştır. "Sığdır" ayrıca görüntüyü tüm alanı kaplamaya zorlar, ancak görüntünün yüksekliğini ve genişliğini imlecin yüksekliğine ve genişliğine uymaya zorlar. Bu, görüntünün bozulmasına neden olabilir, ancak görüntünün kırpılmasını önleyecektir. "Gerçek Boyut", görüntüyü ölçeklemez ve yerel boyutunda gösterir.
Arka plan rengi
Slaydınız için tek renkli bir arka plan kullanmak istiyorsanız, bir arka plan rengi ayarlamak için renk seçiciyi kullanın.
MP4 arka plan videosu
Tüm tarayıcılarda maksimum uyumluluk sağlamak için tüm videolar hem .MP4 .WEBM formatında indirilmelidir. .MP4 sürümünü buradan indirin. Önemli Not: Video arka planları mobil cihazlarda devre dışı bırakılmıştır. Bunun yerine, bkacground görüntünüz kullanılacaktır. Bu nedenle, daha iyi sonuçlar elde etmek için hem bir arka plan resmi hem de bir arka plan videosu ayarlamalısınız.
WEBM arka plan videosu
Tüm tarayıcılarda maksimum uyumluluk sağlamak için tüm videolar hem .MP4 .WEBM formatında indirilmelidir. .WEBM sürümlerini buradan indirin. Önemli Not: Video arka planları mobil cihazlarda devre dışı bırakılmıştır. Bunun yerine, bkacground görüntünüz kullanılacaktır. Bu nedenle, daha iyi sonuçlar elde etmek için hem bir arka plan resmi hem de bir arka plan videosu ayarlamalısınız.
Arka plan video genişliği
Videoların düzgün bir şekilde boyutlandırılması için, videonuzun tam genişliğini (piksel olarak) buraya girmeniz gerekir.
Video yüksekliği arka planı
Videoların düzgün bir şekilde boyutlandırılması için, videonuzun tam yüksekliğini (piksel olarak) buraya girmeniz gerekir.
Slide element elemanları tasarım seçenekleri
Arka plan kaplamasını kullanın
Etkinleştirildiğinde, arka plan resminizin üzerine ve kaydırıcı içeriğinizin arkasına özel bir kaplama rengi eklenecektir.
Arka plan kaplama rengi
Arka plan için bir renk seçmek için renk seçiciyi kullanın.
Metin yerleşimini kullan
Bu seçenek etkinleştirildiğinde, arka plan görüntülerinde daha okunabilir hale getirmek için imleç metninin arkasına bir arka plan rengi eklenir.
Metin yer paylaşımı rengi
Metin yerleşimi için bir renk seçmek için renk seçiciyi kullanın.
Metin Yerleşimi Sınır Yarıçapı
Kenarlığın yarıçapı, metin kaplama alanının köşelerinin yuvarlaklığını etkiler. Varsayılan olarak, köşelerin 3 piksellik hafif yuvarlatılmış kenarları vardır. Dikdörtgen bir kutu oluşturmak için bu değeri 0'a indirebilir veya köşeleri daha da yuvarlatmak için değeri artırabilirsiniz.
Özel Renkli Oklar
Bir kaydırıcı modülün üzerine geldiğinizde, ziyaretçinin her slaytta gezinmesine olanak tanıyan oklar görünür. Varsayılan olarak, bu oklar slaydın ana metninin rengini devralır. Ancak, bu ayarı kullanarak bu oklar için özel bir renk tanımlayabilirsiniz.
Dot Nav Özel Renk
Her imleçte, imleç içeriğinin altında nokta gezinme öğeleri görünür. Bu öğeler, kullanıcının imleci hareket ettirmesine izin verir. Bu ayardaki renk seçiciyi kullanarak bu öğeler için kullanmak üzere özel bir renk tanımlayabilirsiniz.
Slayt görüntüsünün dikey hizalaması
Bu ayar, slayt görüntünüzün dikey hizalamasını belirler. Resminiz dikey olarak ortalanabilir veya slaydınızın altına hizalanabilir.
Metin rengi
Slayt arka planınız karanlıksa, metin rengi "Açık" olarak ayarlanmalıdır. Tersine, slayt arka planı açıksa, metin rengi "Koyu" olarak ayarlanmalıdır.
Başlık Yazı Tipi
Açılır menüden istediğiniz yazı tipini seçerek başlık metninizin yazı tipini değiştirebilirsiniz. Divi, Google Yazı Tipleri tarafından desteklenen düzinelerce harika yazı tipiyle birlikte gelir. Varsayılan olarak Divi, sayfanızdaki tüm metinler için Open Sans yazı tipini kullanır. Kalın, italik, büyük harf ve altı çizili seçenekleri kullanarak metninizin stilini de özelleştirebilirsiniz.
Üstbilgi yazı tipi boyutu
Burada başlık metninizin boyutunu ayarlayabilirsiniz. Metninizin boyutunu büyütmek veya küçültmek için aralık kaydırıcısını sürükleyebilir veya kaydırıcının sağındaki giriş alanına doğrudan istenen metin boyutu değerini girebilirsiniz. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Üstbilgi Metin Rengi
Varsayılan olarak, Divi'deki tüm metin renkleri beyaz veya koyu gri olarak görünür. Başlık metninizin rengini değiştirmek istiyorsanız, bu seçeneği kullanarak renk seçiciden istediğiniz rengi seçin.
Başlık harf aralığı
Harf aralığı, her harf arasındaki boşluğu etkiler. Başlık metninizdeki her harf arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya kaydırıcının sağındaki giriş alanına istenen boşluk boyutunu girin. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Başlık Satır Yüksekliği
Satır yüksekliği, başlık metninizin her satırı arasındaki boşluğu etkiler. Her satır arasındaki boşluğu artırmak istiyorsanız, aralık kaydırıcısını kullanarak boşluğu ayarlayın veya istediğiniz aralık boyutunu girin. imlecin sağındaki giriş alanı. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Vücut yazı tipi
Açılır menüden istediğiniz yazı tipini seçerek gövde yazı tipinizi değiştirebilirsiniz. Divi, Google Yazı Tipleri tarafından desteklenen düzinelerce harika yazı tipiyle birlikte gelir. Varsayılan olarak Divi, sayfanızdaki tüm metinler için Open Sans yazı tipini kullanır. Kalın, italik, büyük harf ve altı çizili seçenekleri kullanarak metninizin stilini de özelleştirebilirsiniz.
Vücut yazı tipi boyutu
Burada gövde metni boyutunuzu ayarlayabilirsiniz. Metninizin boyutunu büyütmek veya küçültmek için aralık kaydırıcısını sürükleyebilir veya kaydırıcının sağındaki giriş alanına doğrudan istenen metin boyutu değerini girebilirsiniz. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Gövde metni rengi
Varsayılan olarak, Divi'deki tüm metin renkleri beyaz veya koyu gri görünür. Metninizin rengini değiştirmek istiyorsanız, bu seçeneği kullanarak renk seçiciden istediğiniz rengi seçin.
Vücut harflerinin aralığı
Harf aralığı, her harf arasındaki boşluğu etkiler. Metninizdeki her harf arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya kaydırıcının sağındaki giriş alanına istenen boşluk boyutunu girin. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Vücut hattı yüksekliği
Satır yüksekliği, vücudunuzdaki her metin satırı arasındaki boşluğu etkiler Her satır arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya giriş alanına istediğiniz boşluk boyutunu girin imlecin sağında bulunur. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Düğme için özel stiller kullan
Bu seçeneğin etkinleştirilmesi, modülünüzün düğmesinin görünümünü değiştirmek için kullanabileceğiniz çeşitli düğme özelleştirme ayarlarını ortaya çıkarır.
Düğme metni boyutu
Bu ayar, düğmedeki metnin boyutunu artırmak veya azaltmak için kullanılabilir. Düğme, metin boyutu büyüdükçe ve küçüldükçe uyum sağlar.
Düğme metni rengi
Varsayılan olarak düğmeler, Tema Özelleştiricide tanımlanan temanızın vurgu rengini kullanır. Bu seçenek, bu modülün düğmesine özel bir metin rengi atamanıza olanak tanır. Düğme rengini değiştirmek için renk seçiciyi kullanarak özel renginizi seçin.
Düğme arka plan rengi
Varsayılan olarak, düğmelerin şeffaf bir arka plan rengi vardır. Bu, renk seçiciden istenen arka plan rengi seçilerek değiştirilebilir.
Kenarlık Genişliği düğmesi
Tüm Divi düğmelerinin varsayılan olarak 2px sınırı vardır. Bu sınır, bu ayar kullanılarak artırılabilir veya azaltılabilir. Sınırlar 0 değeri girilerek kaldırılabilir.
Düğme kenarlığı rengi
Varsayılan olarak düğme kenarlıkları, Tema Özelleştiricide tanımlandığı gibi temanızın vurgu rengini kullanır. Bu seçenek, bu modülün düğmesine özel bir kenar rengi atamanıza olanak tanır. Düğme kenarlığının rengini değiştirmek için renk seçiciyi kullanarak özel renginizi seçin.
Düğme sınır yarıçapı
Kenarlığın yarıçapı, düğmelerinizin köşelerinin yuvarlaklığını etkiler. Varsayılan olarak, Divi'deki düğmelerin köşeleri 3 piksel yuvarlayan küçük bir kenarlık yarıçapı vardır. Kare düğme oluşturmak için bu değeri 0'a düşürebilir veya yuvarlak kenarlı düğmeler oluşturmak için önemli ölçüde artırabilirsiniz.
Düğme harflerinin aralığı
Harf aralığı, her harf arasındaki boşluğu etkiler. Düğme metninizdeki her harf arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya kaydırıcının sağındaki giriş alanına istenen boşluk boyutunu girin. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Düğme Yazı Tipi
Açılır menüden istediğiniz yazı tipini seçerek düğme metninizin yazı tipini değiştirebilirsiniz. Divi, Google Yazı Tipleri tarafından desteklenen düzinelerce harika yazı tipiyle birlikte gelir. Varsayılan olarak Divi, sayfanızdaki tüm metinler için Open Sans yazı tipini kullanır. Kalın, italik, büyük harf ve altı çizili seçenekleri kullanarak metninizin stilini de özelleştirebilirsiniz.
Düğme simgesi ekle
Devre dışı bırakıldığında, bu ayar düğmenizden simgeleri kaldırır. Varsayılan olarak, tüm Divi düğmeleri, fareyle üzerine gelindiğinde bir ok simgesi görüntüler.
Düğme simgesi
Simgeler etkinleştirilirse, düğmenizde hangi simgenin kullanılacağını seçmek için bu ayarı kullanabilirsiniz. Divi, aralarından seçim yapabileceğiniz farklı simgelere sahiptir.
Renk simgesi düğmesi
Bu ayarı yapmak, düğmenizde görünen simgenin rengini değiştirecektir. Varsayılan olarak, simge rengi düğme metin renginizle aynıdır, ancak bu ayar rengi bağımsız olarak ayarlamanıza izin verir.
Simge yerleştirme düğmesi
Düğmenizin simgesini düğmenin solunda veya sağında görüntülemeyi seçebilirsiniz.
Simgeyi yalnızca düğmenin üzerine geldiğinizde göster
Varsayılan olarak, düğme simgeleri yalnızca gezinirken görüntülenir. Simgenin her zaman görünmesini istiyorsanız, bu ayarı kapatın.
Düğmenin metin renginin üzerine gelin
Bir ziyaretçinin faresi düğme üzerine geldiğinde, bu renk kullanılacaktır. Renk, önceki ayarlarda tanımlanan temel renkten değişecektir.
Vurgulu düğme arka plan rengi
Bir ziyaretçinin faresi düğme üzerine geldiğinde, bu renk kullanılacaktır. Renk, önceki ayarlarda tanımlanan temel renkten değişecektir.
Renk Vurgulu Kenarlık Düğmesi
Bir ziyaretçinin faresi düğme üzerine geldiğinde, bu renk kullanılacaktır. Renk, önceki ayarlarda tanımlanan temel renkten değişecektir.
Hover Sınır Yarıçapı Düğmesi
Bir ziyaretçinin faresi düğme üzerine geldiğinde bu değer kullanılacaktır. Değer, önceki ayarlarda tanımlanan temel değerden değişecektir.
İşaretli not aralığı düğmesi
Bir ziyaretçinin faresi düğme üzerine geldiğinde bu değer kullanılacaktır. Değer, önceki ayarlarda tanımlanan temel değerden değişecektir.
Gelişmiş imleç seçenekleri Tam Genişlik
Özel CSS
Özel CSS, modüle ve modülün herhangi bir dahili bileşenine de uygulanabilir. Özel CSS bölümünde, her öğeye doğrudan özel CSS stil sayfaları ekleyebileceğiniz bir metin alanı bulacaksınız. Bu ayarlardaki CSS girişleri zaten stil etiketlerine sarılmıştır. Bu yüzden CSS kurallarını noktalı virgülle ayırarak girin.
Alternatif Resim Metni
Alternatif metin, resim yüklenmiyorsa, doğru görüntülenmiyorsa veya kullanıcının resmi göremediği başka herhangi bir durumda gerekli tüm bilgileri sağlar. Ayrıca görüntünün arama motorları tarafından okunmasına ve tanınmasına da izin verir.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”genişletilmiş” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DIVI TEMASINI İNDİRİN [/vcex_button][/vc_column][vc_column width=” 1 /2"][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”genişletilmiş” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]YÜKLE ŞABLONLARI DIVI[/vcex_button][/vc_column][/vc_row]
Diğer Divi öğreticiler
- restoran kullanımı Divi tema için 5 siteleri
- Bir Divi WooCommerce ürününe metin ekleme
- Divi sayfaları arasındaki menü rengini değiştirme
- Bir blog'un ızgaralarını Divi ile kişiselleştirme
- Nasıl WordPress üzerinde rol Divi editörü kullanımı
- Tam ekran Divi sürgüsü nasıl oluşturulur
- Divi sayfaları arasındaki menünün rengi nasıl değiştirilir
- Divi hakkında muhtemelen bilmediğiniz özellikler
- WordPress üzerinde Divi Builder nasıl kullanılır
- Divi video kaydırma modülü nasıl kullanılır
- Divi Builder Flip modülü nasıl kullanılır
- Divi Builder'da referans modülü nasıl eklenir?
- Divi metin modülü nasıl kullanılır?
- Divi'de kaydırıcı nasıl oluşturulur
- Divi kullanıcı rolü nasıl düzenlenir
- Divi Sosyal Medya modülü nasıl kullanılır?
- WordPress Divi konulu mağaza modülü nasıl kullanılır?
- Divi kenar çubuğu modülü nasıl kullanılır
- Divi Fiyat Tablosu Modülünün Kullanımı
- Divi yayınlarının başlık modülünü nasıl kullanırım
- Divi video modülü nasıl eklenir
- Makale navigasyon modülü nasıl kullanılır
- Divi arama modülü nasıl kullanılır?
- Divi cüzdan modülü nasıl kullanılır?
- Divi Builder'da kişi modülünün kullanımı
- Divi filtreli cüzdan modülü nasıl kullanılır
- Tam genişlikte sürgü modülü nasıl kullanılır
- Divi Builder Görüntü Modülü nasıl kullanılır?
- Divi Builder'ın tam genişlikli gezinme modülünü nasıl kullanırım?
- Resim galerisi modülü nasıl kullanılır?
- Divi Builder Tam Genişlik Kart Modülü nasıl kullanılır?
- Divi Tam Genişlik Portföy Modülü nasıl kullanılır?
- Divi tam genişlikli başlık modülü nasıl kullanılır?
- Divi Sayaç Modülünün Kullanımı
- Divi Builder'daki makaleler sürgüsünü kullanma
- Divi Email Optin modülü nasıl kullanılır?
Bonjour
Bu eğitim için çok teşekkür ederim. Tamamen kaybolduğumu ve İncil'deki basitlikte olması gereken bir şeyi yapamadığımı itiraf ediyorum:
divi slayt gösterimde bir (veya daha fazla) ekstra slaydı sil
Elbette, oluşturulan bir slayt gösterisinin slayt listesinde, bir slayta karşılık gelen her satırın sağında bir "çöp kutusu" simgesi ve üç küçük nokta bulduğumuzu gördüm: ama çöp kutusuna tıklamak... geçerli slaydın bir kopyasını ekler! ve içerik menüsü silmeye izin veren herhangi bir satır içermiyor.
Bir yerde (nerede olduğunu hatırlamıyorum) “silinmek için slaytta kendimi konumlandırmam” (ekranda olduğundan emin olun) gerektiğini ortaya çıkardım ama bu hiçbir şeyi değiştirmedi.
Mojave sisteminde Mac üzerinde çalışıyorum. Ve Firefox'ta WordPress'e Chrome'da olduğu gibi bağlanmaya çalıştım
Yapabileceğiniz herhangi bir yardım için çok teşekkür ederim… ve böyle aptalca bir soru için özür dilerim
Merhaba
Bu eğitim için teşekkür ederim, gerçekten tamamlandı!
Metindeki animasyonu değiştirmenin veya hatta kaldırmanın mümkün olup olmadığını biliyor musunuz? çünkü varsayılan değil arka plan görüntülerinde aşağıdan yukarıya gidiyor ve bence çok güzel değil.
sağol
Bonjour Olivier,
Söz konusu metnin ayarlarına mı bakıyorsunuz?
Bonjour
Bir slayt düğmesini tıkladığınızda URL bağlantısını yeni bir sekmeye yönlendirmesi mümkün müdür?
Işıklarınız için şimdiden teşekkür ederiz!
Merhaba ! makaleniz için teşekkür ederim. benim sorunum arka plan videosunun mobil cihazlarda gösterilmemesi, müşterim kesinlikle istedi. Cevabımı bulduğumu sanıyordum çünkü makalenize göre "Gelişmiş" bölümünde varsayılan olarak devre dışı bırakılan videoları mobil cihazda etkinleştirme olasılığı var. ancak bu olasılığı divi'mde bulamadım. Cevabınız için teşekkür ederim…
Yanis
Merhaba Yanis,
Divi'niz güncel mi?