Bahagian Senarai Imej

Gunakan bahagian Senarai imej apabila anda ingin memaparkan set imej dan teks yang berkaitan.

Menggunakan bahagian ini, anda boleh memautkan halaman yang berbeza dengan mudah dalam tapak web atau menambah sebarang pautan yang anda ingin tambahkan imej dan penerangan juga untuk setiap pautan.

Dalam artikel ini:

1. Apakah itu Senarai Imej?
2. Menambah bahagian Senarai Imej pada halaman
3. Tambah dan edit item senarai
4. Menyusun item senarai
5. Memadam item senarai
6. Menukar susun atur bahagian
7. Pilihan gaya
8. Gaya Karusel
9. Contoh langsung

Senarai Gambar

• Senarai imej ialah koleksi imej di mana anda boleh menambah penerangan untuk imej dan menambah pautan atau butang untuk menyambungkannya dengan mana-mana halaman lain di tapak web atau mana-mana pautan lain.

Tambah bahagian Senarai Imej

• Bahagian boleh ditambah pada halaman. Anda boleh sama ada menambah bahagian pada halaman yang sedia ada atau buat halaman baru dalam laman web anda.
• Pada halaman anda, Klik pada biru + ikon untuk menambah Seksyen Baru ke halaman anda.

• Sekarang anda akan melihatnya kategori bahagian di sebelah kiri.
• pilih Senarai (1) kategori dan klik pada Senarai Gambar tab (2) di mana anda boleh memilih daripada susun atur yang berbeza daripada Senarai Imej (3).

• Pilih mana-mana reka letak bahagian dan klik padanya untuk menambahkannya pada halaman anda.

Tambah dan Edit item senarai

Tambah item senarai

Sebaik sahaja anda telah menambah bahagian:

• Klik pada Edit Senarai Imej (1) butang untuk membuka Panel Item Senarai.

• Klik pada Tambah Item (2) butang untuk menambah item senarai baharu.
• Anda boleh pilih Duplicate atau Delete (3) item senarai.

Edit item senarai

Klik pada item senarai yang ingin anda edit. Ia akan membuka pilihan penyuntingan item Senarai tertentu.

Dari sini, anda boleh:

• Muat Naik / Alih Keluar Imej (1) untuk item senarai. Anda juga boleh menetapkan Warna Aksen Imej dari sini yang akan dipaparkan pada hover imej.
• Tambah Title (2), Sari kata (3), dan Penerangan (4) daripada item senarai.
• Anda mungkin tidak menemui pilihan sari kata dan penerangan dalam item senarai tertentu bergantung pada reka letak yang anda pilih.
  Sebelum menambah penerangan, semak ini artikel.

• Klik pada ikon Pembina Pautan bagi Pautan Tajuk (5) untuk membuka pembina pautan untuk memautkan tajuk item senarai ke mana-mana halaman. Ketahui lebih lanjut mengenai Pembina Pautan.
• Tetapkan Pautan untuk dibuka dalam a tab baharu atau dalam tab yang sama (6).
• Tambah sebarang jenis pautan (7) kepada item senarai. Anda boleh menambah pautan Butang/Imej/Ikon Sosial/Pautan Teks. Ketahui info selanjutnya.
• Jimat (8) perubahan anda.

Lihat pengeditan item senarai imej dalam tindakan:

Item senarai urutan

• Anda boleh menyeret dan melepaskan item senarai dengan mudah untuk menukar urutan.

Lihat penjujukan item senarai imej dalam tindakan: 

Padamkan item senarai

Sebaik sahaja anda telah menambah item senarai, anda boleh mengedit dan memadamkannya.

• Klik pada Padam ikon di sebelah item senarai imej.
• Tne, klik pada Padam butang dalam pop timbul pengesahan.
• Akhirnya, menyelamatkan perubahan anda.

Lihat pemadaman item senarai imej dalam tindakan: 

Susun atur Bahagian

• Klik pada Urus Senarai Imej Butang (1).
• pilih Susun atur (2) tab.
• pilih (3) susun atur untuk bahagian anda dan Jimat (4) perubahan.

Gaya bahagian anda

• Klik pada Urus Senarai Imej (1) .
• pilih Gaya (2) tab.
• Tukar Gaya untuk elemen bahagian dan Jimat (3) perubahan anda.

Anda akan mempunyai berbilang pilihan gaya untuk bahagian tersebut: 

item 

1. Pilih untuk Tunjukkan Item in baris dan lajur or karusel 
   • Jika anda telah memilih baris dan lajur pilihan, item senarai akan disusun dalam baris dan lajur. Dalam kes ini, anda perlu menentukan bilangan baris dan lajur.
   • Jika anda telah memilih karusel pilihan, item senarai akan dibentangkan sebagai tayangan slaid. Ketahui lebih lanjut.
