EN
Aramak...

Web Sitesi Galerisi

Pixpa, resimleri galerilerinizde nasıl görüntüleyeceğiniz konusunda size birçok kontrol sağlar.

Galeri stili seçeneklerini kullanarak, galeri düzeniyle bağlantılı olarak resimlerinizin galerideki görünümünü tamamen kontrol edebilirsiniz.

Bahşiş: Site çapında galeri stil seçenekleri, oluşturduğunuz tüm yeni galerilere otomatik olarak uygulanır.
Ayrıca bakınız: Belirli bir galeride site genelindeki galeri stili nasıl geçersiz kılınır?

Bu makalede:

    1. Galeri Düzeni
    2. Izgara tarzı
    3. Izgara Renkleri
    4. Vurgulu Stili
    5. Resim Başlığı
    6. Görüntü Kenarlığı
    7. Işık Kutusu Ekranı
    8. Mobil Ekran

Site genelindeki galeri seçeneklerini şuradan özelleştirebilirsiniz: Tasarım (1) bölüm.

Tasarım bölümüne girdikten sonra, Galeriler (2) sekmesi.

Alternatif olarak stüdyonun arama seçeneğini de kullanabilirsiniz.

  • Keşfet Galeriler (1) Arama Çubuğunda.
  • İlgili sonuçlardan, tıklayın Tasarım – Galeriler seçenek 2).

  1. Yerleşim: Galeriye uygulanacak düzeni seçin.
    Galeri düzenini nasıl değiştireceğinizi öğrenin.
  2. genişlik : Galeri genişliğini seçin.
    • 'Tam genişlik' herhangi bir kenar boşluğu bırakmadan tüm genişliği kaplarken galeriyi görüntüler.
    • 'Kutulu' ekranın sağında ve solunda bir miktar dolgu bırakarak galeriyi görüntüler.
    • 'site genişliği' tasarım bölümünde belirtilebilir. Burada sabit bir genişlik belirleyebilirsiniz.
      Belirtilen sabit genişliğe bağlı kalarak galeriyi görüntüleyecektir.

 

  1. Izgara Aralığı : Izgara düzenlerinde görüntüler arasındaki cilt payı boşluğunu belirtin. (0 – 250 piksel) 
  2. Görüntü Köşe Yarıçapı : Galeri ızgaralarında görüntünün köşelerini yuvarlatmak için kenarlık yarıçapı uygulayın.

Örneğin, Fener temanın ana galerisinde 142px ızgara aralığı vardır.  

Görüntü Köşe Yarıçapı'nı uyguladıktan sonra, aşağıdaki gibi görüntülerde yuvarlatılmış kenarlar göreceksiniz. Ötesinde şablonu.

Temel Opaklık: Görüntü vurgu rengi olarak fareyle üzerine gelme türünü seçtiyseniz, ızgara tabanı opaklığını buradan ayarlayın. 

 

  1. baz: Temel renk, ızgara oluşumu için kullanılır ve görüntüler yüklenmeden önce yalnızca anlık olarak görünür. Izgara temel rengi için iki seçeneğiniz vardır.
    • Renk seç : Izgara tabanı için belirli bir renk ayarlamak için bu seçeneği seçin. Izgara tabanı için herhangi bir renk ve opaklık belirtin.
    • Vurgu Rengi : Izgara tabanı için görüntü vurgu renkleri kullanın. Bu, her görüntünün vurgu renklerini kullanan çok renkli bir ızgara verecektir.
  2. Temel Opaklık: Vurgu rengi olarak taban türünü seçtiyseniz ızgara tabanının opaklığını buradan ayarlayın. 
  3. Fareyle üzerine gelin:  Bu, imleç görüntünün üzerine getirildiğinde ızgarayı etkiler.
    • Renk seç : Izgara resimleriniz için Renk Seç'i seçtiyseniz, varsayılan vurgu rengini ve opaklığını ayarlayın. 
    • Vurgu Rengi : Izgara tabanı için görüntü vurgu renkleri kullanın. Bu, her görüntünün vurgu renklerini kullanan çok renkli bir ızgara verecektir.
  4. Vurgulu Opaklığı: Vurgu rengini vurgu rengi olarak seçtiyseniz ızgara tabanı opaklığını buradan ayarlayın. 

 

Görüntü vurgu rengi, herhangi bir görüntü yüklediğinizde seçilen bir görüntünün baskın rengidir.

