Bagian Daftar Gambar

Gunakan bagian Daftar gambar saat Anda ingin menampilkan sekumpulan gambar dan teks yang relevan.

Dengan menggunakan bagian ini, Anda dapat dengan mudah menautkan berbagai halaman di dalam situs web atau menambahkan tautan apa pun yang ingin Anda tambahkan gambar dan deskripsi juga untuk setiap tautan.

Dalam artikel ini:

1. Apa itu Daftar Gambar?
2. Menambahkan bagian Daftar Gambar ke halaman
3. Tambahkan dan edit item daftar
4. Mengurutkan item daftar
5. Menghapus item daftar
6. Mengubah tata letak bagian
7. Opsi gaya
8. Gaya Korsel
9. Contoh langsung

Daftar Gambar

• Daftar gambar adalah kumpulan gambar tempat Anda dapat menambahkan deskripsi untuk gambar tersebut, dan menambahkan tautan atau tombol untuk menghubungkannya dengan halaman lain di situs web atau tautan lainnya.

Tambahkan bagian Daftar Gambar

• Bagian dapat ditambahkan ke halaman. Anda dapat menambahkan bagian ke halaman yang sudah ada atau buat halaman baru dalam situs web Anda.
• Di halaman Anda, Klik pada biru + ikon untuk menambahkan Bagian Baru ke halaman Anda.

• Anda sekarang akan melihat kategori bagian di sisi kiri.
• Pilih Daftar (1) kategori dan klik pada Daftar Gambar tab (2) tempat Anda dapat memilih tata letak yang berbeda dari Daftar Gambar (3).

• Pilih tata letak bagian mana saja dan klik untuk menambahkannya ke halaman Anda.

Tambahkan dan Edit item daftar

Tambahkan item daftar

Setelah Anda menambahkan bagian:

• Klik pada Edit Daftar Gambar (1) tombol untuk membuka Panel Daftar Item.

• Klik pada Tambahkan Barang (2) tombol untuk menambahkan item daftar baru.
• Anda dapat memilih untuk Dduplikat atau Hapus (3) item daftar.

Edit item daftar

Klik item daftar yang ingin Anda edit. Ini akan membuka opsi pengeditan item Daftar tertentu.

Dari sini, Anda dapat:

• Unggah / Hapus Gambar (1) untuk item daftar. Anda juga dapat mengatur Warna Aksen Gambar dari sini yang akan ditampilkan pada gambar hover.
• Tambahkan Judul (2), Subjudul (3), dan Deskripsi (4) dari item daftar.
• Anda mungkin tidak menemukan opsi subtitle dan deskripsi pada item daftar tertentu tergantung pada tata letak yang Anda pilih.
  Sebelum menambahkan deskripsi, periksa ini Artikel.

• Klik ikon Pembuat Tautan dari Tautan Judul (5) untuk membuka pembuat tautan untuk menautkan judul item daftar ke halaman mana pun. Tahu lebih banyak tentang Pembuat Tautan.
• Atur Tautan untuk dibuka di a tab baru atau di tab yang sama (6).
• Tambahkan semua jenis Link (7) ke item daftar. Anda dapat menambahkan Tombol/tautan Gambar/Ikon Sosial/Tautan Teks. Pelajari lebih lanjut.
• Save (8) perubahan Anda.

Lihat cara mengedit item daftar gambar:

Item daftar urutan

• Anda dapat dengan mudah menarik dan melepaskan item daftar untuk mengubah urutannya.

Lihat mengurutkan item daftar gambar dalam tindakan: 

Hapus item daftar

Setelah menambahkan item daftar, Anda dapat mengedit dan menghapusnya.

• Klik pada Delete ikon di sebelah item daftar gambar.
• Baik, klik pada Delete tombol di popup konfirmasi.
• Terakhir, menyimpan perubahan Anda.

Lihat cara menghapus item daftar gambar: 

Tata Letak Bagian

• Klik pada Kelola Daftar Gambar (1) tombol.
• Pilih tata ruang (2) tab.
• Pilih (3) tata letak untuk bagian Anda dan Save (4) perubahan.

Gaya bagian Anda

• Klik Kelola Daftar Gambar (1) .
• Pilih Gaya (2) Tab.
• Ubah Gaya untuk elemen bagian dan Simpan (3) perubahan Anda.

Anda akan memiliki beberapa opsi gaya untuk bagian tersebut: 

item 

1. Memilih untuk Tampilkan Item in baris dan kolom or korsel 
   • Jika Anda telah memilih baris dan kolom pilihan, item daftar akan diatur dalam baris dan kolom. Dalam hal ini, Anda perlu menentukan jumlah baris dan kolom.
   • Jika Anda telah memilih korsel pilihan, item daftar akan disajikan sebagai tayangan slide. Tahu lebih banyak.
