EN
Mencari ...

Galeri Situs Web

Pixpa memberi Anda banyak kendali atas cara menampilkan gambar di galeri Anda.

Menggunakan opsi gaya galeri, Anda dapat sepenuhnya mengontrol tampilan gambar Anda di galeri sehubungan dengan tata letak galeri.

olymp trade indonesiaTip: Opsi gaya galeri di seluruh situs diterapkan secara otomatis ke semua galeri baru yang Anda buat.
Juga lihat: Bagaimana cara mengganti gaya galeri di seluruh situs di galeri tertentu?

Dalam artikel ini:

    1. Galeri Tata Letak
    2. Gaya Kotak
    3. Warna Kisi
    4. Gaya Arahkan
    5. Judul gambar
    6. Perbatasan Gambar
    7. Tampilan Kotak Cahaya
    8. Layar Seluler

Anda dapat menyesuaikan opsi galeri seluruh situs dari bagian Desain (1).

Setelah Anda berada di bagian Desain, klik tab Galeri (2).

Alternatifnya, Anda juga dapat menggunakan opsi pencarian studio.

  • Enter Galeri (1) di Bilah Pencarian.
  • Dari hasil terkait, klik pada Desain – Galeri pilihan 2).

  1. Tata Letak: Pilih tata letak yang akan diterapkan ke galeri.
    Pelajari cara mengubah tata letak galeri.
  2. Lebar : Pilih lebar galeri.
    • 'Lebar penuh' akan menampilkan galeri sambil menutupi seluruh lebar tanpa meninggalkan margin apa pun.
    • 'Kemas' akan menampilkan galeri sambil meninggalkan sejumlah padding di kanan dan kiri layar.
    • 'Lebar situs' dapat ditentukan di bagian desain. Anda dapat menentukan lebar tetap di sini.
      Ini akan menampilkan galeri dengan mengikuti lebar tetap yang ditentukan.

 

  1. Jarak Grid : Tentukan ruang selokan di antara gambar dalam tata letak kisi. (0 – 250 piksel) 
  2. Radius Sudut Gambar : Terapkan radius batas untuk membuat sudut gambar membulat di kisi galeri.

Sebagai contoh , galeri beranda tema Lantern memiliki jarak grid 142px.

Setelah menerapkan Radius Sudut Gambar, Anda akan melihat tepi gambar yang membulat seperti pada template Beyond.

Opasitas Dasar: Jika Anda telah memilih tipe hover sebagai warna aksen gambar, atur opasitas dasar grid dari sini.

 

  1. Dasar: Warna dasar digunakan untuk pembentukan kisi dan hanya terlihat sesaat sebelum gambar dimuat. Anda memiliki dua opsi untuk warna dasar kisi.
    • Pilih Warna: Pilih opsi ini untuk mengatur warna tertentu untuk dasar kisi. Tentukan warna dan opasitas apa pun untuk dasar kisi.
    • Aksen warna : Gunakan warna aksen gambar untuk dasar kisi. Ini akan memberikan kisi-kisi multi-warna menggunakan warna aksen dari setiap gambar.
  2. Opasitas Dasar: Jika Anda telah memilih tipe dasar sebagai warna aksen, atur opacity dasar grid dari sini. 
  3. Arahkan kursor :  Ini mempengaruhi grid ketika kursor diarahkan ke atas gambar.
    • Pilih Warna: Atur warna hover default dan opasitasnya jika Anda telah memilih Pilih Warna untuk gambar kisi Anda. 
    • Aksen warna : Gunakan warna aksen gambar untuk dasar kisi. Ini akan memberikan kisi-kisi multi-warna menggunakan warna aksen dari setiap gambar.
  4. Opasitas Arahkan: Jika Anda telah memilih tipe hover sebagai warna aksen, atur opacity dasar grid dari sini. 

 

Warna aksen gambar adalah warna dominan dari gambar yang dipilih saat Anda mengunggah gambar apa pun.

Efek hover hanya akan digunakan dalam tata letak kisi. Anda dapat menampilkan opsi berikut saat mengarahkan kursor dalam mode kisi.

  1. Tidak berpengaruh – Untuk tidak ada efek pada gambar dalam mode grid.
  2. Warna – Hanya untuk mengarahkan warna pada gambar Anda dalam mode kisi.
  3. Warna dan Judul Gambar – Untuk warna hover gambar dengan judul gambar. Anda dapat mengatur warna hover dan warna teks judul gambar/font/ukuran/berat di pilihan berikutnya.
  4. Warna dan Ikon – Untuk warna hover gambar dengan ikon.
  5. Warna, Judul Gambar, dan Ikon – Untuk warna hover gambar, judul gambar, dan ikon. Anda juga dapat menambahkan ikon pada gambar Anda seperti plus, panah, silang, dan mata. 

