Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak utworzyć galerię obrazów w WordPress (krok po kroku)

Próba zaprezentowania kolekcji zdjęć na Twojej stronie WordPress może szybko stać się nieporęczna. Jeśli dodasz je jeden po drugim, Twoi odwiedzający będą zmuszeni do niekończącego się przewijania, co sprawi, że Twoje strony będą wyglądać na zagracone i nieprofesjonalne.

Galeria obrazów to idealne rozwiązanie. Schludnie organizuje Twoje zdjęcia w piękną siatkę, pozwalając Ci wyświetlić więcej zdjęć na mniejszej przestrzeni.

W WPBeginner widzieliśmy na własne oczy, jak dobrze przygotowana galeria może sprawić, że strona internetowa będzie bardziej angażująca dla odwiedzających. To prosta zmiana, która sprawia, że Twoje portfolio, produkty lub posty na blogu wyglądają schludnie i profesjonalnie.

W tym przewodniku pokażemy Ci, jak łatwo stworzyć galerię obrazów w WordPressie, z wtyczką i bez niej.

Jak stworzyć galerię obrazów w WordPress

WordPress sprawia, że dodawanie obrazu do Twoich wpisów na blogu i stron jest niezwykle łatwe. Wystarczy dodać blok Obraz i przesłać swój obraz.

Jednakże, jeśli dodasz wiele obrazów do swojej witryny WordPress, pojawią się one jeden po drugim. Nie wygląda to dobrze, a Twoi użytkownicy będą musieli dużo przewijać, aby je wszystkie zobaczyć.

Obrazy dodane za pomocą bloku Obraz

Tworzenie galerii pozwala na wyświetlanie obrazów w układzie siatki z kolumnami i wierszami. Możesz pokazywać miniatury swoich zdjęć, a użytkownicy mogą klikać na nie, aby zobaczyć pełny obraz.

W ten sposób możesz wyświetlić więcej zdjęć w mniejszej przestrzeni, a będzie to wyglądać znacznie bardziej profesjonalnie.

Na przykład, jeśli tworzysz stronę internetową o fotografii, aby wyświetlić swoje obrazy, dodanie galerii zdjęć pozwoli Ci zaprezentować swoją pracę w estetyczny sposób.

Podgląd galerii obrazów

Za pomocą WordPress możesz łatwo utworzyć galerię obrazów, korzystając z bloku Galeria w edytorze bloków WordPress.

Możesz również użyć wtyczek do galerii WordPress, aby tworzyć jeszcze lepsze galerie z większą liczbą funkcji.

Mając to na uwadze, zobaczmy, jak łatwo stworzyć galerię obrazów w WordPressie.

W tym samouczku pokażemy dwie metody tworzenia galerii, a poniższe linki pozwolą Ci przejść do wybranej metody:

  1. Utwórz galerię obrazów za pomocą edytora bloków WordPress
  2. Utwórz galerię obrazów za pomocą Envira Gallery (zalecane)
  3. Bonus: Zoptymalizuj obrazy galerii dla wyszukiwarek
  4. Samouczek wideo
  5. Często zadawane pytania dotyczące galerii obrazów
  6. Dodatkowe zasoby

Ta metoda służy do tworzenia galerii obrazów za pomocą edytora bloków WordPress. Należy jednak pamiętać, że ta funkcja jest bardzo podstawowa i nie oferuje wielu opcji dostosowywania.

Najpierw musisz otworzyć istniejący lub nowy wpis/stronę, z której chcesz utworzyć galerię, z paska bocznego administracji WordPress.

Gdy już tam będziesz, po prostu kliknij przycisk „+” w lewym górnym rogu ekranu. Stąd znajdź i dodaj blok Galeria do strony lub wpisu.

Gdy to zrobisz, kliknij przycisk „Prześlij”, aby przesłać nowe pliki obrazów z komputera.

Jeśli jednak chcesz przesłać obrazy z biblioteki multimediów, musisz zamiast tego kliknąć przycisk „Biblioteka multimediów”.

Prześlij obrazy do galerii

Jeśli zdecydujesz się przesłać z komputera, możesz wybrać wiele plików obrazów jednocześnie, przytrzymując klawisz Ctrl (Cmd na Macu) podczas klikania ich.