2. Menetapkan Bilangan Lajur untuk senarai imej. Anda boleh memilih daripada 1 hingga 10 lajur.
3. nyatakan Ruang Antara Lajur daripada item senarai.
4. nyatakan Ruang Antara Baris daripada item senarai.
5. pilih Susunan Kandungan iaitu, imej item senarai yang akan dipaparkan dahulu atau teks yang berkaitan.
6. Sejajarkan Kandungan Secara Mendatar dalam Senarai Imej. Anda boleh menetapkannya supaya dijajarkan ke kiri, kanan atau tengah.
7. Sejajarkan Kandungan Secara Menegak dalam Senarai Imej. Anda boleh menetapkannya supaya sejajar atas, tengah dan bawah.

Jika pilihan Carousel dipilih dalam Langkah 1, maka anda akan melihat pilihan tambahan berikut:

8. Pilih untuk Gelung Karusel atau tidak.
9. Dalam kes Karusel, pilih Kawalan Navigasi. Anda boleh memilih antara Tiada Kawalan, Anak Panah – Pusat Bawah/ Kanan Atas/ Kanan Bawah, Chevron atau Titik.

Paparan Mudah Alih

10. Tetapkan bilangan Lajur Grid untuk peranti mudah alih. Anda boleh menetapkannya kepada maksimum 3 lajur.
11. Tentukan jarak antara grid (dalam piksel).

Imej 

12. pilih Itanaman mage untuk item senarai. Anda boleh menetapkan imej sebagai Segi Empat, Bulatan, Mendatar, Potret dan Asal.
13. Pilih untuk mempunyai jejari sudut biasa atau jejari sudut berbeza untuk setiap sisi item senarai dan tetapkan nombor (dalam px) untuk Cjejari orner imej item senarai. Ketahui lebih lanjut.

• Sekiranya anda telah memilih sudut belah, anda boleh menetapkan jejari sudut yang berbeza untuk setiap sudut.

Pada Tuding Imej 

14. pilih Warna Tuding Imej untuk menjadi warna aksen atau menjadi dinyatakan. Jika anda telah memilih warna aksen, kemudian tentukan kelegapan.
15. Jika anda telah memilih nyatakan warna pilihan kemudian tetapkan Warna tuding asas dan kelegapan untuk item senarai.
16. Menetapkan Elements warna untuk item senarai bahagian.
17. Pilih untuk Animasikan imej item senarai pada tuding dengan mengklik pada Ya. Semak ciri ini pada halaman langsung.
18. Pilih satu Gaya Animasi untuk imej apabila kursor dituding di atasnya.

Saiz & Ruang 

19. nyatakan Lebar imej untuk item senarai.
20. nyatakan Lebar Kandungan untuk item senarai.
21. nyatakan Ruang di bawah Tajuk Bahagian dalam px.
22. nyatakan Ruang di bawah imej daripada item senarai (dalam %).
23. nyatakan Ruang di bawah tajuk daripada item senarai (dalam %).
24. nyatakan Ruang di bawah Sarikata daripada item senarai (dalam %).

teks 

25. Klik pada Tukar Gaya Teks butang untuk melawat reka bentuk seksyen dan mengurus saiz dan gaya fon anda. 
26. Menetapkan Title gaya fon untuk item senarai bahagian.
27. Menetapkan Subtitle gaya fon untuk item senarai bahagian.
28. Tetapkan lalai Penerangan Produk gaya fon untuk item senarai bahagian.

Kad 

29. Lihat bagaimana untuk menguruskan kad.

Bayang-bayang

30. paparan – Pilih untuk menunjukkan bayang di belakang item senarai sentiasa atau pada tuding sahaja.
31. Style – Pilih daripada pratetap sedia ada atau cipta bayang tersuai.
    Sekiranya anda telah memilih pilihan Tersuai, maka lawati ini Penjana Bayangan Kotak untuk mencipta bayang tersuai. Akhir sekali, salin dan tampal CSS bayangan kotak.
32. Sekiranya anda telah memilih pilihan pratetap, maka Pilih Gaya Bayangan dari menu lungsur.

Butang & Pautan

33. Lihat bagaimana untuk menguruskan penggayaan Butang & Pautan.
34. Jimat semua gaya berubah.

Gaya Karusel

Gaya Karusel menunjukkan item senarai sebagai tayangan slaid iaitu, item senarai akan dikitar selepas satu sama lain.

Lihat cara gaya karusel berfungsi: 

Berikut ialah Senarai Imej secara langsung: 

Lihat tapak demo langsung. 

Lihat cara Jejari Sudut berfungsi: 

Related Articles:

• Jenis Bahagian
• Tambah Spacer / Pembahagi antara Bahagian
• Bina Laman Web anda