Arahkan Ikon

  • Ikon hover hanya digunakan dalam tata letak grid galeri. Anda dapat memilih untuk menampilkan ikon ke gambar Anda dalam mode kisi.
  • Pilihannya adalah – tambah, panah, silang, dan mata. Ini hanya berlaku bila ikon dipilih di arahkan efek dropdown. 

  1. Ini diterapkan saat Anda memilih untuk menampilkan judul gambar saat melayang.

Pixpa menawarkan fitur bingkai gambar serbaguna yang memungkinkan Anda meningkatkan daya tarik visual situs web Anda dengan menambahkan bingkai di sekitar gambar. Klik di sini untuk mempelajari lebih lanjut tentang Bingkai Gambar.

1. Buka Lightbox

  • Saat gambar ditampilkan dalam kisi, mengeklik gambar akan membukanya dalam mode Lightbox (tampilan gambar penuh).
  • Anda dapat mengaktifkan atau menonaktifkan ini dari sini. 

Lihat mode Lightbox beraksi :

2. Aktifkan Zoomnya

  • Aktifkan/Nonaktifkan perbesar gambar dalam mode Lightbox.
  • Fitur zoom akan berfungsi di desktop dan juga situs web seluler.

3. Opsi Tampilan

  • Pilih bagaimana Anda ingin menampilkan gambar Anda dalam tampilan gambar penuh.
  • Anda dapat memilih dari hanya menampilkan gambar, gambar dengan thumbnail, gambar dengan keterangan di bagian bawah, dan gambar dengan keterangan di sebelah kanan. 

Sebagai contoh , galeri yang hanya menampilkan gambar.

Sebagai contoh , galeri yang menampilkan gambar dengan thumbnail.

Sebagai contoh , sebuah galeri yang menampilkan gambar dengan keterangan di bagian bawah.

Sebagai contoh , sebuah galeri yang menampilkan gambar dengan keterangan di sebelah kanan.

4. Pilihan Warna Hamparan

Warna Overlay adalah warna latar belakang yang muncul saat gambar dilihat dalam mode lightbox. Menyesuaikan warna overlay dapat membantu menyesuaikan tampilan dan nuansa desain situs web Anda serta memberikan presentasi yang kohesif dan rapi untuk gambar Anda dalam tampilan lightbox.

  • Pilih Warna kustom opsi untuk mengatur warna latar belakang tertentu untuk semua gambar yang dilihat dalam mode lightbox. Anda dapat menentukan warna pilihan Anda di Warna Hamparan pengaturan. Pelajari lebih lanjut.
  • Pilih Warna Aksen untuk menerapkan warna unik dari setiap aksen warna gambar. Anda dapat menyesuaikannya secara individual untuk setiap gambar sesuai keinginan. Pelajari lebih lanjut.
  • Jika Anda memilih opsi Warna Aksen, Anda dapat menyesuaikan Kegelapan (transparansi) warna latar belakang.

5. Tampilan Gambar

Tentukan mode tampilan untuk Lightbox –

  • Skala dan pas – Gambar akan diskalakan agar sesuai dengan area browser yang tersedia sehingga gambar penuh terlihat. 
  • Berdarah penuh – Ukuran gambar akan disesuaikan untuk memenuhi seluruh area browser yang tersedia – beberapa bagian gambar mungkin terpotong untuk mencapai tampilan layar penuh ini. 

Sebagai contoh , galeri dengan mode skala dan penyesuaian di mana gambar akan sesuai dengan tinggi browser yang tersedia.

Sebagai contoh , galeri dengan mode full bleed di mana gambar akan diregangkan untuk memenuhi lebar browser yang tersedia.

6. Kontrol

Dalam tampilan Lightbox, pilih bagaimana Anda ingin menampilkan kontrol navigasi seperti ikon info gambar, ikon info galeri, ikon silang, ikon sesuai browser, dll. Pilihannya adalah:

  1. Selalu Terlihat (selalu tampilkan kontrol navigasi di atas gambar)
  2. Tampilkan Saat melayang (kontrol navigasi hanya akan muncul saat Anda menggerakkan kursor di layar)
  3. Tersembunyi (kontrol navigasi tidak akan pernah ditampilkan). 