Możesz jednak zaznaczyć i otworzyć wiele obrazów, przytrzymując klawisz Ctrl na klawiaturze.

Prześlij obrazy z komputera

Po przesłaniu wszystkich obrazów możesz dodać podpisy, klikając ikonę „Dodaj podpis” na pasku narzędzi bloku u góry poszczególnych obrazów.

Możesz również dodać tekst alternatywny do obrazów z panelu bloków po prawej stronie.

Dodaj podpis do przesłanego obrazu

Jeśli wybierzesz przycisk „Biblioteka mediów”, będziesz mógł jednocześnie wybrać wiele obrazów do swojej galerii.

Podczas wybierania obrazów możesz również wprowadzić tekst alternatywny, tytuł i podpis obrazu w panelu szczegółów załącznika po prawej stronie.

Po dodaniu wszystkich obrazów kliknij przycisk „Utwórz nową galerię”.

Dodaj obrazy do galerii z biblioteki mediów

Przekieruje Cię to do strony „Edytuj galerię” w oknie biblioteki multimediów.

Stąd możesz wybrać poszczególne obrazy i dodać do nich podpis, tytuł, opis lub tekst alternatywny.

Po zakończeniu wystarczy kliknąć przycisk „Wstaw galerię” w prawym dolnym rogu.

Dodaj podpisy na stronie Edytuj galerię

Galeria obrazów, którą utworzyłeś, zostanie teraz dodana do edytora WordPress.

Możesz również dalej dostosować go, wybierając blok Galerii i konfigurując jego ustawienia z panelu bloków po prawej stronie.

Na przykład, możesz użyć suwaka „Kolumny”, aby określić liczbę kolumn i rzędów dla swoich galerii.

Możesz nawet przełączyć przełącznik „Przytnij obrazek”, aby przyciąć miniatury dla lepszego wyrównania.

Skonfiguruj ustawienia galerii w panelu bloku

W opcjach „Link do” możesz wybrać „Brak”, jeśli chcesz, aby użytkownicy tylko oglądali Twoje zdjęcie. Ta opcja wyłącza funkcję klikania obrazów.

Jednakże, jeśli wybierzesz opcję „Plik multimedialny”, obrazy będą klikalne, a plik obrazu otworzy się po kliknięciu. Podobnie, strona załącznika otworzy się, jeśli wybierzesz opcję „Strona załącznika”.

Gdy będziesz zadowolony z ustawień, kliknij przycisk „Opublikuj” lub „Zaktualizuj” na górze, aby zapisać swoje ustawienia.

Na koniec możesz odwiedzić swojego bloga WordPress, aby zobaczyć galerię obrazów w akcji.

Podgląd galerii obrazów

Teraz łatwo stworzyłeś galerię obrazów dla swojej witryny. Wkrótce jednak zauważysz, że brakuje jej kilku podstawowych funkcji.

Na przykład, jeśli połączysz obrazy z galerii z plikiem multimedialnym lub stroną załącznika, stworzy to złe wrażenia użytkownika. Linkowanie do „Pliku multimedialnego” otwiera obraz w tej samej karcie przeglądarki, odciągając odwiedzających od Twojej strony, podczas gdy linkowanie do „Strony załącznika” otwiera osobną stronę dla tego obrazu. W obu przypadkach użytkownicy muszą użyć przycisku wstecz, aby powrócić do galerii.

To nie jest przyjazne dla użytkownika i może zniechęcić użytkowników do dalszego przeglądania Twojej witryny.

Podobnie, wygląd galerii zależy również od motywu WordPress, którego używasz.

Ponadto nie możesz organizować swoich galerii w albumy, tematy, tagi i inne. Twoja galeria nie jest nigdzie przechowywana, a jeśli chcesz dodać tę samą galerię ponownie, będziesz musiał ją odtworzyć.

Jeśli chcesz dodać bardziej profesjonalnie wyglądające galerie, powinieneś użyć następnej metody.

Jeśli chcesz stworzyć bardziej funkcjonalną i estetyczną galerię obrazów dla swojej witryny WordPress, ta metoda jest dla Ciebie.

Będziemy używać wtyczki Envira Gallery, ponieważ jest to najlepsza wtyczka do galerii obrazów WordPress na rynku.

