EN
Hledání ...

Galerie webových stránek

Pixpa vám dává velkou kontrolu nad tím, jak zobrazovat obrázky ve vašich galeriích.

Pomocí možností stylu galerie můžete plně ovládat zobrazení obrázků v galerii ve spojení s rozvržením galerie.

Tip: Styly galerie pro celý web se automaticky použijí na všechny nově vytvořené galerie.
Viz také: Jak přepsat styl galerie celého webu v konkrétní galerii?

V tomto článku:

    1. Rozložení galerie
    2. Styl mřížky
    3. Barvy mřížky
    4. Styl přechodu
    5. Název obrázku
    6. Hranice obrázku
    7. Lightbox displej
    8. Mobilní displej

Možnosti galerie pro celý web si můžete přizpůsobit z Design (1) sekce.

Jakmile jste v sekci Design, klikněte na Galerie (2) tab.

Případně můžete také využít možnosti hledání studia.

  • vstoupit Galerie (1) ve vyhledávací liště.
  • V souvisejících výsledcích klikněte na Design – Galerie možnost (2).

  1. Rozložení: Vyberte rozvržení, které bude použito v galerii.
    Naučte se, jak změnit rozvržení galerie.
  2. Šířka : Vyberte šířku galerie.
    • "Plná šířka' zobrazí galerii po celé šířce bez ponechání okrajů.
    • "boxoval' zobrazí galerii a ponechá určité množství odsazení vpravo a vlevo od obrazovky.
    • "Šířka webu' lze zadat v části návrhu. Zde můžete zadat pevnou šířku.
      Zobrazí galerii s dodržením zadané pevné šířky.

 

  1. Rozteč mřížky: Určete mezeru mezi obrázky v rozložení mřížky. (0–250 pixelů) 
  2. Poloměr rohu obrázku: Použijte poloměr ohraničení, aby byly rohy obrázku v mřížkách galerie zaoblené.

Napříkladse Lucerna Domovská galerie šablony má rozteč mřížky 142px.  

Po použití funkce Poloměr rohů obrázku byste viděli zaoblené hrany obrázků, jako na obrázku. Mimo šablona.

Základní neprůhlednost: Pokud jste jako barvu zvýraznění obrázku vybrali typ vznášení, nastavte zde neprůhlednost základny mřížky. 

 

  1. Základna: Základní barva se používá pro tvorbu mřížky a je viditelná pouze krátce před načtením obrázků. Máte dvě možnosti pro základní barvu mřížky.
    • Vyberte barvu: Tuto možnost vyberte, chcete-li nastavit konkrétní barvu základny mřížky. Zadejte libovolnou barvu a krytí pro základ mřížky.
    • Barva přízvuku: Pro základ mřížky použijte zvýrazňující barvy obrázku. Získáte tak vícebarevnou mřížku s použitím akcentních barev každého obrázku.
  2. Základní neprůhlednost: Pokud jste jako barvu zvýraznění vybrali základní typ, nastavte zde základní krytí mřížky. 
  3. Umístěte kurzor myši:  To ovlivní mřížku, když je kurzor na obrázku.
    • Vyberte barvu: Pokud jste pro obrázky mřížky vybrali možnost Vybrat barvu, nastavte výchozí barvu při najetí myší a její neprůhlednost. 
    • Barva přízvuku: Pro základ mřížky použijte zvýrazňující barvy obrázku. Získáte tak vícebarevnou mřížku s použitím akcentních barev každého obrázku.
  4. Krytí po najetí myší: Pokud jste jako zvýrazňující barvu vybrali typ při najetí myší, nastavte zde neprůhlednost základny mřížky. 

 

Akcentová barva obrázku je dominantní barva obrázku, která se vybere při nahrávání libovolného obrázku.

