Görüntü Listesi Bölümü

Bir dizi görüntüyü ve ilgili metni görüntülemek istediğinizde Görüntü listesi bölümünü kullanın.

Bu bölümü kullanarak, web sitesi içindeki farklı sayfaları kolayca bağlayabilir veya her bağlantı için bir resim ve açıklama eklemek istediğiniz herhangi bir bağlantıyı ekleyebilirsiniz.

Bu makalede:

1. Görüntü Listesi nedir?
2. Sayfaya Resim Listesi bölümü ekleme
3. Liste öğeleri ekleme ve düzenleme
4. Liste öğelerini sıralama
5. Liste öğelerini silme
6. Bölüm düzenini değiştirme
7. Stil seçenekleri
8. Atlıkarınca Stili
9. Canlı örnek

Resim Listesi

• Resim listesi, resim için bir açıklama ekleyebileceğiniz ve onu web sitesindeki herhangi bir sayfaya veya başka bir bağlantıya bağlamak için bir bağlantı veya düğme ekleyebileceğiniz bir resimler koleksiyonudur.

Resim Listesi Ekle bölümü

• Bir sayfaya bölüm eklenebilir. Halihazırda var olan bir sayfaya bölüm ekleyebilir veya yeni bir sayfa oluştur web sitenizin içinde.
• Sayfanda, tıkla mavi + simge eklemek için Yeni Bölüm sayfanıza.

• Şimdi göreceksiniz bölüm kategorileri sol tarafta.
• Seçin Liste (1) kategoriye tıklayın ve Resim Listesi sekme (2) arasında seçim yapabileceğiniz yer farklı düzenler Görüntü Listesi (3).

• Herhangi bir bölüm düzenini seçin ve sayfanıza eklemek için üzerine tıklayın.

Liste öğeleri ekleme ve düzenleme

Liste öğesi ekle

Bölümü ekledikten sonra:

• Tıkla Resim Listesini Düzenle (1) düğmesine basarak Liste Öğesi Panelini açın.

• Tıkla Öğe Ekle (2) Yeni bir liste öğesi eklemek için düğmesine basın.
• Seçebilirsin Dçoğalt veya Sil (3) liste öğeleri.

Liste öğesini düzenle

Düzenlemek istediğiniz liste öğesine tıklayın. Belirli Liste öğesi düzenleme seçeneklerini açacaktır.

Buradan şunları yapabilirsiniz:

• Resim Yükle / Kaldır (1) liste öğesi için. Ayrıca Görüntü Vurgu Rengi buradan resmin üzerine gelindiğinde görüntülenecektir.
• eklemek Başlık (2), Alt yazı (3), ve Açıklama (4) liste öğesinin.
• Seçtiğiniz düzene bağlı olarak belirli liste öğelerinde altyazı ve açıklama seçeneğini bulamayabilirsiniz.
  Açıklamayı eklemeden önce kontrol edin Re-Tweet makale.

• Link Builder ikonuna tıklayın. Başlık Bağlantısı (5) liste öğesi başlığını herhangi bir sayfaya bağlamak için bağlantı oluşturucuyu açmak için. Daha fazlasını öğren hakkında Bağlantı Oluşturucu.
• Bağlantıyı şu şekilde açılacak şekilde ayarlayın: yeni sekmede veya aynı sekmede (6).
• Herhangi bir tür ekleyin Link (7) liste öğesine. Bir Düğme/Resim bağlantısı/Sosyal Simge/Metin Bağlantısı ekleyebilirsiniz. DAHA FAZLA ÖĞREN.
• İndirim (8) değişiklikleriniz.

Bir görüntü listesi öğesini çalışırken düzenlemeye bakın:

Sıra listesi öğeleri

• Sıralamayı değiştirmek için liste öğelerini kolayca sürükleyip bırakabilirsiniz.

Görüntü listesi öğelerini iş başında sıralamaya bakın: 

Liste öğesini silme

Bir liste öğesi ekledikten sonra onu düzenleyebilir ve silebilirsiniz.

• Tıkla Sil görüntü listesi öğesinin yanındaki simge.
• Tne, tıklayın Sil onay açılır penceresindeki düğme.
• En sonunda, kayıt etmek değişiklikleriniz.

Bir görüntü listesi öğesini silme işlemine bakın: 

Bölüm Düzeni

• Tıkla Resim Listesini Yönet (1) düğmesine basın.
• Seçin Düzen (2) sekmesi.
• seç (3) bölümünüzün düzeni ve İndirim (4) değişiklikler.

Bölümünüzü stillendirin

• Tıklayın Görüntü Listesini Yönet (1) düğmesine basın.
• Seçin Stil (2) sekmesi.
• Kesit öğeleri için Stili değiştirin ve Kaydet (3) değişiklikleriniz.

Bölüm için birden fazla stil seçeneğiniz olacak: 

ürün 

1. Seçin Öğeleri Göster in satırlar ve sütunlar or atlıkarınca 
   • Eğer seçtiyseniz satırlar ve sütunlar seçeneği, liste öğeleri satırlar ve sütunlar halinde düzenlenecektir. Bu durumda, satır ve sütun sayısını belirtmeniz gerekir.
   • Eğer seçtiyseniz atlıkarınca seçeneği, liste öğeleri bir slayt gösterisi olarak sunulacaktır. Daha fazlasını öğren.