Envira pozwala łatwo tworzyć w pełni responsywne, piękne i nowoczesne galerie obrazów w WordPress. Jest bardzo szybka i oferuje wiele funkcji, takich jak wyskakujące okienko lightbox, łatwa nawigacja po obrazach, kreator przeciągnij i upuść oraz profesjonalne szablony galerii.

Zanim polecimy wtyczkę, dokładnie przetestowaliśmy ją na naszej stronie demonstracyjnej i uzyskaliśmy doskonałe wyniki. Envira Gallery jest przyjazna dla początkujących i responsywna, co czyni ją świetnym wyborem. Aby dowiedzieć się więcej, zapoznaj się z naszą recenzją Envira Gallery.

Najpierw musisz zainstalować i aktywować wtyczkę Envira Gallery. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do strony Envira Gallery » Ustawienia z poziomu panelu WordPress, aby wprowadzić klucz licencyjny.

Klucz ten możesz uzyskać ze swojego konta na stronie Envira Gallery.

Uwaga: Envira Gallery posiada również darmową wtyczkę, z której możesz skorzystać. Jednak w tym poradniku użyjemy wersji pro, aby odblokować więcej funkcji.

Dodaj klucz licencyjny Envira Gallery

Po zweryfikowaniu klucza licencyjnego możesz przejść do strony Envira Gallery » Dodaj nową z paska bocznego WordPress, aby rozpocząć tworzenie swojej pierwszej galerii.

Gdy już tam będziesz, podaj tytuł swojej galerii, a następnie kliknij przycisk „Wybierz pliki z komputera”, aby przesłać swoje obrazy.

Tworzenie nowej galerii za pomocą wtyczki Envira Gallery WordPress

Możesz również przesłać obrazy z biblioteki multimediów WordPress, klikając przycisk „Wybierz pliki z innych źródeł”.

Po przesłaniu obrazów przewiń w dół do sekcji „Galeria”, gdzie pojawią się wszystkie Twoje zdjęcia.

Obrazy w kreatorze galerii Envira

Następnie możesz kliknąć ikonę ołówka u góry każdego obrazu, aby otworzyć na ekranie okno „Edytuj metadane”.

Stąd będziesz mógł dodać podpis, status, tytuł i tekst alternatywny dla poszczególnych obrazów.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz metadane”, aby zapisać podpisy do obrazów.

Edytuj metadane obrazu galerii

Następnie musisz kliknąć zakładkę „Konfiguracja” na pasku bocznym po lewej stronie.

Stąd możesz zmienić układ galerii, w tym liczbę kolumn, leniwego ładowania obrazów, rozmiar obrazu, pozycjonowanie tytułu i podpisu, marginesy, wysokości, rozmiary miniatur, wymiary obrazów i inne.

Edytuj ustawienia konfiguracji galerii

Następnie przełącz się na zakładkę „Lightbox” z lewego paska bocznego i zaznacz opcję „Włącz Lightbox”.

Ta opcja pozwoli użytkownikom powiększać obrazy i przeglądać je bez opuszczania strony.

Pozostałe domyślne ustawienia możesz pozostawić bez zmian, ponieważ działają bardzo dobrze dla większości stron internetowych, ale możesz przejrzeć opcje i zmienić je, jeśli chcesz.

Włącz lightbox

Następnie kliknij zakładkę „Mobilne”, aby skonfigurować ustawienia galerii dla urządzeń mobilnych.

Stąd możesz wybrać wymiary obrazu dla urządzeń mobilnych, włączyć lub wyłączyć Lightbox, włączyć/wyłączyć podpisy obrazów i inne.

Skonfiguruj ustawienia galerii

Następnie możesz przejrzeć więcej opcji, takich jak „slug” galerii i dodawanie niestandardowego CSS, w sekcji „Różne”.

Gdy będziesz zadowolony z ustawień, po prostu kliknij przycisk „Opublikuj” na górze, aby zapisać zmiany.

Różne ustawienia galerii

Następnie musisz otworzyć post lub stronę, na której chcesz osadzić swoją galerię.

Gdy już tam będziesz, kliknij przycisk „+” w lewym górnym rogu ekranu, aby otworzyć menu bloków.

Następnie po prostu znajdź i dodaj blok Envira Gallery do strony lub posta.

Dodaj blok galerii Envira

