Divi Galeri Modülü ile dolu geniş bir resim galerisi nasıl yapılır
Tam geniş resim galerisi her zaman web sitesinde iyi görünüyor. Tam geniş galeri, tam geniş bir tarayıcı penceresi içerir. Bu ekstra alan, görüntülerin kullanıcı deneyimi için çok iyi olan daha büyük bir boyutu korumasını sağlar. Ve kafes düzeni, görüntüyü tarayıcının tüm genişliğine iyi ayarlanacak sütuna düzenleyen estetik tasarım verir. Bu öğreticide, Divi Galeri modülleriyle dolu geniş bir resim galerisi nasıl yapacağınızı göstereceğim. Divi’de bunu yapmanın ne kadar kolay olduğuna şaşırabilirsiniz. Ayrıca, hücreseldeki tam geniş galeriniz üzerinde daha büyük bir kontrol sağlamak için özel alanları kullanmanın bazı yollarından da bahsedeceğim.
Başlayalım. Bundan önce ve sonra 12 resim ile Divi Varsayılan Galeri Modülü.
Bu öğretici için, Divi Builder’ın içinde ücretsiz olarak mevcut olan restoran galerisi sayfasından görüntüler kullanacağım. Bu yazının altındaki tüm resimleri indirebilirsiniz. YouTube kanalına abone olmakla dolu tam Divi Galerisi modülünü uygulayarak, yeni bir sayfa başlangıç olarak hazırlıyoruz, yeni bir sayfa oluşturuyoruz, sayfa başlığınızı verin ve divi oluşturucu uyguluyoruz. “Uyan” seçeneğini seçin ve ardından sayfanızı yayınlayın. Ardından ön uçta oluşturmak için tıklayın. Divi Builder’ın harekete geçirdiği bir resim galerisi yapmak, devam edin ve bir sütun sütunu ile yeni bir düzenli bölüm oluşturun ve Divi Galerisi modülünü satıra ekleyin. Divi Galerisi modülünü ayarlarken, galeriye 12 resim eklemek için Gray Plus simgesini tıklayın. Ardından Divi Galeri Modülü ayarlarını aşağıdaki gibi güncelleyin: Resim Numarası: 12 Başlık ve Açıklama Göster: Sayma Göster: Hayır Resim galerisi için tam geniş bir düzen yapın, resim galerisi için tam geniş bir düzen oluşturmak için, şimdilik galeri ayarlarımızı kaydedelim ve satır ayarlarını açalım. Tasarım sekmesinin altında aşağıdakileri güncelleyin: Bu satırı tam genişlik yapın: evet talang genişliği: 1 Bu, tam bir resim galerisini etkinleştirmenin ve çalıştırmanın en kolay yoludur. Kanalizasyonun genişlik ayarları ile birlikte “bu çizgiyi tam genişlik yapmayı” seçmek, galeriyi tam genişliğe (tüm tarayıcı boyutlarında) ulaşacak ve görüntüler arasındaki mesafeyi ortadan kaldıracaktır. Ve galeri, sayfaların tam genişliğine de hücresel olarak ulaşmaya devam edecektir. Açıklayıcı Görüntü Seçeneğini Ayarlama Tam Geniş Resim Galerisi Tasarımınızı tamamlamak için, Divi Galerisi modülü ayarlarındaki görüntüyü kaplama seçeneğini ayarlamak daha iyidir. Zoom simgesini, simge rengini ve kaplama rengini değiştirebilirsiniz. Bunu yapmak için aşağıdaki galeriyi açın ve güncelleme ayarlarını güncelleyin: Zoom simgesi Rengi: #ffffff Renk Tarihi Yönü: #333D48 Ikon Naver: Ekran yakalamaya bakın Şimdi son tasarımı kontrol edelim.
Tam Genişlik Resim Galerisi Aralık seçeneği, oluk genişliğinin genişliği ile tam genişlik düzeni yapar Divi Galerisi modülündeki görüntünüz arasındaki mesafeyi ayarlamanın en kolay yolu, oluğun genişliğini ana sıradan ayarlamaktır. Olukların genişliği sütunlar arasındaki mesafeyi ifade eder. Herhangi bir divi çizgi elemanı ile, oluk genişliği için isteğe bağlı değer 1 ila 4 arasında değişir. 1 sütun arasındaki sıfır marjı temsil eder. 2, sütun arasında% 3’lük sağ marjı temsil eder. 3, sütunda% 5.5 sağ marjı temsil eder. 4, sütunlar arasında% 8 sağ marjı temsil eder.
Divi Galeri modülünü kullandığımız için, olukların genişliği de galeri öğeleri arasındaki mesafeyi ifade eder. Böylece kanalizasyonların genişliğini satıra eklemek, galeri modülündeki ürün/galeri görüntüsünün mesafesini ayarlayacaktır.
Hücresel boşluklar üzerinde daha fazla kontrol için özel genişlik kullanma “Bu satır tam genişliği sağlayın” seçeneği evet olarak ayarlanmışsa ve oluk genişliği 2 veya daha fazlaysa (1 hariç herhangi bir şey), Divi ek dış boşluklar sağlamak için hattın genişliğini otomatik olarak ayarlayacaktır . Bu gereklidir, çünkü olukların genişliği, sıranın kendisi için değil, sadece sütunlar/galeri öğeleri arasındaki mesafe için geçerlidir. Bununla birlikte, bu, hücreselde istediğinizden daha fazla marj mesafesi ekleyebilir. Örneğin, “Tam Genişlik Sırası” seçeneğini 2 oluk genişliğine aktive ederseniz, satırınızın gerçek genişliği hücreselde% 89 olacaktır (% 100 değil). Dolayısıyla, satırın% 100 hücresel kadar gerilmesini istiyorsanız, özel bir seçenek kullanabilirsiniz. % 100 özel genişlik sırası vererek, Talang genişliği değerinden bağımsız olarak sıra genişliği% 100 kalacaktır. Artık dolgu satırları kullanarak satırlara dış boşluklar ekleyebilirsiniz. Bu, masaüstü, tablet ve akıllı telefondaki dış alan üzerinde daha fazla kontrol sağlayacaktır. Aşağıdakiler bunun nasıl çalışacağının bir örneğidir. Aşağıdaki satır ayarlarını açın ve güncelleme: Özel genişlik:% 100 talang genişliği: 2Galerinin sağında veya solunda nasıl bir marj olmadığını unutmayın. Şimdi satıra aşağıdaki özel dolguyu ekleyin: özel dolgu (masaüstü):% 5 üst,% 5 alt,% 5 sol,% 5 sağ özel dolgu (akıllı telefon)% 5 üst,% 5 alt,% 0 sol,% 0 Sağ
Masaüstünde (ve tablette)% 5 dolgu, galeri öğeleri arasındaki mesafeyi eşleştirmemiz gereken dış alanları sağlayacaktır. Akıllı telefonlar için sağ ve sol özel pedleri kaldırarak, görüntü tarayıcının tam genişliğine ulaşarak daha fazla görünürlük görüntüsü verecektir. Divi Galerisi modülünüzün mesafesi üzerinde daha fazla kontrol almak istiyorsanız, gutter genişliği üzerinde daha fazla kontrol almak istiyorsanız, Galeri Genişliği Olmadan Galeri Öğeleri Özel Alanları ekleyin, aslında oluk genişliğini kullanmak yerine ürün galerisi arasında kendi özel mesafenizi ekleyebilirsiniz. Bunu yapmak için, 1. kanalizasyonun genişliğini ayarlamanız ve ardından Divi Galeri modül ayarlarındaki galeri öğeniz arasındaki mesafeyi eklemeniz gerekir. Daha fazla bilgi için, Divi Galerisi Modülünü kullanma hakkındaki eksiksiz öğreticiye bakın Özel alanlarla bir resim galerisi oluşturmak için Divi Galerisi Modülü hakkında daha fazla bilgi edinin Modülünüzü ayarlamanın daha fazla yolunu bulmak için aşağıdaki öğreticiye bakın: 6 benzersiz sınır tasarımı için Divi Galeri Modülü Görüntüler Sizi Farklı kesme noktalarında Divi Galerisi modülündeki sütun sayısını değiştirin Özel alanlara sahip bir resim galerisi oluşturmak için Divi Galerisi modülünü kullanın Bir Divi Galeri Modülü ile Siyah Beyazdan Beyazdan Renklere Değişen Bir Resim Galerisi Nasıl Yapılır
Son zihin, umarım bu öğretici bir sonraki projenizde bazı güzel geniş resim galerileri yapmak için Divi Galeri modülünü nasıl kullanacağınızı anlamanıza yardımcı olacaktır. Resim galerinizi daha da belirgin hale getirmek için tüm varsayılan Divi tasarım seçeneklerini ve vites efektlerini keşfetmeyi unutmayın.
Aşağıdaki yorumlarda sizden haber almayı umuyorum. Kızarmış ekmek!
