Czy chcesz wyświetlać zdjęcia WordPress w kolumnach i wierszach? Domyślnie WordPress dodaje obrazy w pionowej kolumnie na siebie. Jeśli jednak dodajesz wiele zdjęć do postu na blogu, nie wygląda to zbyt czysto i wymaga dużo przewijania dla użytkowników. W tym artykule pokażemy, jak łatwo wyświetlać zdjęcia WordPress w kolumnach i wierszach.

Display WordPress photos in rows and columns

Dlaczego potrzebujesz zdjęć WordPress w kolumnach i wierszach

Domyślnie, po dodaniu wielu obrazów do postu WordPress, pojawią się one tuż obok siebie lub na sobie.

default scrolling display of photos in WordPress

To nie wygląda zbyt dobrze, a użytkownicy będą musieli dużo przewijać, aby wyświetlić wiele obrazów i zdjęć.

Możesz łatwo rozwiązać ten problem, wyświetlając zdjęcia w wierszach i kolumnach za pomocą układu opartego na siatce. W ten sposób obrazy będą wyświetlane w kompaktowym układzie i poprawią wrażenia użytkownika na twojej stronie.

photos in columns and rows

Powiedziawszy to, przyjrzyjmy się, jak wyświetlać zdjęcia WordPress w kolumnach i wierszach.

1. Wyświetlanie zdjęć w kolumnach i wierszach bez wtyczek

Ta metoda nie wymaga instalowania żadnej nowej wtyczki na swojej stronie internetowej. Jeśli nie dodasz zbyt często wielu zdjęć, będzie to dla ciebie dobre.

Najpierw musisz utworzyć nowy post lub edytować istniejący, w którym chcesz wyświetlić swoje zdjęcia. Na ekranie edycji postu kliknij przycisk „Dodaj Media”, aby uruchomić wyskakujące okienko WordPress media uploader.

Click on add media button to upload your photos in WordPress

Następnie musisz przesłać wszystkie zdjęcia, które chcesz wyświetlić w wierszach i kolumnach. Po przesłaniu zobaczysz swoje zdjęcia w bibliotece multimediów.

Create gallery in WordPress

Zdjęcia, które właśnie przesłałeś, zostaną już wybrane. Jeśli chcesz dołączyć wcześniej przesłane zdjęcia, możesz je również wybrać, klikając je w bibliotece multimediów.

Następnie kliknij link „Utwórz galerię” z lewej kolumny, a następnie kliknij przycisk „Utwórz nową galerię”.

Click to create a new gallery of selected photos

Okno podręczne zmieni się teraz, aby wyświetlić opcje ustawień galerii.

Możesz wybrać liczbę kolumn, do których ma być łączony każdy obraz, jaki rozmiar ma być wyświetlany i losową kolejność wyświetlania.

Gallery settings option

Następnie musisz kliknąć przycisk Wstaw galerię, a WordPress wstawi galerię w swoim poście na blogu.

Photos in columns and rows as a gallery in WordPress

Jeśli chcesz zmienić liczbę kolumn lub inne ustawienia, wystarczy kliknąć zdjęcia w edytorze postów.

WordPress wybierze Twoją galerię, a następnie możesz kliknąć ikonę ołówka, aby edytować ustawienia galerii.

Edit gallery settings

To wszystko, możesz kontynuować pisanie postu lub zapisać zmiany. Możesz teraz wyświetlić podgląd postu, aby zobaczyć swoje zdjęcia w wierszach i kolumnach.

Photos in rows and column layout in WordPress

Ta metoda będzie działać dla większości początkujących. Jeśli jednak prowadzisz blog fotograficzny lub często udostępniasz zdjęcia w swojej witrynie, ta metoda nie ma kilku ważnych funkcji.

Na przykład wygląd zdjęć zależy od Twojego motywu WordPress i jesteś ograniczony do tego konkretnego układu i stylu.

Twoje obrazy nie zostaną otwarte w wyskakującym okienku lightbox, a użytkownicy będą musieli załadować je jako nową stronę, a następnie nacisnąć przycisk Wstecz, aby powrócić do oryginalnej strony.

Aby uzyskać bardziej profesjonalne i piękne wrażenia użytkownika, powinieneś wypróbować metodę wtyczki.

2. Wyświetlanie zdjęć w kolumnach i wierszach za pomocą wtyczki

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Envira Gallery. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Galeria Envira to jedna z naszych wtyczek Premium WordPress, a ceny zaczynają się od $19 za licencję na jedną witrynę.

Po aktywacji musisz odwiedzić Galeria Envira ” Ustawienia strona, aby wprowadzić klucz licencyjny. Możesz pobrać ten klucz ze swojego konta na stronie galerii Envira.

Enter Envira Gallery license key

Teraz jesteś gotowy do tworzenia pięknych galerii zdjęć.

Przejdź do Galeria Envira ” Dodaj Nowy strona do stworzenia pierwszej galerii.

Upload photos to create new gallery

Możesz wybierać i przesyłać pliki z komputera lub możesz wybrać z biblioteki multimediów WordPress.

Po przesłaniu zdjęć pojawią się one w oknie ustawień galerii poniżej.

Photos added to Envira Gallery

Następnie musisz kliknąć kartę Konfiguracja, aby dostosować sposób wyświetlania zdjęć.

W sekcji „Liczba kolumn galerii” Możesz wybrać liczbę kolumn dla swoich zdjęć.

Configure number of columns for your photos

Można również określić dokładny rozmiar miniatur, które mają być wyświetlane, oraz odstępy między obrazami w kolumnach.

Następnie możesz kliknąć przycisk Publikuj, aby Twoja galeria zdjęć była gotowa do dodania do witryny WordPress.

Teraz musisz edytować post lub utworzyć nowy. Zauważysz nowy przycisk „Dodaj galerię” na górze edytora postów.

Add gallery button

Kliknięcie na niego spowoduje wyświetlenie okienka, w którym musisz wybrać właśnie utworzoną galerię i kliknąć przycisk Wstaw.

Insert gallery

Wtyczka doda teraz shortcode galerii do edytora postów.

Możesz zapisać swój post i wyświetlić jego podgląd, aby zobaczyć swoje zdjęcia w kolumnach i wierszach w pięknej, responsywnej na urządzenia mobilne galerii zdjęć.

photos in columns and rows

Teraz, gdy użytkownicy klikną miniaturę zdjęcia, otworzy się ona w pięknym wyskakującym okienku. Będą również mogli przeglądać obrazy bez opuszczania strony.

Browsing photos in a post

Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się wyświetlać zdjęcia WordPress w kolumnach i wierszach. Możesz również zobaczyć nasz przewodnik, jak rozwiązać typowe problemy z obrazem w WordPress.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

6 Najlepszych bramek płatności WooCommerce dla WordPress

W artykule: Jak wybrać najlepszą bramkę płatności WooCommerceTop WooCommerce bramek płatności dla…

14 Najlepsze wtyczki WordPress SEO i narzędzia, których powinieneś używać

W artykule: Rzeczy, które musisz wiedzieć o wtyczkach i narzędziach WordPress SEO1.…

Czeka nas rozwój sportów motorowych

W artykule: Jaki jest związek między popularyzacją sportów motorowych a poprawą kultury…

Jak dodać nagłówki bezpieczeństwa HTTP w WordPress (Przewodnik dla początkujących)

W artykule: Czym są nagłówki bezpieczeństwa HTTP?Dodawanie nagłówków bezpieczeństwa HTTP w WordPress1.…