Galeria zdjęć WordPress - tworzenie profesjonalnych galerii
Galeria zdjęć to must-have dla portfolio, sklepów, blogów podróżniczych czy fotograficznych. WordPress ma wbudowaną galerię, ale dedykowane wtyczki oferują znacznie więcej możliwości - lightbox, filtry, animacje.
Krótka odpowiedź
Wbudowana galeria WordPress
Dodawanie galerii w Gutenberg:
1. Dodaj blok "Galeria"
2. Wybierz obrazy z biblioteki lub wgraj nowe
3. Ustaw liczbę kolumn, rozmiar, linkowanie
4. Podpisy: edytuj bezpośrednio na obrazie
Opcje wbudowanej galerii:
- Kolumny: 1-8
- Przycinanie obrazów: tak/nie
- Linkowanie: do pliku, strony załącznika, brak
- Rozmiar: miniatura, średni, duży, pełny
Ograniczenia:
- Brak lightbox (popup powiększenia)
- Podstawowe układy
- Brak filtrowania kategorii
- Minimalne animacje
Kiedy wystarczy:
- Prosty blog
- Kilka zdjęć w poście
- Nie zależy Ci na efektach
Lightbox - powiększanie zdjęć
Co to lightbox:
- Kliknięcie na obrazek otwiera go w overlay
- Ciemne tło, powiększone zdjęcie
- Nawigacja między zdjęciami
- Standard UX dla galerii
Simple Lightbox (polecana):
- Lekka, szybka
- Automatycznie działa z galerią WP
- Ustawienia → Media → Lightbox
FancyBox:
- Klasyk lightbox
- FancyBox for WordPress (wtyczka)
- Wiele opcji customizacji
Jeśli używasz page buildera:
- Elementor: wbudowany lightbox
- Divi: wbudowany lightbox
- Nie potrzebujesz osobnej wtyczki
Najlepsze wtyczki do galerii
Envira Gallery:
- Drag & drop builder
- Piękne efekty i animacje
- Albumy, tagi, filtrowanie
- Integracja z WooCommerce
- Darmowa wersja: podstawowe funkcje
- Pro: od 79$/rok
FooGallery (darmowa, funkcjonalna):
- Wiele szablonów (masonry, justified, slider)
- Lightbox wbudowany
- Lazy loading
- Darmowa wersja bardzo dobra
Modula:
- Creative grids (różne rozmiary)
- Hover effects
- Lightbox
- Darmowa wersja wystarczy na start
NextGEN Gallery:
- Najstarsza i najpopularniejsza
- Ogromne możliwości
- Może być przytłaczająca
- Dobra dla fotografów
Galeria portfolio z filtrami
Filtry kategorii:
- Kliknij "Web" → pokaż tylko projekty web
- Animacja pokazywania/ukrywania
- Popularne w portfolio agencji
Wtyczki z filtrami:
- Essential Grid (premium, najlepsza)
- Portfolio Filter Gallery (darmowa)
- Starter Templates + Spectra (dla Astra)
Jak to działa:
- Obrazy/projekty mają przypisane kategorie
- Przyciski filtrów nad galerią
- JavaScript pokazuje/ukrywa elementy
Z Elementor Pro:
- Widget Gallery z filtrami
- Lub Portfolio widget
- Pełna kontrola wizualna
Optymalizacja galerii - szybkość
Problem:
- Galeria z 50 zdjęć = bardzo wolna strona
- Każde zdjęcie to request HTTP
- Duże pliki = długie ładowanie
Rozwiązania:
Lazy loading:
- Obrazy ładują się gdy widoczne
- Wbudowane w WordPress od 5.5
- Większość wtyczek galerii wspiera
Optymalizacja obrazków:
- WebP zamiast JPEG
- Kompresja (Smush, ShortPixel)
- Odpowiednie rozmiary (nie 4000px dla miniatur)
Paginacja/infinity scroll:
- Nie ładuj wszystkich naraz
- Podziel na strony lub doczytuj przy scroll
CDN:
- Serwuj obrazy z Cloudflare/CDN
- Przyspiesza ładowanie