Efekt při najetí myší se použije pouze v mřížkovém rozvržení. V režimu mřížky můžete při najetí myší zobrazit následující možnosti.

  1. Žádný efekt – Bez vlivu na obrázky v režimu mřížky.
  2. Barva – Pro pouze barvu, kterou byste měli nastavit na obrázku v režimu mřížky.
  3. Barva a název obrázku – Pro barvu při najetí myší na obrázek s názvem obrázku. Barvu při najetí myší a barvu/písmo/velikost/tloušťku textu názvu obrázku můžete nastavit v další možnost.
  4. Barva a ikona – Pro barvu obrázku s ikonou při najetí myší.
  5. Barva, název obrázku a ikona – Pro barvu při najetí myší na obrázek, název obrázku a ikonu. Na obrázky můžete také přidat ikony, jako je plus, šipka, křížek a oko. 

Ikona přechodu

  • Ikony při najetí myší se používají pouze v mřížkových rozvrženích galerií. Můžete si zvolit zobrazení ikony u obrázků v mřížkovém režimu.
  • Možnosti jsou – plus, šipka, křížek a oko. Toto je použitelné pouze tehdy, když je ikona vybrána v efekt vznášení se dropdown. 

  1. Toto se použije, když zvolíte zobrazení názvů obrázků při umístění kurzoru myši.

Pixpa nabízí všestrannou funkci ohraničení obrázků, která vám umožní zlepšit vizuální přitažlivost vašeho webu přidáním ohraničení kolem obrázků. Klikněte zde a dozvíte se více o ohraničení obrázku

1. Otevřete světelný box

  • Když jsou obrázky zobrazeny v mřížce, kliknutím na obrázek se otevře v režimu Lightbox (zobrazení celého obrázku).
  • Tuto funkci můžete povolit nebo zakázat zde. 

Zkontrolujte režim Lightbox v akci: 

2. Povolte přiblížení

  • Povolit/zakázat přibližování obrázků v režimu Lightbox.
  • Funkce zoomu bude fungovat jak na webových stránkách pro stolní počítače, tak i na mobilních zařízeních.

3. Možnosti zobrazení

  • Vyberte, jak chcete zobrazit obrázky v plném zobrazení.
  • Můžete si vybrat z zobrazit pouze obrázky, obrázek s náhledy, obrázek s popisky dole, a obrázek s popisky vpravo. 

Například, galerie s zobrazit pouze obrázek. 

Například, galerie s zobrazit obrázek s miniaturami.

Například, galerie s zobrazit obrázek s popiskem spodní.

Například, galerie s zobrazit obrázek s popiskem přesně.

4. Možnosti barev překrytí

Jedno Barva překrytí je barva pozadí, která se zobrazí při prohlížení obrázků v režimu lightbox. Úprava barvy překryvu může pomoci sladit vzhled a dojem designu vašich webových stránek a poskytnout ucelenou a elegantní prezentaci vašich obrázků v režimu lightbox.

  • Vyberte Vlastní barva možnost nastavit konkrétní barvu pozadí pro všechny obrázky zobrazené v režimu lightbox. Můžete definovat preferovanou barvu v Barva překrytí nastavení. Zjistit více.
  • Vybrat Barva zvýraznění použít jedinečnou barvu z akcentačních tónů každého obrázku. Toto můžete přizpůsobit individuálně pro každý obrázek podle potřeby. Zjistit více.
  • Pokud vyberete možnost Barva zvýraznění, můžete upravit Neprůhlednost (průhlednost) barvy pozadí.

5. Zobrazení obrázku

Určete režim zobrazení pro Lightbox –

  • Měřítko a přizpůsobení – Obrázky budou upraveny tak, aby se vešly do dostupné oblasti prohlížeče, aby byl viditelný celý obrázek. 
  • Plné krvácení – Obrázky budou mít takovou velikost, aby zaplnily celou dostupnou oblast prohlížeče – některé části obrázku mohou být při dosažení tohoto zobrazení na celou obrazovku oříznuty. 

Například, galerie s srežim kalibrace a přizpůsobení kde by se obrázky vešly do dostupné výšky prohlížeče. 

Například, galerie s plné krvácení způsob kde by se obrázky roztáhly tak, aby vyplnily dostupnou šířku prohlížeče. 

6. Ovládací prvky