Po wykonaniu tej czynności musisz dodać swoją galerię obrazów z menu rozwijanego w bloku Envira Gallery.

Na koniec kliknij przycisk „Zaktualizuj” lub „Opublikuj” na górze, aby zapisać zmiany.

Teraz możesz przeglądać swoją galerię obrazów na swojej stronie WordPress.

Galeria zdjęć WordPress stworzona za pomocą Envira Gallery

Tutaj zauważysz, że kliknięcie na dowolny obraz w galerii otworzy go w pełnym rozmiarze z efektem Lightbox.

Możesz także przeglądać obrazy w tym wyskakującym okienku, naciskając klawisze strzałek w lewo i w prawo na ekranie lub klawiaturze.

Obraz galerii Envira w wyskakującym okienku Lightbox

Bonus: Zoptymalizuj obrazy galerii dla wyszukiwarek

Aby w pełni wykorzystać potencjał swojej nowej galerii, powinieneś zoptymalizować swoje obrazy pod kątem wyszukiwarek. Pomaga to Google i innym wyszukiwarkom znaleźć i ocenić Twoje treści wizualne dla odpowiednich słów kluczowych.

Prawidłowo zoptymalizowane obrazy mogą przyspieszyć działanie Twojej witryny i poprawić wrażenia użytkownika. Często prowadzi to do większego ruchu i lepszego zaangażowania na Twoich stronach.

Najprostszym sposobem na zrobienie tego jest dodanie opisowego tekstu alternatywnego do każdego obrazu. Ten tekst informuje roboty wyszukiwarek, o czym jest Twój obraz, pomagając mu w rankingu w wynikach wyszukiwania obrazów.

Dodaj tekst alternatywny do wszystkich swoich obrazów

Aby uzyskać potężniejsze podejście, zalecamy użycie All in One SEO (AIOSEO). Jest to najlepsza dostępna wtyczka SEO dla WordPress i eliminuje zgadywanie z optymalizacji obrazów.

W WPBeginner używamy AIOSEO na naszych stronach. Jego moduł Image SEO automatycznie generuje tekst alternatywny z tytułów i tworzy dla nas dedykowaną mapę witryny obrazów, co oszczędza mnóstwo czasu.

Te funkcje pomagają zapewnić, że wszystkie nasze obrazy są doskonale zoptymalizowane pod kątem wyszukiwarek. Więcej informacji można znaleźć w naszej pełnej recenzji AIOSEO.

All in One SEO strona internetowa

Oprócz tekstu alternatywnego, pamiętaj o używaniu opisowych nazw plików i odpowiednich słów kluczowych. Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem dla początkujących jak optymalizować obrazy dla wyszukiwarek.

Samouczek wideo

Jeśli lepiej uczysz się z pomocy wizualnych, możesz zapoznać się z naszym samouczkiem wideo:

Subskrybuj WPBeginner

Często zadawane pytania dotyczące galerii obrazów

Pomagając tysiącom użytkowników w ich witrynach WordPress, odpowiedzieliśmy na sporą część pytań dotyczących galerii obrazów. Oto niektóre z najczęstszych:

Czy duża galeria obrazów spowolni moją stronę internetową?

Galeria z wieloma dużymi, nieskompresowanymi obrazami może spowolnić Twoją witrynę. Kluczowe jest zoptymalizowanie obrazów do użytku w sieci przed ich przesłaniem, aby strony ładowały się szybko.

Zalecamy również użycie wtyczki z funkcją leniwego ładowania, takiej jak Envira Gallery. Ta funkcja ładuje obrazy tylko wtedy, gdy stają się widoczne na ekranie użytkownika, co znacznie poprawia wydajność.

Czy mogę dodawać filmy do mojej galerii WordPress?

Tak, możesz łatwo tworzyć galerie wideo. Chociaż domyślny blok WordPress jest ograniczony do obrazów, wtyczki takie jak Envira Gallery pozwalają dodawać filmy z takich źródeł jak YouTube i Vimeo bezpośrednio do Twoich galerii.

Jak mogę zorganizować moje galerie w albumy?

Aby zorganizować wiele galerii w albumy, będziesz potrzebować dedykowanego wtyczki do galerii. Domyślna galeria WordPress nie ma tej funkcji.

