EN
Mencari...

Galeri Laman Web

Pixpa memberi anda banyak kawalan ke atas cara memaparkan imej dalam galeri anda.

Menggunakan pilihan gaya galeri, anda boleh mengawal sepenuhnya paparan imej anda dalam galeri bersama-sama dengan reka letak galeri.

Petua: Pilihan gaya seluruh tapak galeri digunakan secara automatik pada semua galeri baharu yang anda buat.
Lihat juga: Bagaimana untuk mengatasi gaya galeri seluruh tapak dalam galeri tertentu?

Dalam artikel ini:

    1. Tata Letak Galeri
    2. Gaya Grid
    3. Warna Grid
    4. Gaya Tuding
    5. Tajuk Imej
    6. Sempadan Imej
    7. Paparan Peti Cahaya
    8. Paparan Mudah Alih

Anda boleh menyesuaikan pilihan galeri seluruh tapak daripada reka bentuk (1) bahagian.

Sebaik sahaja anda berada di dalam bahagian Reka Bentuk, klik pada Galeri (2) tab.

Sebagai alternatif, anda juga boleh menggunakan pilihan carian studio.

  • Masukkan Galeri (1) dalam Bar Carian.
  • Daripada hasil yang berkaitan, klik pada Reka bentuk – Galeri pilihan (2).

  1. Susun atur : Pilih reka letak yang akan digunakan pada galeri.
    Ketahui cara menukar reka letak galeri.
  2. Lebar : Pilih lebar galeri.
    • 'Kelebaran penuh' akan memaparkan galeri sambil menutup keseluruhan lebar tanpa meninggalkan sebarang margin.
    • 'Berkotak' akan memaparkan galeri sambil meninggalkan beberapa jumlah padding di sebelah kanan dan kiri skrin.
    • 'Lebar tapak' boleh dinyatakan dalam bahagian reka bentuk. Anda boleh menentukan lebar tetap di sini.
      Ia akan memaparkan galeri dengan mematuhi lebar tetap yang ditentukan.

 

  1. Jarak Grid : Tentukan ruang longkang antara imej dalam susun atur grid. (0 – 250 piksel) 
  2. Jejari Sudut Imej : Gunakan jejari sempadan untuk menjadikan sudut imej dibulatkan dalam grid galeri.

Sebagai contoh, yang Lantern galeri rumah tema mempunyai jarak grid 142px.  

Selepas menggunakan Jejari Sudut Imej, anda akan melihat tepi bulat pada imej seperti dalam Melangkaui templat.

Kelegapan Asas: Jika anda telah memilih jenis tuding sebagai warna aksen imej, tetapkan kelegapan asas grid dari sini. 

 

  1. Pangkalan : Warna asas digunakan untuk pembentukan grid dan kelihatan hanya seketika sebelum imej dimuatkan. Anda mempunyai dua pilihan untuk warna asas grid.
    • Pilih Warna: Pilih pilihan ini untuk menetapkan warna khusus untuk pangkalan grid. Tentukan sebarang warna dan kelegapan untuk asas grid.
    • Warna Aksen: Gunakan warna aksen imej untuk asas grid. Ini akan memberikan grid berbilang warna menggunakan warna aksen setiap imej.
  2. Kelegapan Asas: Jika anda telah memilih jenis asas sebagai warna aksen, tetapkan kelegapan asas grid dari sini. 
  3. Tuding:  Ini menjejaskan grid apabila kursor dilegar di atas imej.
    • Pilih Warna: Tetapkan warna tuding lalai dan kelegapannya jika anda telah memilih Pilih Warna untuk imej grid anda. 
    • Warna Aksen: Gunakan warna aksen imej untuk asas grid. Ini akan memberikan grid berbilang warna menggunakan warna aksen setiap imej.
  4. Kelegapan Tuding: Jika anda telah memilih jenis tuding sebagai warna aksen, tetapkan kelegapan asas grid dari sini. 

 

Warna aksen imej ialah warna dominan bagi imej yang dipilih apabila anda memuat naik sebarang imej.