Sebagai contoh , galeri dengan kontrol navigasi yang selalu terlihat .

Sebagai contoh , galeri dengan kontrol navigasi " tampilkan saat kursor diarahkan ke atasnya" .

Sebagai contoh , galeri dengan kontrol navigasi yang tersembunyi .

7. Gaya Berikutnya/Sebelumnya

Di tampilan gambar penuh, pilih bagaimana Anda ingin menampilkan panah navigasi Anda.

  1. Mengambang : Panah navigasi akan mengambang. Gerakkan kursor ke atas gambar, dan klik pada layar setelah panah muncul untuk menavigasi gambar. 
  2. Tanda pangkat ketentaraan
  3. Panah
  4. Tampilkan Panah dalam Lingkaran
  5. Tersembunyi : Nonaktifkan panah navigasi sepenuhnya. 

8. Nama File Gambar

  • Pilih untuk menampilkan nama file saat gambar dilihat dalam mode lightbox.

Lihat beraksi: 

9. Ukuran Gambar Maks

Pengaturan ini mengontrol resolusi maksimum tampilan gambar galeri Anda dalam mode lightbox. Anda dapat memilih dari opsi berikut:

  • Otomatis - Secara otomatis menyesuaikan ukuran gambar berdasarkan resolusi layar dan perangkat pengguna. Sistem secara cerdas memilih versi gambar yang paling sesuai untuk memastikan kejernihan dan kinerja optimal.
  • Ukuran Tetap – 2048 piksel, 1500 piksel, 1000 piksel, 800 piksel, atau 500 piksel. Memilih ukuran tetap berarti semua gambar lightbox akan ditampilkan hingga resolusi maksimum tersebut, tergantung pada perangkat atau ukuran layar pengguna.
Note

Jika gambar asli yang Anda unggah memiliki resolusi lebih kecil daripada ukuran yang dipilih, gambar tersebut akan ditampilkan dalam resolusi aslinya . Gambar tersebut tidak akan diperbesar atau ditingkatkan skalanya.

Pengaturan tayangan slide

  1. Tayangan slide : Klik autoplay untuk memulai tayangan slide secara otomatis dalam penampil gambar penuh. Anda juga dapat menonaktifkan tayangan slide.
  2. Kecepatan: Pilih kecepatan transisi. Anda dapat memilih dari 1 hingga 10 detik.
  3. Transisi : Pilih gaya transisi tayangan slide.

 

Lihat tampilan slide beraksi: 

Pilihan Warna

Fitur ini memungkinkan Warna Aksen gambar digunakan sebagai latar belakang saat gambar dilihat dalam Mode Lightbox . Hal ini meningkatkan pengalaman visual dengan menyelaraskan latar belakang dengan warna aksen gambar.

  1. Gunakan Warna Aksen sebagai Warna:
    • Secara default, Warna latar belakang kotak cahaya akan diterapkan saat melihat gambar dalam Mode Lightbox.
    • Saat Anda mengaktifkan opsi ini, Warna Aksen yang dikaitkan dengan gambar akan digunakan sebagai warna latar belakang Lightbox, menawarkan tampilan yang lebih dinamis dan kohesif secara visual.
  2. Opasitas Warna:
    • Anda dapat mengatur opasitas Warna Aksen Tint menggunakan penggeser Warna.
    • Menyesuaikan opacity akan memadukan Warna Aksen dengan warna latar belakang Lightbox, memungkinkan Anda mendapatkan estetika yang mulus dan profesional.

  1. Tampilkan sebagai: Pilih untuk menampilkan galeri sebagai Penggeser Gambar atau dalam mode kisi di tampilan seluler. 
  2. Kolom Kotak: Pilih dari Tampilan 1 kolom atau 2 kolom untuk tampilan kisi dalam tampilan seluler.
  3. Jarak Grid : Mengatur selokan antar gambar di tampilan seluler.

 

Tagged:

Tidak dapat menemukan yang Anda cari?

Hubungi Pakar Pixpa.

Hubungi Kami
Pixpa Studio baru saja diperbarui. Kami sedang memperbarui semua tangkapan layar artikel bantuan saat ini.