Envira Gallery oferuje dodatek Albums Addon, który ułatwia grupowanie galerii. Jest to idealne rozwiązanie dla fotografów lub firm chcących zaprezentować różne portfolio lub kategorie produktów.

Dodatkowe zasoby

Teraz, gdy wiesz, jak tworzyć galerie obrazów, możesz również zapoznać się z innymi poradnikami, aby jeszcze bardziej usprawnić sposób obsługi obrazów na swojej stronie WordPress:

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

152 CommentsLeave a Reply

  1. Cześć
    Ja osobiście chciałbym mieć opcję w konfiguracji, która po ostatnim zdjęciu kończy galerię zamiast nieskończonej pętli. Czy znasz rozwiązanie?
    Pozdrawiam Seba

    • W przypadku takiego pytania zalecamy skontaktowanie się ze wsparciem wtyczki, a oni powinni być w stanie poinformować Cię, czy jest to opcja, czy potrzebujesz niestandardowego rozwiązania.

      Admin

  2. Edytor bloków i jego galeria są zazwyczaj wystarczające dla wielu stron internetowych. Czasami jednak brakuje mi efektów, ponieważ klienci często oczekują, że galeria będzie miała pewien „efekt WOW”. Rozumiem ich perspektywę, ale trudno osiągnąć to samym edytorem bloków. Envira Gallery wydaje się być solidnym pluginem, który może zrobić wiele na podstawie swojego opisu. Artykuł wspomina o kluczu licencyjnym, więc jest to płatny plugin. Czy ten plugin ma również wersję lite? Wolałbym najpierw wypróbować jego funkcje, ponieważ jeśli jest naprawdę dobry, będę go używał i chętnie zapłacę za wersję pro. Ale zawsze chcę mieć możliwość przetestowania pluginu najpierw, nawet z ograniczoną funkcjonalnością.

  3. Długo szukałem wtyczki, która zastąpiłaby galerie, które stworzyłem w Elementor Pro. Nie są złe, ale też nie są idealne. Wtyczka Envira Gallery całkowicie mnie zachwyciła swoimi funkcjami, a zwłaszcza efektami. Dzięki tej wtyczce mogłem wreszcie dodać galerie z efektem powiększenia po najechaniu myszką do WooCommerce. Ta wtyczka jest bezkonkurencyjna i cieszę się, że trafiłem na nią dzięki Twojej serii artykułów. Stopniowo zastępuję oryginalne galerie Elementor i wygląda to fantastycznie.

  4. Ten przegląd wykorzystania wbudowanej galerii WordPress i wtyczki Envira Gallery oferuje cenne opcje tworzenia pięknych prezentacji obrazów. Punkt o używaniu wysokiej jakości obrazów dla optymalnego efektu jest dobrze przedstawiony, ale mam szybkie pytanie: Czy mogę dodać funkcjonalność lightbox do wbudowanej galerii WordPress?

    • Aby to zrobić, potrzebowałbyś wtyczki na swojej stronie, obecnie nie mamy wtyczki przeznaczonej tylko do tej funkcjonalności, ale na pewno się nią podzielimy, jeśli się to zmieni! Na razie polecamy Envira, aby dodać tę funkcjonalność do Twoich treści.

      Admin

  5. Zacząłem właśnie używać standardowych galerii obrazów WordPress. Kiedy dodaję obrazy do galerii, jeśli nie mam wystarczającej liczby obrazów, aby wypełnić cały wiersz, obraz z ostatniego wiersza jest wyświetlany w rozmiarze pozwalającym mu wypełnić całą szerokość kontenera. Więc domyślnie stosuje się 3 obrazy na wiersz, dopóki wiersz nie wyczerpie obrazów, a następnie otrzymuję ostatni wiersz z gigantycznym obrazem. Czy jest jakiś sposób, aby wymusić taki sam rozmiar każdego obrazu, aby galeria miała wszystkie obrazy o tym samym rozmiarze, niezależnie od tego, czy wiersz, w którym się pojawia, jest pełny?

    • W tym celu chcesz, aby wszystkie przesłane obrazy miały ten sam rozmiar, a następnie odznaczysz pole wyboru przycinania obrazów, które wymusza wyrównanie obrazów.

      Admin

  6. Czy do każdego obrazka w galerii można dołączyć/osadzić oddzielne klikalne linki, które przeniosą widza na inną stronę internetową?

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.