Kesan hover hanya akan digunakan dalam reka letak grid. Anda boleh menunjukkan pilihan berikut pada tuding dalam mod grid.

  1. Tiada kesan – Untuk tiada kesan pada imej dalam mod grid.
  2. warna – Hanya untuk warna tuding pada imej anda dalam mod grid.
  3. Warna dan Tajuk Imej – Untuk warna hover imej dengan tajuk imej. Anda boleh menetapkan warna tuding dan warna teks tajuk/font/saiz/berat dalam pilihan seterusnya.
  4. Warna dan Ikon – Untuk warna tuding imej dengan ikon.
  5. Warna, Tajuk Imej dan Ikon – Untuk warna tuding imej, tajuk imej dan ikon. Anda juga boleh menambah ikon pada imej anda seperti tambah, anak panah, pangkah dan mata. 

Ikon Tuding

  • Ikon tuding hanya digunakan dalam susun atur grid galeri. Anda boleh memilih untuk menunjukkan ikon pada imej anda dalam mod grid.
  • Pilihan ialah – tambah, anak panah, pangkah dan mata. Ini hanya terpakai apabila ikon dipilih dalam berlegar kesan dropdown. 

  1. Ini digunakan apabila anda memilih untuk menunjukkan tajuk imej pada tuding.

Pixpa menawarkan ciri sempadan imej serba boleh yang membolehkan anda meningkatkan daya tarikan visual tapak web anda dengan menambahkan sempadan di sekeliling imej. Klik di sini untuk mengetahui lebih lanjut tentang Image Border

1. Buka Peti Cahaya

  • Apabila imej dipaparkan dalam grid, mengklik pada imej membukanya dalam mod Peti Cahaya (paparan imej penuh).
  • Anda boleh mendayakan atau melumpuhkan ini dari sini. 

Semak mod Peti Cahaya dalam tindakan: 

2. Dayakan Zum

  • Dayakan/Lumpuhkan zum pada imej dalam mod Peti Cahaya.
  • Ciri zum akan berfungsi pada desktop serta tapak web mudah alih juga.

3. Pilihan paparan

  • Pilih cara anda mahu memaparkan imej anda dalam paparan imej penuh.
  • Anda boleh memilih daripada tunjukkan imej sahaja, imej dengan lakaran kecil, imej dengan kapsyen di bahagian bawah, dan imej dengan kapsyen di sebelah kanan. 

Sebagai contoh, galeri dengan tunjukkan gambar sahaja. 

Sebagai contoh, galeri dengan tunjukkan imej dengan lakaran kenit.

Sebagai contoh, galeri dengan tunjukkan imej dengan kapsyen pada bawah.

Sebagai contoh, galeri dengan tunjukkan imej dengan kapsyen dihidupkan kanan.

4. Pilihan Warna Tindanan

. Warna Overlay ialah warna latar belakang yang muncul apabila imej dilihat dalam mod peti cahaya. Melaraskan warna tindanan boleh membantu memadankan rupa dan rasa reka bentuk tapak web anda dan memberikan persembahan yang padu dan digilap untuk imej anda dalam paparan peti cahaya.

  • pilih Warna Tersuai pilihan untuk menetapkan warna latar belakang khusus untuk semua imej yang dilihat dalam mod peti cahaya. Anda boleh menentukan warna pilihan anda dalam Warna Overlay penetapan. Ketahui info selanjutnya.
  • Pilih Warna Aksen untuk menggunakan warna unik daripada setiap ton aksen imej. Anda boleh menyesuaikan ini secara individu untuk setiap imej seperti yang dikehendaki. Ketahui info selanjutnya.
  • Jika anda memilih pilihan warna Aksen, anda boleh melaraskan Kelegapan (transparensi) warna latar belakang.

5. Paparan Imej

Tentukan mod paparan untuk Peti Cahaya –

  • Skala dan sesuai – Imej akan diskalakan untuk dimuatkan ke dalam kawasan penyemak imbas yang tersedia supaya imej penuh dapat dilihat. 
  • Berdarah penuh – Imej akan bersaiz untuk memenuhi keseluruhan kawasan pelayar yang tersedia – beberapa bahagian imej mungkin terputus dalam mencapai paparan skrin penuh ini. 

Sebagai contoh, galeri dengan smod cale dan fit di mana imej akan sesuai dengan ketinggian penyemak imbas yang tersedia. 

Sebagai contoh, galeri dengan a berdarah penuh mod di mana imej akan diregangkan untuk mengisi lebar penyemak imbas yang tersedia. 

6. Kawalan

