Jak vložit fotogalerii na web
Zobrazte fotografie z akce přímo na libovolném webu, blogu nebo stránce ve WordPressu. Fotify vygeneruje kód pro vložení, který vložíte do svého HTML, a galerie se zobrazí s automatickým přizpůsobením velikosti, možnostmi motivů a dvěma režimy rozvržení: mřížka a karusel.
Krok 1: Vygenerujte kód pro vložení
- V postranním panelu přejděte na Fotky
- V části Akce klikněte na „Sdílet album“
- Pokud ještě není zapnuto, zapněte „Veřejný přístup k albu“
- Sjeďte dolů a zapněte „Vložit na web“
- Zobrazí se generátor kódu pro vložení
Než budete moci generovat kódy pro vložení, musíte nejdřív sdílet své album.
Krok 2: Přizpůsobte si vložení
Než kód zkopírujete, nastavte tyto možnosti:
Motiv
Vyberte si z 10 vizuálních motivů tak, aby ladily s vaším webem:
- Classic — Čisté bílé pozadí s jemnými stíny
- Dark — Elegantní tmavé pozadí se zářivými akcenty
- Minimal — Bez okrajů, bez záhlaví — jen vaše fotky
- Elegant — Patkové písmo s teplými, vytříbenými tóny
- Modern — Výrazné zaoblené karty se záhlavím v přechodu
- Polaroid — Nostalgické rámečky fotek s bílými okraji
- Glass — Matné sklo s průhledností a rozostřením
- Neon — Výrazná záře s elektrickými akcenty
- Magazine — Redakční rozvržení s asymetrickou mřížkou
- Sunset — Teplý přechod s atmosférou zlaté hodinky
Rozvržení
- Mřížka — Fotky se zobrazí v responzivní mřížce (výchozí). Můžete si vybrat 2–5 sloupců.
- Karusel — Prezentace, která se automaticky posouvá každé 4 sekundy, se šipkami pro navigaci a tečkovými indikátory. Podporuje klávesové šipky.
Max. fotek
Omezte, kolik fotek se ve vložení zobrazí. Vyberte „Vše“ pro nekonečné posouvání (režim mřížky) nebo celou sadu (režim karuselu).
Krok 3: Vložte kód
- Kliknutím na „Kopírovat“ zkopírujte kód pro vložení
- Vložte ho do HTML editoru svého webu
Kód obsahuje <iframe> a malý skript, který automaticky přizpůsobí výšku rámu podle obsahu — není potřeba žádné další nastavení.
WordPress
V editoru WordPressu přidejte blok Vlastní HTML a vložte kód pro vložení.
Squarespace
Použijte Code Block nebo Embed Block a vložte kód.
Wix
Použijte prvek HTML iframe (v části „Embed“) a vložte kód.
Jakákoli HTML stránka
Vložte kód kamkoli do značky <body>. Galerie se automaticky přizpůsobí šířce kontejneru.
Jak to funguje
- Vložení načte vaše veřejné album uvnitř iframe
- Fotky se načítají v reálném čase — nové nahrávky se zobrazí automaticky
- Iframe se automaticky přizpůsobí výšce obsahu, takže nezůstává nevyužité místo
- Kliknutí na jakoukoli fotku otevře celé album v nové kartě
- Vložení respektuje nastavení schvalování alba — zobrazí se jen schválené fotky
Často kladené otázky
Q: Musím aktualizovat kód pro vložení, když přidám nové fotky? A: Ne. Vložení načítá fotky z vašeho alba v reálném čase. Nové schválené fotky se zobrazí automaticky.
Q: Můžu vložit konkrétní album z mé akce? A: Ano, kód pro vložení obsahuje jedinečné ID vašeho alba. Pokud máte více alb, každé má vlastní kód pro vložení.
Q: Funguje vložení na mobilu? A: Ano, galerie je plně responzivní. Sloupce mřížky se na menších obrazovkách automaticky přizpůsobí a karusel funguje i přejetím prstem.
Q: Mohou návštěvníci nahrávat fotky přes vložení? A: Ne, vložení je pouze pro prohlížení. Pokud chcete návštěvníkům umožnit nahrávání fotek, sdílejte svůj QR kód nebo odkaz pro nahrávání.
Q: Zpomalí vložení můj web?
A: Ne. Vložení používá loading="lazy", takže se načte až ve chvíli, kdy k němu návštěvník doscrolluje. Fotky jsou doručovány přes CDN pro rychlé načítání.
Q: Můžu změnit motiv po vložení?
A: Ano. Motiv se nastavuje pomocí parametru v URL. Můžete buď znovu vygenerovat kód pro vložení s jiným motivem, nebo ručně změnit hodnotu theme= v URL iframe.
Q: Co se stane, když vypnu veřejný přístup k albu? A: Vložení zobrazí chybový stav. Pro obnovení znovu zapněte veřejný přístup.
Q: Je tam vodoznak „Powered by Fotify“? A: Většina motivů zobrazuje malé zápatí „Powered by Fotify“. Minimal motiv jej zobrazuje méně výrazně.
Byl tento článek užitečný?