2. Mengatur Jumlah kolom untuk daftar gambar. Anda dapat memilih dari 1 hingga 10 kolom.
3. Tentukan Ruang Antar Kolom dari item daftar.
4. Tentukan Ruang Antara Baris dari item daftar.
5. Pilih Urutan Konten yaitu, gambar item daftar yang akan ditampilkan terlebih dahulu atau teks terkait.
6. Meluruskan Konten Secara Horizontal dalam Daftar Gambar. Anda dapat mengaturnya agar rata kiri, kanan atau tengah.
7. Meluruskan Konten Secara Vertikal dalam Daftar Gambar. Anda dapat mengaturnya agar sejajar atas, tengah, dan bawah.

Jika opsi Carousel dipilih pada Langkah 1, Anda akan melihat opsi tambahan berikut:

8. Memilih untuk Putar Korsel atau tidak.
9. Dalam kasus Carousel, pilih Kontrol Navigasi. Anda dapat memilih antara Tanpa Kontrol, Panah – Tengah Bawah/Kanan Atas/Kanan Bawah, Chevron, atau Titik.

Layar Seluler

10. Tetapkan jumlah Kolom Grid untuk perangkat seluler. Anda dapat mengaturnya hingga maksimal 3 kolom.
11. Tentukan Jarak antar grid (dalam piksel).

Images 

12. Pilih IPangkas penyihir untuk item daftar. Anda dapat mengatur gambar menjadi Kotak, Lingkaran, Horizontal, Potret, dan Asli.
13. Pilih untuk memiliki radius sudut yang sama atau radius sudut yang berbeda untuk setiap sisi item daftar dan tetapkan angka (dalam px) untuk CRadius sudut dari gambar item daftar. Tahu lebih banyak.

• Jika Anda telah memilih sudut terpisah, Anda dapat mengatur radius sudut yang berbeda untuk setiap sudut.

Di Arahkan Gambar 

14. Pilih Warna Arahkan Gambar untuk menjadi Aksen warna atau menjadi ditentukan. Jika Anda telah memilih Aksen warna, lalu tentukan kegelapan.
15. Jika Anda telah memilih tentukan warna pilihan lalu atur Warna dan opacity hover dasar untuk item daftar.
16. Mengatur Elemen warna untuk item daftar bagian.
17. Memilih untuk Menganimasikan gambar item daftar di hover dengan mengklik Ya. Periksa fitur ini di halaman langsung.
18. Pilih sebuah Gaya Animasi untuk gambar ketika kursor diarahkan ke atasnya.

Ukuran & Ruang 

19. Tentukan Lebar Gambar untuk daftar item.
20. Tentukan Lebar Konten untuk item daftar.
21. Tentukan Spasi di bawah Judul Bagian dalam px.
22. Tentukan Spasi di bawah gambar item daftar (dalam %).
23. Tentukan Spasi di bawah judul item daftar (dalam %).
24. Tentukan Spasi di bawah Teks item daftar (dalam %).

Teks 

25. Klik pada Ubah Gaya Teks tombol untuk mengunjungi Mendesain bagian dan mengelola ukuran dan gaya font Anda. 
26. Mengatur Judul gaya font untuk item daftar bagian.
27. Mengatur Subtitle gaya font untuk item daftar bagian.
28. Tetapkan default Deskripsi Produk gaya font untuk item daftar bagian.

Kartu-kartu 

29. Lihat bagaimana untuk mengelola kartu.

bayangan

30. Display – Pilih untuk selalu menampilkan bayangan di belakang item daftar atau hanya saat melayang.
31. Gaya – Pilih dari preset yang ada atau buat bayangan khusus.
    Jika Anda telah memilih opsi Kustom, kunjungi ini Pembuat Bayangan Kotak untuk membuat bayangan kustom. Terakhir, salin dan tempel kotak bayangan CSS.
32. Jika Anda telah memilih opsi preset, maka Pilih Gaya Bayangan dari dropdown.

Tombol & Tautan

33. Lihat bagaimana untuk mengelola styling dari Tombol & Tautan.
34. Save semua gaya berubah.

Gaya Korsel

Gaya Carousel menampilkan item daftar sebagai tampilan slide yaitu, item daftar akan didaur ulang satu sama lain.

Lihat cara kerja gaya carousel: 

Berikut Daftar Gambar langsung: 

Lihat situs demo langsung. 

Lihat cara kerja Radius Sudut: 

Artikel Terkait:

• Jenis Bagian
• Tambahkan Spacer/Pembagi antar Bagian
• Bangun Situs Web Anda