Jak osadzić galerię zdjęć na stronie internetowej
Wyświetlaj zdjęcia z wydarzenia bezpośrednio na dowolnej stronie internetowej, blogu lub stronie WordPress. Fotify generuje kod osadzania, który wklejasz do HTML, a galeria pojawia się z automatycznym dopasowaniem rozmiaru, opcjami motywu oraz dwoma trybami układu: siatką i karuzelą.
Krok 1: Wygeneruj kod osadzania
- Przejdź do Photos na pasku bocznym
- Kliknij "Share Album" w sekcji Actions
- Włącz "Public Album Access", jeśli nie jest jeszcze włączone
- Przewiń w dół i włącz "Embed on Website"
- Pojawi się generator kodu osadzania
Najpierw musisz udostępnić album, zanim będzie można generować kody osadzania.
Krok 2: Dostosuj osadzanie
Zanim skopiujesz kod, skonfiguruj te opcje:
Motyw
Wybierz jeden z 10 motywów wizualnych, aby dopasować go do swojej strony:
- Classic — Czyste białe tło z subtelnymi cieniami
- Dark — Eleganckie ciemne tło ze świecącymi akcentami
- Minimal — Bez obramowań, bez nagłówka — tylko Twoje zdjęcia
- Elegant — Szeryfowa typografia z ciepłymi, dopracowanymi tonami
- Modern — Wyraziste, zaokrąglone karty z nagłówkiem w gradiencie
- Polaroid — Nostalgiczne ramki zdjęć z białymi obwódkami
- Glass — Mrożone szkło z przezroczystością i rozmyciem
- Neon — Intensywna poświata z elektrycznymi akcentami
- Magazine — Układ redakcyjny z asymetryczną siatką
- Sunset — Ciepły gradient z klimatem złotej godziny
Układ
- Grid — Zdjęcia wyświetlane w responsywnej siatce (domyślnie). Możesz wybrać od 2 do 5 kolumn.
- Carousel — Pokaz slajdów, który automatycznie przechodzi do kolejnego zdjęcia co 4 sekundy, z strzałkami nawigacji i wskaźnikami w postaci kropek. Obsługuje klawisze strzałek na klawiaturze.
Maks. liczba zdjęć
Ogranicz, ile zdjęć ma być wyświetlanych w osadzeniu. Wybierz "All", aby włączyć nieskończone przewijanie (tryb siatki) lub pełny zestaw (tryb karuzeli).
Krok 3: Wklej kod
- Kliknij "Copy", aby skopiować kod osadzania
- Wklej go do edytora HTML swojej strony
Kod zawiera <iframe> oraz mały skrypt, który automatycznie dopasowuje wysokość ramki do zawartości — bez dodatkowej konfiguracji.
WordPress
W edytorze WordPress dodaj blok Custom HTML i wklej kod osadzania.
Squarespace
Użyj Code Block lub Embed Block i wklej kod.
Wix
Użyj elementu HTML iframe (w sekcji "Embed") i wklej kod.
Dowolna strona HTML
Wklej kod w dowolnym miejscu wewnątrz tagu <body>. Galeria automatycznie dopasowuje się do szerokości kontenera.
Jak to działa
- Osadzenie ładuje Twój publiczny album wewnątrz iframe
- Zdjęcia są pobierane w czasie rzeczywistym — nowe przesłania pojawiają się automatycznie
- Iframe automatycznie dopasowuje wysokość do zawartości, dzięki czemu nie ma pustej przestrzeni
- Kliknięcie dowolnego zdjęcia otwiera pełny album w nowej karcie
- Osadzenie uwzględnia ustawienia zatwierdzania albumu — wyświetlane są tylko zatwierdzone zdjęcia
Najczęściej zadawane pytania
Q: Czy muszę aktualizować kod osadzania, gdy dodaję nowe zdjęcia? A: Nie. Osadzenie ładuje zdjęcia w czasie rzeczywistym z Twojego albumu. Nowe zatwierdzone zdjęcia pojawiają się automatycznie.
Q: Czy mogę osadzić konkretny album z mojego wydarzenia? A: Tak, kod osadzania zawiera unikalny identyfikator Twojego albumu. Jeśli masz wiele albumów, każdy z nich ma własny kod osadzania.
Q: Czy osadzenie działa na urządzeniach mobilnych? A: Tak, galeria jest w pełni responsywna. Liczba kolumn siatki automatycznie dostosowuje się na mniejszych ekranach, a karuzela obsługuje przewijanie dotykiem.
Q: Czy odwiedzający mogą przesyłać zdjęcia przez osadzenie? A: Nie, osadzenie służy tylko do wyświetlania. Aby umożliwić odwiedzającym przesyłanie zdjęć, udostępnij swój kod QR lub link do przesyłania.
Q: Czy osadzenie spowalnia moją stronę?
A: Nie. Osadzenie używa loading="lazy", więc ładuje się dopiero wtedy, gdy odwiedzający przewinie do tego miejsca. Zdjęcia są serwowane z CDN dla szybkiego dostarczania.
Q: Czy mogę zmienić motyw po osadzeniu?
A: Tak. Motyw jest ustawiany za pomocą parametru URL. Możesz ponownie wygenerować kod osadzania z innym motywem albo ręcznie zmienić wartość theme= w adresie URL iframe.
Q: Co się stanie, jeśli wyłączę publiczny dostęp do albumu? A: Osadzenie wyświetli stan błędu. Włącz ponownie dostęp publiczny, aby go przywrócić.
Q: Czy jest znak wodny "Powered by Fotify"? A: Większość motywów pokazuje małą stopkę "Powered by Fotify". Motyw minimalny sprawia, że jest ona mniej widoczna.
Czy ten artykuł był pomocny?