Fareyle üzerine gelme efekti yalnızca ızgara düzeninde kullanılacaktır. Izgara modunda fareyle üzerine gelindiğinde aşağıdaki seçenekleri gösterebilirsiniz.

  1. Etkisi yok – Izgara modunda görüntüler üzerinde hiçbir etki olmaması için.
  2. Renk - Izgara modunda resimlerinizin üzerinde yalnızca renk gezdirmek için.
  3. Renk ve Resim Başlığı – Görüntü başlığıyla birlikte görüntü vurgulu rengi için. Fareyle üzerine gelme rengini ve görüntü başlığı metin rengini/yazı tipini/boyutunu/ağırlığını ayarlayabilirsiniz. sonraki seçenek.
  4. Renk ve Simge – Görüntü için bir simge ile vurgulu renk.
  5. Renk, Resim Başlığı ve Simge – Görüntü vurgulu rengi, görüntü başlığı ve simge için. Resimlerinize artı, ok, çarpı ve göz gibi simgeler de ekleyebilirsiniz. 

Fareyle Üzerine Gelme Simgesi

  • Fareyle üzerine gelme simgeleri yalnızca galerilerin ızgara düzenlerinde kullanılır. Izgara modunda resimlerinize bir simge göstermeyi seçebilirsiniz.
  • Seçenekler şunlardır - artı, ok, artı ve göz. Bu, yalnızca menüde simgesi seçildiğinde geçerlidir. etkisi hover yıkılmak. 

  1. Bu, üzerine gelindiğinde resim başlıklarını göstermeyi seçtiğinizde uygulanır.

Pixpa, resimlerin çevresine kenarlıklar ekleyerek web sitenizin görsel çekiciliğini artırmanıza olanak tanıyan çok yönlü bir resim kenarlığı özelliği sunar. Buraya Tıkla Görüntü Sınırı hakkında daha fazla bilgi edinmek için

1. Işık Kutusunu açın

  • Görüntüler bir ızgarada görüntülendiğinde, bir görüntüye tıklandığında Işık Kutusu modunda açılır (tam görüntü gösterimi).
  • Bunu buradan etkinleştirebilir veya devre dışı bırakabilirsiniz. 

Lightbox modunu çalışırken kontrol edin: 

2. Yakınlaştırmayı Etkinleştir

  • Işık Kutusu modunda görüntüler üzerinde yakınlaştırmayı Etkinleştirin/Devre Dışı Bırakın.
  • Yakınlaştırma özelliği, mobil web sitelerinin yanı sıra masaüstünde de çalışır.

3. Görüntüleme seçenekleri

  • Resimlerinizi tam ekran görüntüsünde nasıl görüntülemek istediğinizi seçin.
  • arasından seçim yapabilirsiniz sadece görselleri göster, küçük resimli resim, altyazılı resim, ve sağda altyazılı resim. 

Örneğin, ile bir galeri sadece resmi göster. 

Örneğin, ile bir galeri resmi küçük resimlerle göster.

Örneğin, ile bir galeri resim yazısı ile birlikte göster alt.

Örneğin, ile bir galeri resim yazısı ile birlikte göster krallar gibi yaşamaya.

4. Kaplama Renk Seçenekleri

MKS Kaplama Rengi resimler lightbox modunda görüntülendiğinde görünen arka plan rengidir. Kaplama rengini ayarlamak, web sitenizin tasarımının görünümüne ve hissine uymaya yardımcı olabilir ve resimleriniz için lightbox görünümünde tutarlı, cilalı bir sunum sağlayabilir.

  • Seçin Özel renk Lightbox modunda görüntülenen tüm resimler için belirli bir arka plan rengi ayarlama seçeneği. Tercih ettiğiniz rengi tanımlayabilirsiniz Kaplama Rengi ayarı. Devamını okuyunuz.
  • Klinik Vurgu rengi her bir görüntünün vurgu tonlarından benzersiz bir renk uygulamak için. Bunu istediğiniz gibi her görüntü için ayrı ayrı özelleştirebilirsiniz. Devamını okuyunuz.
  • Vurgu rengi seçeneğini seçerseniz, vurguyu ayarlayabilirsiniz. Opaklık (şeffaflık) arka plan rengi.

5. Resim Görünümü

Işık Kutusu için görüntüleme modunu belirtin –

  • Ölçeklendirin ve sığdırın – Görüntüler, tam görüntünün görülebilmesi için mevcut tarayıcı alanına sığacak şekilde ölçeklenir. 
  • Tam kanama – Görüntüler, mevcut tüm tarayıcı alanını dolduracak şekilde boyutlandırılır – bu tam ekran görüntü elde edilirken görüntünün bazı bölümleri kesilebilir. 

Örneğin, ile bir galeri scale ve fit modu resimlerin mevcut tarayıcı yüksekliğine sığacağı yer. 

Örneğin, ile bir galeri tam kanama kip resimlerin mevcut tarayıcı genişliğini dolduracak şekilde uzatılacağı yer. 

6. Kontroller

