W artykule:
Czy chcesz umieścić obrazy obok siebie w treści WordPress?
Często początkujący mają trudności z znalezieniem sposobu umieszczenia dwóch zdjęć obok siebie w swoich postach i stronach WordPress.
W tym przewodniku krok po kroku pokażemy, jak łatwo umieścić obrazy obok siebie w WordPress (bez pisania kodu).
Używanie edytora bloków do umieszczania obrazów obok siebie
Najprostszym sposobem na uzyskanie zdjęć obok siebie jest użycie edytora bloków WordPress.
Edytor bloków ma specjalny blok „galerii”, który pozwala wyświetlać obrazy w wierszach i kolumnach.
Najpierw musisz utworzyć nowy post / stronę lub edytować istniejącą, aby otworzyć edytor zawartości. Po wejściu do środka kliknij symbol ( + ), aby dodać nowy blok.
Następnie musisz wybrać Blok galerii i dodać go do swojej strony. Możesz znaleźć blok galerii w sekcji wspólne bloki lub możesz użyć paska wyszukiwania, aby szybko go zlokalizować.
Teraz możesz łatwo dodawać obrazy do bloku galerii, przeciągając je do niego lub używając przycisku Prześlij. Możesz także wybrać obrazy z biblioteki multimediów WordPress.
Jak widać, dodaliśmy 2 zdjęcia do naszego bloku galerii. WordPress automatycznie ustawił je obok siebie.
Co zrobić, jeśli chcesz 3 zdjęcia obok siebie? Oto, co się stanie, jeśli dodamy trzeci obraz. WordPress po prostu zmienia rozmiar innych, aby pasowały do wszystkich 3 obok siebie:
Jeśli prześlesz czwarty obraz, WordPress umieści go pod innymi.
Możesz zmienić liczbę obrazów, które WordPress powinien zawierać obok siebie w jednej kolumnie.
Najpierw kliknij na blok galerii, jeśli nie jest jeszcze zaznaczony. Po prawej stronie ekranu zobaczysz ustawienia blokowania galerii.
Możesz dostosować liczbę kolumn tutaj do dowolnej liczby od 1 do 4. Na przykład, jeśli chcesz dwa obrazy obok siebie, a dwa kolejne pod nimi, możesz ustawić kolumny na 2.
To takie proste!
Jeśli chcesz zmienić miejsce umieszczenia obrazu w galerii, po prostu kliknij na niego. Następnie zobaczysz strzałki, których możesz użyć, aby przesunąć go do przodu lub do tyłu w galerii.
Oto gotowe demo galerii z naszego przykładowego postu:
Korzystanie z wtyczki do umieszczania obrazów obok siebie w WordPress
Jeśli używasz starego klasycznego edytora WordPress lub chcesz utworzyć bardziej złożone galerie niż domyślny blok galerii, będziesz potrzebować wtyczki galerii WordPress.
Zalecamy korzystanie z galerii Envira, ponieważ jest to najlepsza wtyczka galerii WordPress
Ze względu na ten samouczek będziemy używać darmowej wersji Envira, ale możesz chcieć uzyskać wersję Pro, aby uzyskać zaawansowane funkcje, takie jak albumy, pokazy slajdów itp.
Najpierw musisz zainstalować i aktywować wtyczkę Envira Gallery. Jeśli nie jesteś pewien, jak, po prostu sprawdź nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Następnie możesz przejść do Galeria Envira ” Dodaj Nowy w panelu WordPress.
Musisz nadać swojej galerii tytuł. Nazwaliśmy naszą 'przykładową Galerią’. Następnie prześlij obrazy, których chcesz użyć.
Możesz je przeciągnąć i upuścić do pola przesyłania lub użyć jednego z przycisków „wybierz pliki”.
Oto jak wyglądają zdjęcia po ich przesłaniu:
Możesz tutaj nadać swoim obrazom tytuł i tekst alternatywny. Tytuł pojawia się pod obrazem, gdy użytkownik przesunie kursor myszy nad nim.
Tytuł pojawia się również pod obrazkiem w wyskakującym trybie lightbox, któremu przyjrzymy się za chwilę.
Aby edytować tytuł i tekst alternatywny, kliknij przycisk Edytuj na obrazie w galerii.
Następnie możesz zmienić tytuł swojego obrazu. Domyślnie jest to nazwa pliku obrazu.
Powinieneś również wprowadzić tekst alt, ponieważ jest to pomocne dla SEO witryny WordPress. Jeśli twój tytuł opisuje obraz, możesz po prostu powtórzyć go dla tekstu alternatywnego.
Po zakończeniu upewnij się, że klikniesz przycisk „Zapisz metadane” przed kliknięciem X, aby zamknąć okno.
Aby dodać swoją galerię na stronie, musisz ją najpierw opublikować. Śmiało i kliknij przycisk Publikuj po prawej stronie ekranu.
Teraz Edytuj post lub stronę lub utwórz nową. W edytorze treści Kliknij ( + ), aby dodać blok do postu, i wybierz blok galerii Envira. Możesz go znaleźć w sekcji wspólne bloki lub możesz użyć paska wyszukiwania.
Następnie musisz kliknąć rozwijane menu, aby wybrać swoją galerię.
Powinieneś zobaczyć swoją galerię w swoim poście.
Możesz dostosować ustawienia po prawej stronie ekranu. Na przykład możesz zmienić układ kolumn lub rozmiar marginesu między obrazami.
Postanowiliśmy ustawić naszą galerię tak, aby zawsze wyświetlała się w dwóch kolumnach. Dodaliśmy również szerszy margines między obrazami.
Użytkownik może kliknąć na obrazek, aby zobaczyć pełnowymiarową wersję w lightboxie. Mogą też przewijać obrazy za pomocą lightboxa.
Jeśli chcesz dodać więcej zdjęć do swojej galerii, możesz do niej wrócić, odwiedzając Galeria Envira ” Wszystkie Galerie w panelu WordPress. Wystarczy kliknąć na nazwę swojej galerii, aby ją edytować.
Wszelkie zmiany wprowadzone w galerii pojawią się wszędzie tam, gdzie umieściłeś ją w swoich postach, stronach lub paskach bocznych. Nie musisz dodawać go do nich ponownie.
Tip: Jeśli używasz klasycznego edytora zamiast edytora bloków, nadal możesz używać Envira Gallery.
Zobaczysz przycisk „Dodaj galerię” nad klasycznym edytorem, którego możesz użyć, aby dodać istniejącą galerię do swojego posta.
Możesz również utworzyć nową galerię, klikając przycisk „Dodaj Media”, a następnie „utwórz galerię”.
Mamy nadzieję, że ten samouczek pomógł Ci nauczyć się umieszczać obrazy obok siebie w WordPress. Możesz również zapoznać się z naszym przewodnikiem dotyczącym wyrównywania obrazów w edytorze bloków WordPress oraz naszą obszerną listą wtyczek WordPress (wybór eksperta).
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