Dalam paparan Peti Cahaya, pilih cara anda mahu menunjukkan kawalan navigasi seperti ikon maklumat imej, ikon maklumat galeri, ikon silang, ikon muat penyemak imbas, dsb. pilihan ialah:

  1. Sentiasa Kelihatan (sentiasa tunjukkan kawalan navigasi di atas imej)
  2. Tunjukkan Pada tuding (kawalan navigasi hanya akan ditunjukkan apabila anda menggerakkan kursor anda pada skrin)
  3. Tersembunyi (kawalan navigasi tidak akan ditunjukkan). 

Sebagai contoh, galeri dengan Sentiasa Kelihatan kawalan navigasi.

Sebagai contoh, galeri dengan Menunjukkan pada hover kawalan navigasi. 

Sebagai contoh, galeri dengan tersembunyi kawalan navigasi.

7. Gaya Seterusnya/Sebelumnya

Dalam paparan imej penuh, pilih cara anda mahu menunjukkan anak panah navigasi anda.

  1. Terapung : Anak panah navigasi akan terapung. Gerakkan kursor anda ke atas imej, dan klik pada skrin sebaik sahaja anak panah muncul untuk menavigasi imej. 
  2. Chevron
  3. Anak panah
  4. Tunjukkan Anak panah dalam Bulatan
  5. Tersembunyi : Lumpuhkan anak panah navigasi sepenuhnya. 

8. Nama Fail Imej

  • Pilih untuk menunjukkan nama fail apabila imej dilihat dalam mod peti cahaya.

Lihat dalam tindakan: 

9. Saiz Imej Maks

Tetapan ini mengawal resolusi maksimum di mana imej galeri anda dipaparkan mod peti cahaya. Anda boleh memilih daripada pilihan berikut:

  • Auto - Menyesuaikan saiz imej secara automatik berdasarkan skrin penonton dan resolusi peranti. Sistem secara bijak memilih versi imej yang paling sesuai untuk memastikan kejelasan dan prestasi optimum.
  • Saiz Tetap - 2048px, 1500px, 1000px, 800px atau 500px. Memilih saiz tetap bermakna semua imej peti cahaya akan disajikan sehingga resolusi maksimum itu bergantung pada peranti atau saiz skrin pengguna.
Nota

Jika imej asal anda yang dimuat naik adalah lebih kecil dalam resolusi daripada saiz yang dipilih, ia akan dipaparkan di dalamnya resolusi asal. Ia tidak akan dibesarkan atau ditingkatkan.

Tetapan Tayangan Slaid

  1. Tayangan slaid : Klik pada autoplay untuk memulakan tayangan slaid secara automatik dalam pemapar imej penuh. Anda juga boleh melumpuhkan tayangan slaid.
  2. Kelajuan: Pilih kelajuan peralihan. Anda boleh memilih dari 1 hingga 10 saat.
  3. Peralihan : Pilih gaya peralihan tayangan slaid.

 

Lihat tayangan slaid dalam tindakan: 

Pilihan Warna

Ciri ini membolehkan Warna Aksen imej untuk digunakan sebagai latar belakang apabila imej dilihat Mod Peti Cahaya. Ini meningkatkan pengalaman visual dengan menjajarkan latar belakang dengan warna aksen imej.

  1. Gunakan Warna Aksen sebagai Tint:
    • Secara lalai, Warna latar belakang peti cahaya akan digunakan apabila melihat imej dalam Mod Peti Cahaya.
    • Apabila anda mendayakan pilihan ini, Warna Aksen yang dikaitkan dengan imej akan digunakan sebagai warna latar belakang Peti Cahaya, menawarkan rupa yang lebih dinamik dan padat secara visual.
  2. Kelegapan Tint:
    • Anda boleh menguruskan kelegapan Tint Warna Aksen menggunakan peluncur Tint.
    • Melaraskan kelegapan menggabungkan Warna Aksen dengan warna latar belakang Peti Cahaya, membolehkan anda mencapai estetika yang lancar dan profesional.

  1. Tunjukkan sebagai: Pilih untuk menunjukkan galeri sebagai Peluncur Imej atau dalam mod grid dalam paparan mudah alih. 
  2. Lajur Grid: Pilih daripada Paparan 1 lajur atau 2 lajur untuk paparan grid dalam paparan mudah alih.
  3. Jarak Grid : Menetapkan longkang antara imej dalam paparan mudah alih.

 

Tagged:

Tidak menemui apa yang anda cari?

Berhubung dengan Pakar Pixpa.

Hubungi Kami
Pixpa Studio baru sahaja diubah suai. Kami sedang mengemas kini semua tangkapan skrin artikel bantuan pada masa ini.