Divi Builder’da bir görüntü modülü nasıl kullanılır
Görüntü, Divi Builder tarafından sunulan modüllerden biridir. Adından da anlaşılacağı gibi, üzerinde çalıştığınız tasarıma görüntü öğeleri eklemek için bu modülü kullanabilirsiniz (bir sayfa veya tema üreticisi şablonu olsun). Sadece Divi Builder’da mı? Merak etme. Bu makale, görüntü modülü hakkında bilmeniz gereken her şeyi tartışacaktır. Nasıl eklenir. Görüntünün kendisi bir tasarımın önemli bir unsurudur. Web tasarımı bir istisna değildir. Görüntüsiz bir tasarım tatsız olacaktır. Divi Builder görüntü modülü, resim eklemenizi kolaylaştırır. Statik görüntüler veya dinamik görüntüler (üstün görüntüler, site logoları ve yazar profili resimleri gibi) ekleyebilirsiniz. Görüntü modülü bir resim eklemek için tasarlanmıştır. Bir resim galerisi eklemek istiyorsanız, galeri modülünü kullanabilirsiniz.
Divi Oluşturucu modülü görüntüsüne görüntü nasıl eklenir Normal bölümdeki satıra eklenebilir (Divi oluşturucusundaki bölümler ve satırlar hakkında daha fazla bilgi edinmek için önceki makalemizi okuyabilirsiniz). Bir görüntü modülü eklemek için, bir satırdaki sütundaki Gri Plus simgesini tıklayın ve modülü seçin.
Görüntü seviyesini ayarlamak için bu bloğu açabilirsiniz.
Yapıştırıcı Görüntünün boyutunu (yükseklik ve genişlik) ayarlamak için bu bloğu açabilirsiniz. Varsayılan olarak, Divi Builder yükseklik ve genişlik için bir yüzde ünitesi kullanır, ancak isterseniz piksel birimini kullanabilirsiniz. Piksel birimlerini kullanmak için, üniteyi (PX) ve değerini manuel olarak yazabilirsiniz.
Etkinleştirebileceğiniz tam genişlik kuvveti seçeneği de vardır. Bu seçeneğin etkinleştirilmesi, görüntülerin görüntü modülü ile ilgili tüm sütunları doldurmasını sağlayacaktır. Mesafe
Dolgu ve boşluk modülü alanını ayarlamak için bu bloğu açabilirsiniz. Web tasarımında dolgu ve marj hakkında daha fazla bilgi edinmek için önceki makalemizi okuyabilirsiniz.
Sınır Görüntü sınırını ayarlamak için bu bloğu açabilirsiniz. Sınır stilinden, sınırın büyüklüğünden sınır rengine başlayarak. Her sınır için farklı renk ve boyutlar kullanabilirsiniz (üst, alt, sol ve sağ). Her kenarlığın rengini ve boyutunu ayarlamak için Sınır Stilleri Sekmesi seçeneğini tıklamanız yeterlidir.
Sınır yarıçapını da ayarlayabilirsiniz. Sınır yarıçapı, görüntünün her açısının eğim seviyesini (üst, alt, sol ve sağ) ifade eder. Sınır yarıçapının değeri ne kadar yüksek olursa, görüntünüzün yuvarlaktır. Sınır yarıçapını yuvarlak köşeler seçeneğinde ayarlayabilirsiniz. Kutunun gölgesini görüntünüze uygulamak için bu bloğu açabilirsiniz. Aralarından seçim yapabileceğiniz 7 tür kutu gölgesi vardır. Birini seçtikten sonra, yatay konumu, dikey konumu, bulanık mukavemeti, yayma gücü ve gölgenin rengini ayarlayabilirsiniz. Filtre
CSS filtresini görüntüye uygulamak için bu bloğu açabilirsiniz. Uygulayabileceğiniz 6 tür CSS filtresi vardır: Renk
Doyma
Parlaklık
Zıtlık
Tersi
Sepya
Görüntünüzün opaklık seviyesini bu bloktan ve karışık modları da ayarlayabilirsiniz.
Değiştirmek
CSS dönüşümünü görüntünüze ayarlamak için bu bloğu açabilirsiniz. Belirleyebileceğiniz 5 tür CSS dönüşümü vardır:
Çeviri Değiştir
Rotasyonu değiştir
Eğimin dönüşümü
Köken dönüşümü
Sekmeye tıklayarak uygulamak istediğiniz CSS dönüşümünü seçin ve dönüşüm değerini ayarlamak için farenizi kullanın.
Animasyon
Görüntü modülüne animasyon uygulamak için bu bloğu açabilirsiniz. Seçebileceğiniz 7 animasyon stili var. Birini seçtikten sonra animasyon yönünü, animasyon süresini, animasyonun ertelenmesini vb. Gelişmiş Ayarlar Tasarım sekmesinde bir stil oluşturmayı bitirdikten sonra, özel CSS ekleme, özel konumları ayarlama vb. Burada açabileceğiniz 7 blok var:
Kimlik ve Sınıf CSS CSS kimliği veya CSS sınıfı eklemek için bu bloğu açabilirsiniz. Özel kod.css modülü aracılığıyla özel bir CSS eklemek istiyorsanız CSS kimliği veya CSS sınıfı ekleyebilirsiniz.
Kod modülü yerine doğrudan özel CSS eklemek için bu bloğu açabilirsiniz. Kullanılabilir alanlara CSS kodu ekleyerek ekleyebilirsiniz.
Bağlanmak Görüntü özellikleri (alt metin ve başlık) eklemek için bu bloğu açabilirsiniz. Statik öznitelikler veya dinamik özellikler kullanabilirsiniz. Dinamik öznitelikler eklemek için, her alandaki veritabanı simgesine (alternatif görüntü ve metin başlığı metni) tıklamanız yeterlidir.
Görünürlük Görüntü modülünü belirli bir cihaz türündeki devre dışı bırakmak için bu bloğu açabilirsiniz. Modülü devre dışı bırakmak için cihaz türünü kontrol edin.
Geçiş Görüntü modülünün geçişini ayarlamak için bu bloğu açabilirsiniz.
Durum Divi Builder’a yeni bir modül eklediğinizde, konumu statik olarak düzenlenmiştir (varsayılan). İsterseniz, görüntü modülü için özel bir konum kullanabilirsiniz. Konum bloğunun özel konumunu Gelişmiş sekmesinin altına ayarlayabilirsiniz. Ayarlayabileceğiniz konum seçeneği: Göreli: Bu seçeneği seçerseniz, görüntü modülü sayfanın normal sayfalarını izler. Bu seçenek üst, alt ve sağ özellikler sunar. Z indeksini de ayarlayabilirsiniz.
Mutlak: Bu seçeneği seçerseniz, görüntü modülü için sayfada gerçek bir alan olmayacaktır. Bunu gerçek alanı kullanan diğer öğelerin üzerinde yüzen bir modül olarak değerlendirebilirsiniz. Onarım: Bu seçeneği seçerseniz, görüntü modülü sayfanın normal akışını kırar ve sayfada gerçek alan yoktur. Kaydırma efekti
Görüntü modülüne kaydırma efektini uygulamak için bu bloğu açabilirsiniz.Örneğin yapışkan bir efekt uygulayabilirsiniz.Bu bloğun etkisini de kaydırabilirsiniz. Divi oluşturucu görüntü modülünün alt satırı tasarımınıza görüntü eklemeyi amaçlamaktadır.Statik görüntüler veya dinamik görüntüler eklemek için kullanabilirsiniz.Yukarıda tartıştığımız gibi, yapışkan efektler, hareket efektleri ve CSS filtreleri uygulama yeteneği de dahil olmak üzere görüntünüze uygulayabileceğiniz birçok stil seçeneği vardır.Dikkat edilmesi gereken bir şey.Görüntü modülünde (ve diğer Divi Builder modülünde) her yeni değişiklik yaptığınızda Ayarlar panelinin sağ alt köşesindeki Yeşil Kontrol Listesi simgesini tıkladığınızdan emin olun.