Işık Kutusu görünümünde, resim bilgisi simgesi, galeri bilgisi simgesi, çapraz simge, tarayıcıya sığdırma simgesi vb. gezinme denetimlerini nasıl göstermek istediğinizi seçin. seçenekler şunlardır:

  1. Her zaman görünür (gezinme denetimlerini her zaman resimlerin üstünde göster)
  2. Üzerine gelindiğinde göster (gezinme kontrolleri yalnızca imlecinizi ekranda hareket ettirdiğinizde gösterilir)
  3. Gizli (gezinme kontrolleri hiçbir zaman gösterilmeyecektir). 

Örneğin, ile bir galeri Her zaman görünür gezinme kontrolleri.

Örneğin, ile bir galeri şov Üzerinde gezinme gezinme kontrolleri. 

Örneğin, ile bir galeri gizli gezinme kontrolleri.

7. Sonraki/Önceki Stil

Tam görüntü ekranında, gezinme oklarınızı nasıl göstermek istediğinizi seçin.

  1. Yüzer : Gezinme okları kayan olacaktır. İmlecinizi resmin üzerine getirin ve resimler arasında gezinmek için ok göründüğünde ekrana tıklayın. 
  2. Kol şeridi
  3. Oklar
  4. Oku Daire İçinde Göster
  5. Gizli : Gezinme oklarını tamamen devre dışı bırakın. 

8. Görüntü Dosya Adı

  • Görüntü ışık kutusu modunda görüntülendiğinde dosya adının gösterilmesini seçin.

Eylemde görün: 

9. Maksimum Görüntü Boyutu

Bu ayar, galeri resimlerinizin görüntüleneceği maksimum çözünürlüğü kontrol eder ışık kutusu modu. Aşağıdaki seçenekler arasından seçim yapabilirsiniz:

  • Oto - Görüntü boyutunu, izleyicinin ekran ve cihaz çözünürlüğüne göre otomatik olarak ayarlar. Sistem, optimum netlik ve performans sağlamak için görüntünün en uygun versiyonunu akıllıca seçer.
  • Sabit Boyutlar – 2048 piksel, 1500 piksel, 1000 piksel, 800 piksel veya 500 piksel. Sabit bir boyut seçmek, tüm lightbox görsellerinin kullanıcının cihazına veya ekran boyutuna bağlı olarak bu maksimum çözünürlüğe kadar sunulacağı anlamına gelir.
not

Eğer orijinal görüntünüz yüklenen çözünürlük daha küçüktür seçilen boyuttan daha büyükse, kendi boyutunda görüntülenecektir orijinal çözünürlük. Büyütülmeyecek veya ölçeklendirilmeyecek.

Slayt Gösterisi Ayarları

  1. Slayt gösterisi: Tıklayın autoplay Tam resim görüntüleyicide slayt gösterisini otomatik olarak başlatmak için. Ayrıca slayt gösterisini de devre dışı bırakabilirsiniz.
  2. Hız: Geçiş hızını seçin. 1 ila 10 saniye arasında seçim yapabilirsiniz.
  3. Geçiş : Slayt gösterisinin geçiş stilini seçin.

 

Slayt gösterisini iş başında görün: 

Renk Tonu Seçenekleri

Bu özellik, Vurgu rengi Görüntüler görüntülendiğinde arka plan olarak kullanılacak görüntülerin Işık Kutusu ModuBu, arka planı görüntünün vurgu rengiyle hizalayarak görsel deneyimi geliştirir.

  1. Vurgu Rengini Ton Olarak Kullan:
    • Varsayılan olarak, Lightbox arka plan rengi Lightbox Modunda görüntüleri görüntülerken uygulanacaktır.
    • Bu seçeneği etkinleştirdiğinizde, Vurgu rengi Görsellerle ilişkilendirilen renk Lightbox arka plan rengi olarak kullanılacak ve daha dinamik ve görsel olarak tutarlı bir görünüm sunulacaktır.
  2. Renk Tonu Opaklığı:
    • Opaklığı yönetebilirsiniz Vurgu Renk Tonu Renk Tonu kaydırıcısını kullanarak.
    • Opaklığı ayarlamak, Vurgu rengi Lightbox arka plan rengiyle kusursuz ve profesyonel bir estetik elde etmenizi sağlar.

  1. Olarak göstermek : Galeriyi bir resim olarak göstermeyi seçin. Görüntü Kaydırıcı veya mobil görünümde ızgara modunda. 
  2. Izgara Sütunları: Seçim 1 sütun veya 2 sütun görünümü mobil görünümde ızgara görünümü için.
  3. Izgara Aralığı : Yı kur oluk görüntüler arasında mobil görünüm.

 

Tagged:

Aradığınızı bulamıyor musunuz?

Bir Pixpa Uzmanı ile iletişime geçin.

İletişim