Scratch'tan Wix Web Sitesi - Izgara Galerisi

• Mayıs Ayı 8, 2024

Bu eğitimde, Wix web sitemize boş bir şablondan oluşturduğumuz bir galeri ekleyeceğiz. Sıfırdan başlamak temel bilgileri öğrenmek için harika bir yoldur.

Değiştirilemeyen Wix şablonlarının aksine, galeri türlerini istediğiniz zaman yeni bir görünüm için değiştirebilirsiniz. Yığma ızgaradan Honeycomb'a kadar birçok galeri türü vardır. Her galerinin kendine has özellikleri vardır. Temel Izgara (portre) galerisine bir göz atalım.

1. Soldaki menüden Artı simgesini tıklayın ve listeden Galeri'yi seçin.
   
   
2. Bir önizleme ve açıklama görmek için her galeri küçük resminin üzerine gelin.
   
   
3. Şimdi, Izgara galerisini sayfaya sürükleyin.
   
   
4. Izgarayı istediğiniz gibi yeniden boyutlandırmak için Yeniden Boyutlandırma Tutamaçlarını kullanın. Izgarayı 980 sayfa genişliğine kadar yeniden boyutlandırdım.
   
   Bu noktada galeride bazı yer tutucu görüntüler var. Şimdilik onları saklayalım ve galeri ayarlarını ihtiyaçlarımız için özelleştirmeye çalışalım.
   
   Izgara Galerisi Ayarları
   
   Görüntü Ölçekleme - Görüntünüzün çerçeveye sığacak şekilde kırpılması veya ölçeklendirilmesi seçeneğiniz vardır. Otomatik Kırp ayarı görüntüleri çerçeveye sığacak şekilde otomatik olarak kırpacak ve Sığdır seçeneği görüntüyü çerçeveye sığacak şekilde yeniden boyutlandıracaktır.
   
   Tıklandığında - Bir galeri görüntüsü tıklandığında ne olacağı konusunda üç seçeneğiniz vardır. Hiçbir şeyin olmaması için bir seçenek. İkincisi, görüntüyü pop-up olarak açmaktır. Üçüncüsü bir bağlantı açmaktır. Çoğu zaman, görüntü daha büyük bir boyutta görüntülendiğinden pop-up iyi bir seçimdir. Ancak ziyaretçiyi başka bir sayfaya göndermek istiyorsanız, A Bağlantı Açılır seçeneğini kullanın.
   
   
5. Galeri'yi seçin ve açılır menüdeki Ayar simgesini tıklayın.
   
   
6. Izgara Ayarları penceresinde Görüntülerin Nasıl Davranacağı bölümünü bulun. Otomatik Kırp veya Sığdır'ı seçin.
   
   
7. Tıklandığında bölümünde üç seçenekten birini belirleyin.
   
   Galeri Tasarımı
   
   Yukarıda belirtildiği gibi, galeri tasarımlarını istediğiniz zaman değiştirebilirsiniz. Ancak ızgara tasarımımızı özelleştirerek devam edelim. Izgara tasarımı için kenarlığı, köşeleri, gölgeyi ve metni özelleştirebiliriz.
   
   
8. Galeri hala seçiliyken, Tasarım simgesini (boya fırçası) tıklayın.
   
   
9. Kenarlık ayarları için kenarlığın rengini, opaklığını ve genişliğini değiştirebiliriz. Genişliğin varsayılan ayarını 0 olarak ayarlayalım ve dolayısıyla kenarlık kalmayalım.
   
   
10. Köşe Yarıçapı - Köşe Yarıçapı simgesini tıklayın ve sol üst köşe yarıçapını istediğiniz gibi ayarlayın. Bağlantı simgesinin gösterdiği gibi, diğer üç köşe de eşleşecek şekilde güncellenecektir.
    
    
11. Gölge - Gölge simgesini seçin. Alt gölge eklemek için, Gölgeyi Etkinleştir düğmesini tıklatın ve gölgenin Açı, Mesafe, Boyut, Bulanıklık ve Renk / Opaklık değerlerini ayarlayın.
    
    
12. Metin - Başlık, Açıklama ve Diğer metin ayarları seçeneklerini ayarlamak için T simgesini tıklayın. Metni varsayılandan Paragraf 1 metin temamıza değiştirelim. Açıklama metni için tekrarlayın.
    
    Düzen Ayarları
    
    Izgara galeri tasarımı için, küçük resimlerin sütun ve satır sayısını kontrol edebiliriz. Küçük resimler arasındaki boşluğu ve metnin görüntü üzerinde nasıl görüntülendiğini de kontrol edebiliriz.
    
    
13. Galeri hala seçiliyken, açılır menüden Düzen simgesini tıklayın.
    
    
14. Sütun ve satır sayısını ayarlamak için kaydırıcıyı kullanın. Daha fazla sütun ve satır eklemek, ızgarada daha küçük küçük resimlerin görüntülenmesine neden olur.
    
    
15. Küçük resimler arasındaki piksel miktarını artırmak için Aralık kaydırıcısını kullanabilirsiniz. Daha fazla alan eklemek küçük resimlerin boyutunu azaltır.
    
    
16. Kaydırıcıların altında metin hizalama bölümü bulunur. Metnin sola, sağa veya ortaya görüntüleme seçeneğiniz vardır.
    
    

Wix.com, Inc.'in izniyle kullanılan ekran görüntüleri