Jak wyświetlać zdjęcia WordPress w kolumnach i wierszach?

Czy chcesz wyświetlać zdjęcia WordPress w kolumnach i wierszach?

Domyślnie WordPress dodaje obrazki w pionowej kolumnie jeden na drugim. Jeśli jednak dodajesz wiele zdjęć do wpisu na blogu, nie wygląda to zbyt czysto i wymaga dużo przewijania dla twoich użytkowników.

W tym artykule pokażemy, jak łatwo wyświetlać zdjęcia WordPress w kolumnach i wierszach.

Dlaczego potrzebujesz zdjęć WordPress w kolumnach i wierszach?

Domyślnie, gdy dodasz wiele obrazków do wpisu na blogu WordPress, pojawią się one tuż obok siebie lub jeden na drugim.

Nie wygląda to zbyt dobrze, a twoi użytkownicy muszą dużo przewijać, aby zobaczyć wiele obrazków i zdjęć.

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

Jeśli masz witrynę internetową poświęconą fotografii, możesz pokazać swoje portfolio w bardziej angażujący sposób. Możesz też pokazać więcej obrazków produktów w sklepie internetowym, wyświetlając je w rzędach i kolumnach.

Powiedziawszy to, przyjrzyjmy się, jak wyświetlać zdjęcia WordPress w kolumnach i wierszach ręcznie lub za pomocą wtyczki WordPress. Po prostu kliknij poniższe odnośniki, aby przejść do twojej preferowanej sekcji.

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

Ta metoda nie wymaga instalowania wtyczki na twojej witrynie internetowej WordPress. Jeśli nie dodajesz zbyt często wielu zdjęć, to ta metoda będzie dla Ciebie odpowiednia.

Możesz ręcznie dodać obrazki do bloku kolumn lub użyć domyślnego bloku galerii w WordPress.

Dodawanie obrazków do bloku kolumn

Najpierw musisz utworzyć nowy wpis lub edytować istniejący, w którym chcesz wyświetlić swoje zdjęcia. Gdy znajdziesz się na ekranie edytora treści, kliknij przycisk „+”, aby dodać blok kolumn.

Następnie można wybrać liczbę kolumn i ich układ.

Można na przykład wybrać proporcje 50/50, 33/66, 25/50/25 i inne.

Następnie można dodać blok obrazków do każdej kolumny.

Wystarczy kliknąć przycisk „+” i wybrać blok „Obrazek”.

Następnie należy dodać obrazek do bloku.

Możesz kliknąć przycisk „Prześlij”, aby dodać obrazek z twojego komputera lub wybrać opcję „Biblioteka multimediów”, aby użyć istniejącego obrazka.

Po otwarciu multimediów wystarczy wybrać twój preferowany obrazek i kliknąć przycisk „Wybierz”.

Jedną z najlepszych praktyk optymalizacji obrazków jest dodanie do twojego obrazka tekstu alternatywnego. Pozwala to botom wyszukiwarek zrozumieć twój obrazek i pokazać go w wynikach wyszukiwania obrazków.

Twój obrazek powinien być teraz widoczny w jednym z bloków kolumn.

Teraz możesz zrobić to samo dla innych bloków w kolumnie i dodać więcej obrazków.

Dodawanie obrazków w bloku galerii

WordPress oferuje również domyślny blok galerii, który można wykorzystać do wyświetlania obrazków w kolumnach i wierszach.

Aby rozpocząć, kliknij przycisk „+” i dodaj blok galerii w edytorze treści.

Następnie należy przesłać obrazki lub wybrać je z biblioteki multimediów.

Na potrzeby tego poradnika wybierzemy opcję „Biblioteka multimediów”.

Następnie wystarczy wybrać obrazki, które chcesz dodać do swojej galerii i wyświetlić je w wierszach i kolumnach.

Po wybraniu obrazków kliknij przycisk „Utwórz nową galerię”.

Następnie WordPress poprosi o wpisz podpisów dla każdego obrazka i zmienić kolejność obrazków.

Po wykonaniu tej czynności wystarczy kliknąć przycisk „Wstaw galerię”.