V zobrazení Lightbox zvolte, jak chcete zobrazit ovládací prvky navigace, jako je ikona informací o obrázku, ikona informací o galerii, ikona křížku, ikona přizpůsobení prohlížeči atd. Možnosti jsou:

  1. Vždy viditelné (vždy zobrazovat ovládací prvky navigace nad obrázky)
  2. Zobrazit při najetí myší (ovládací prvky navigace se zobrazí pouze tehdy, když pohnete kurzorem po obrazovce)
  3. Skrytý (ovládací prvky navigace se nikdy nezobrazí). 

Například, galerie s Vždy viditelné ovládací prvky navigace.

Například, galerie s show při vložení kurzoru ovládací prvky navigace. 

Například, galerie s skrytý ovládací prvky navigace.

7. Styl Další/Předchozí

V zobrazení celého obrázku vyberte, jak chcete zobrazit navigační šipky.

  1. Plovoucí Navigační šipky budou plovoucí. Přesuňte kurzor nad obrázek a po zobrazení šipky klikněte na obrazovku pro procházení obrázků. 
  2. Chevron
  3. Šipky
  4. Zobrazit šipku v kruhu
  5. Skrytý : Úplně deaktivuje navigační šipky. 

8. Název souboru obrázku

  • Zvolte zobrazení názvu souboru při prohlížení obrázku v režimu lightbox.

Podívejte se v akci: 

9. Maximální velikost obrázku

Toto nastavení určuje maximální rozlišení, ve kterém se obrázky z galerie zobrazují v režim světelné schránky. Můžete si vybrat z následujících možností:

  • Auto – Automaticky přizpůsobuje velikost obrazu na základě rozlišení obrazovky a zařízení diváka. Systém inteligentně vybere nejvhodnější verzi obrazu, aby byla zajištěna optimální jasnost a výkon.
  • Pevné velikosti – 2048px, 1500px, 1000px, 800px nebo 500px. Volba pevné velikosti znamená, že všechny obrázky lightboxu budou zobrazovány až do maximálního rozlišení v závislosti na zařízení nebo velikosti obrazovky uživatele.
Hodnocení

Pokud původní obrázek, který nahrané má menší rozlišení než vybraná velikost, zobrazí se v původní rozlišeníNebude zvětšeno ani zmenšeno.

Nastavení prezentace

  1. Prezentace: Klikněte na autoplay pro automatické spuštění prezentace v plném prohlížeči obrázků. Prezentaci můžete také zakázat.
  2. Rychlost : Vyberte rychlost přechodu. Můžete si vybrat od 1 do 10 sekund.
  3. Přechod: Vyberte styl přechodu prezentace.

 

Podívejte se na prezentaci v akci: 

Možnosti odstínu

Tato funkce umožňuje Barva zvýraznění obrázků, které se mají použít jako pozadí při prohlížení obrázků v Režim světelné schránkyToto vylepšení vizuálního zážitku vylepší zarovnáním pozadí s akcentovou barvou obrázku.

  1. Jako odstín použijte Accent Color:
    • Ve výchozím nastavení Barva pozadí lightboxu bude použito při prohlížení obrázků v režimu světelné schránky.
    • Když tuto možnost povolíte, Barva zvýraznění spojené s obrázky budou použity jako barva pozadí lightboxu, což nabídne dynamičtější a vizuálně soudržnější vzhled.
  2. Neprůhlednost odstínu:
    • Můžete spravovat neprůhlednost Zvýrazňující barevný odstín pomocí posuvníku Odstín.
    • Úpravou neprůhlednosti se prolnou Barva zvýraznění s barvou pozadí Lightboxu, což vám umožní dosáhnout plynulého a profesionálního estetického efektu.

  1. Zobrazit jako: Zvolte, zda chcete galerii zobrazit jako Obrazový posuvník nebo v režimu mřížky v mobilním zobrazení. 
  2. Sloupce mřížky: Vyberte si z Zobrazení 1 nebo 2 sloupců pro zobrazení mřížky v mobilním zobrazení.
  3. Rozteč mřížky: Nastav žlabu mezi obrázky v mobilní zobrazení.

 

Tagged:

Nenašli jste, co jste hledali?

Spojte se s odborníkem Pixpa.

Kontaktujte nás
Pixpa Studio bylo právě přepracováno. Aktuálně aktualizujeme všechny snímky obrazovky z nápovědy.