2. Yı kur Sütun sayısı resim listesi için 1 ila 10 sütun arasından seçim yapabilirsiniz.
3. belirtmek Sütunlar Arasındaki Boşluk liste öğelerinden.
4. belirtmek Satırlar Arasındaki Boşluk liste öğelerinden.
5. Seçin İçerik Sırası yani, önce görüntülenecek liste öğelerinin resimleri veya ilgili metin.
6. Hizala İçerik Yatay Olarak Görüntü Listesinde. Bunları sola, sağa veya ortaya hizalanacak şekilde ayarlayabilirsiniz.
7. Hizala İçerik Dikey Olarak Görüntü Listesinde. Bunları üste, ortaya ve aşağıya hizalanacak şekilde ayarlayabilirsiniz.

Adım 1'de Atlıkarınca seçeneği seçilirse aşağıdaki ek seçenekleri göreceksiniz:

8. Seçin Atlıkarıncayı Döngüye Al veya olmasın.
9. Karusel durumunda, Navigasyon Kontrolleri. Kontrol Yok, Oklar – Orta Alt/Sağ Üst/Sağ Alt, Chevron veya Noktalar arasından seçim yapabilirsiniz.

Mobil Ekran

10. sayısını ayarla Izgara Sütunları mobil cihazlar için. Maksimum 3 sütuna ayarlayabilirsiniz.
11. Tanımlamak aralık ızgaralar arasında (piksel cinsinden).

Fotoğraflar 

12. Seçin Ibüyücü Kırpma Liste öğeleri için. Görüntüleri Kare, Daire, Yatay, Dikey ve Orijinal olarak ayarlayabilirsiniz.
13. Liste öğelerinin her bir tarafı için ortak bir köşe yarıçapına veya farklı köşe yarıçapına sahip olmayı seçin ve kenar için bir sayı (px olarak) belirleyin. Cköşe Yarıçapı liste öğesi görüntülerinin Daha fazlasını öğren.

• Bölünmüş köşeler seçtiyseniz, her köşe için farklı köşe yarıçapı ayarlayabilirsiniz.

Resmin üzerine gelindiğinde 

14. Seçin Görüntü Vurgulu Renk olduğu vurgu rengi ya da olmak Belirtilen. Eğer seçtiyseniz vurgu rengi, sonra belirtin donukluk.
15. Eğer seçtiyseniz renk belirtin seçeneğini belirleyin ve ardından Temel vurgulu renk ve opaklık liste öğeleri için.
16. Yı kur Elements bölümün liste öğeleri için renk.
17. Seçin Liste öğesi resimlerini canlandırın Evet'e tıklayarak fareyle üzerine gelin. Canlı bir sayfada bu özelliği kontrol edin.
18. Birini seçin Animasyon Stili İmleç üzerlerine getirildiğinde görüntüler için.

Boyut ve Alan 

19. belirtmek Resim Genişliği liste öğeleri için.
20. belirtmek İçerik Genişliği liste öğeleri için.
21. belirtmek Bölüm Başlığının altındaki boşluk piksel cinsinden.
22. belirtmek Resimlerin altındaki boşluk liste öğelerinin (% cinsinden).
23. belirtmek Başlıkların altındaki boşluk liste öğelerinin (% cinsinden).
24. belirtmek Altyazıların altındaki boşluk liste öğelerinin (% cinsinden).

Metin 

25. Tıkla Metin Stilini Değiştir düğmesini ziyaret edin Dizayn bölüm ve yazı tipi boyutlarınızı ve stillerinizi yönetin. 
26. Yı kur Başlık bölümün liste öğeleri için yazı tipi stili.
27. Yı kur Alt yazı bölümün liste öğeleri için yazı tipi stili.
28. Varsayılanı ayarla Açıklama bölümün liste öğeleri için yazı tipi stili.

Kartlar 

29. Bakın nasıl kartları yönetmek için.

gölge

30. ekran – Liste öğelerinin arkasındaki gölgeyi her zaman veya yalnızca üzerine gelindiğinde göstermeyi seçin.
31. stil – Mevcut hazır ayarlar arasından seçim yapın veya özel bir gölge oluşturun.
    Özel seçeneğini seçtiyseniz, bunu ziyaret edin Kutu Gölge Oluşturucu Özel bir gölge oluşturmak için. Son olarak, kopyalayıp yapıştırın kutu gölge CSS.
32. Ön ayarlar seçeneğini seçtiyseniz, o zaman Gölge Stillerini Seçin açılır.

Düğmeler ve Bağlantılar

33. Bakın nasıl stilini yönetmek için Düğmeler ve Bağlantılar.
34. İndirim tüm tarzlar değişiyor.

Atlıkarınca Stili

Atlı Karınca stili, liste öğelerini bir slayt gösterisi olarak gösterir, yani liste öğeleri birbiri ardına sıralanır.

Atlıkarınca stilinin nasıl çalıştığını görün: 

İşte canlı bir Görüntü Listesi: 

Canlı bir demo sitesini görüntüleyin. 

Köşe Yarıçapının nasıl çalıştığını görün: 

İlgili Makaleler:

• Bölüm Türleri
• Bölümler Arasına Ara Parça / Bölücü Ekle
• Web Sitenizi Oluşturun