Twoje obrazki powinny być teraz widoczne w bloku galerii.

Liczbę wierszy można dostosować, klikając pokaz slajdów w panelu Ustawienia po prawej stronie.

Gdy skończysz, po prostu opublikuj swój wpis, aby zobaczyć obrazki w kolumnach i wierszach.

Wystarczy przejść na twoją witrynę, aby zobaczyć je w działaniu.

Ta metoda sprawdzi się w przypadku większości początkujących użytkowników. Jeśli jednak prowadzisz bloga fotograficznego lub często udostępniasz zdjęcia na swojej witrynie internetowej, to 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 jednego konkretnego układu i stylu.

Twoje obrazki nie będą otwierane w wyskakującym okienku (oknie) lightbox, a użytkownicy będą musieli wczytywać 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

Najlepszą wtyczką do dodawania zdjęć w kolumnach i wierszach jest Envira Gallery. Jest to najpopularniejsza wtyczka do galerii WordPress, która jest bardzo łatwa w użyciu i oferuje wiele funkcji.

Najpierw musisz zainstalować i włączyć wtyczkę Envira Gallery. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu, musisz przejść na stronę Envira Gallery ” Ustawienia, aby wpisz swój klucz licencyjny. Możesz uzyskać ten klucz z twojego konta na witrynie internetowej Envira Gallery.

Teraz jesteś gotowy do tworzenia pięknych galerii obrazków.

Po prostu przejdź do Envira Gallery ” Utwórz nową z kokpitu WordPress, aby utworzyć twoją pierwszą galerię.

Najpierw musisz wpisz nazwę twojej galerii u góry. W tym miejscu możesz wybrać i przesłać pliki z twojego komputera lub z biblioteki multimediów WordPress.

Po przesłaniu twoich zdjęć zobaczysz je w polu ustawień galerii poniżej.

Następnie należy kliknąć kartę „Konfiguracja”, aby dostosować sposób wyświetlania twoich zdjęć.

Envira Gallery pozwala wybrać różne układy galerii. Aby wyświetlać obrazki w rzędach i kolumnach, można wybrać układ siatki, masonu i kwadratu.

Po wybraniu układu możesz kliknąć menu rozwijane „Liczba kolumn galerii” i wybrać, ile kolumn chcesz wyświetlić.

Jeśli przewiniesz w dół, zobaczysz więcej opcji, aby dostosować własną galerię. Dostępne są na przykład ustawienia umożliwiające edycję wymiarów i rozmiaru twojej galerii.

Następnie możesz kliknąć przycisk „Opublikuj”, aby twoja galeria zdjęć była gotowa do dodania do witryny WordPress.

Teraz musisz edytować wpis lub utworzyć nowy. Gdy znajdziesz się w edytorze treści, po prostu kliknij przycisk „+”, aby dodać blok „Envira Gallery”.

W tym miejscu możesz kliknąć menu rozwijane i wybrać utworzoną wcześniej galerię.

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

Teraz, gdy twój użytkownik kliknie na miniaturkę zdjęcia, otworzy się ono w pięknym okienku popup. Będą również mogli przeglądać obrazki bez opuszczania strony.

Bonus: Stwórz własny motyw z kolumnami i rzędami obrazków

Można również tworzyć własne motywy WordPress, które mają placeholder do dodawania obrazków w kolumnach i wierszach.

Najlepszym sposobem na stworzenie własnego motywu jest użycie SeedProd. Jest to najlepszy kreator witryn internetowych typu „przeciągnij i upuść”, który oferuje gotowe motywy i wiele opcji dostosowywania.

Możesz dodać blok kolumn do swoich projektów stron docelowych za pomocą SeedProd i dodawać obrazki do wierszy i kolumn. SeedProd posiada nawet wbudowany blok galerii, który można wykorzystać do tego celu.

Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat tworzenia własnego motywu WordPress bez kodu.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak wyświetlać zdjęcia WordPress w kolumnach i wierszach. Możesz również zapoznać się z naszym przewodnikiem na temat poprawek typowych problemów z obrazkami w WordPressie i najlepszym oprogramowaniem do projektowania dla małych firm.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.