W artykule:
Obrazy ożywiają Twoje posty i strony WordPress, czyniąc je bardziej angażującymi. Jednak wielu początkujących zmaga się z wyrównywaniem obrazów tak, jak lubią.
Nowy edytor bloków WordPress (Gutenberg) rozwiązuje ten problem, ułatwiając dodawanie i wyrównywanie obrazów w WordPress.
W tym artykule pokażemy, jak łatwo dodawać i wyrównywać obrazy w WordPress, aby tworzyć piękne układy treści.
Wyrównanie obrazu w edytorze WordPress
Wcześniej WordPress używał obszaru tekstowego z przyciskami edycji jako domyślnego edytora. Jednym ze szczególnych problemów w starym edytorze było wyrównanie obrazu.
Chociaż istniały opcje wyrównywania obrazów w lewo, w prawo lub w centrum, nie zawsze wyglądały one dobrze. Czasami obrazy nie były wyrównane, nie były dokładnego rozmiaru lub po prostu wyglądały dziwnie.
WordPress 5.0 wprowadził nowy edytor postów WordPress o nazwie edytor bloków Gutenberga. Naprawiono kilka problemów ze starym edytorem, w tym problemy z wyrównaniem obrazu.
Przyjrzyjmy się, jak łatwo dodawać i wyrównywać obrazy w nowym edytorze, aby tworzyć piękne układy dla postów i stron.
Dodawanie i wyrównywanie obrazów w WordPress
Nowy edytor zawiera następujące bloki, których możesz użyć do dodawania obrazów do postów i stron WordPress.
- Obraz
- Obraz Inline
- Galeria
- Media & Tekst
- Okładka
Zacznijmy od prostego bloku obrazu.
Kliknij przycisk „Dodaj nowy blok” lub wpisz / obraz w edytorze postów, aby wstawić blok obrazu.
W pustym bloku obrazu zobaczysz trzy przyciski.
Możesz przesłać obraz z komputera, wybrać już przesłany obraz z biblioteki multimediów lub wstawić obraz, podając adres URL pliku obrazu.
Następnie kliknij przycisk „Prześlij”, a następnie wybierz obraz, który chcesz przesłać z komputera.
Po wybraniu obrazu WordPress prześle go do biblioteki multimediów i wstawi do bloku obrazu.
Teraz zauważysz pasek narzędzi na górze obrazu i niektóre ustawienia blokowania obrazu w prawej kolumnie. Aby wyrównać obraz, użyj paska narzędzi, który pojawia się u góry obrazu.
Blok obrazu daje następujące opcje wyrównania obrazu jako przyciski na pasku narzędzi.
- / Align = „left” /
- / Align = Center /
- Align Right
- Szeroka Szerokość
- Pełna Szerokość
Jeśli obraz ma mniejszą szerokość, wyrównanie go do lewej lub prawej strony spowoduje wyświetlenie tekstu obok obrazu. Wyrównanie do środka spowoduje wyświetlenie obrazu we własnym wierszu bez tekstu po obu stronach.
Wybranie opcji szeroka szerokość spowoduje, że obraz będzie szerszy niż obszar tekstowy, a opcja pełna szerokość przesunie go do prawej i lewej krawędzi ekranu przeglądarki.
Jak idealnie wyrównać obraz obok tekstu
Często konieczne może być idealne wyrównanie obrazu obok tekstu. Edytor bloków WordPress ułatwia to, dodając blok multimediów i tekstu.
Blok ten zasadniczo dodaje obszar dwukolumnowy. Jedna kolumna dla obrazów (mediów) i druga kolumna dla treści tekstowych.
Po prostu prześlij swój obraz, a następnie dodaj tekst, który chcesz wyświetlić obok niego.
Po dodaniu obrazu i tekstu zauważysz więcej opcji dla bloku. Możesz rozszerzyć cały blok lub całą szerokość, możesz również przełączać strony obrazu i tekstu.
Wyrównanie obrazu automatycznie dostosuje się do wysokości tekstu w następnej kolumnie.
Jak wyrównać obrazy galerii w WordPress
Edytor postów WordPress jest również wyposażony w blok, aby dodać galerie zdjęć. Pozwala to na łatwe wyświetlanie obrazów w siatce wierszy i kolumn.
Blok galerii zawiera podobne opcje wyrównania na pasku narzędzi.
Cały blok galerii można wyrównać do lewej, środkowej lub prawej strony. Możesz również ustawić go na szeroki lub zmienić na wiersz o pełnej szerokości.
Domyślna funkcja galerii w WordPress jest całkiem dobra. Jeśli jednak regularnie dodajesz galerie zdjęć do swoich postów i stron WordPress, rozważ użycie wtyczki galerii zdjęć, takiej jak Galeria Envira.
Te wtyczki dadzą ci więcej opcji wyrównywania obrazów w galeriach zdjęć, wyświetlania ich w wyskakującym okienku i innego stylu.
Jak dodać dwa obrazy obok siebie w WordPress
Najprostszym sposobem wyświetlania dwóch obrazów obok siebie w poście WordPress jest dodanie obu obrazów w bloku galerii.
Wystarczy wybrać układ dwukolumnowy dla bloku galerii, aby wyświetlić oba obrazy obok siebie. Możesz także zaznaczyć opcję „Przytnij miniaturę”, aby upewnić się, że oba obrazy mają ten sam rozmiar.
Więcej sposobów dodawania i wyrównywania obrazów w WordPress
Oprócz obrazu, mediów i tekstu oraz bloku galerii, Możesz również użyć bloku okładki, aby dodać obraz okładki.
W nowoczesnym projektowaniu stron internetowych obrazy okładek są używane do tworzenia bardzo angażujących układów treści. Obrazy te służą do podświetlania różnych sekcji strony.
Blok obrazu okładki ma te same opcje wyrównania, co blok obrazu. Możesz dodać tekst nad obrazem i wybrać kolor nakładki z ustawień bloku. Najlepsze jest to, że możesz sprawdzić opcję „stałe tło”, która tworzy efekt tła paralaksy.
Aby dowiedzieć się więcej o używaniu obrazów okładek, sprawdź nasz artykuł na temat różnicy między polecanymi obrazami a obrazem okładki w WordPress.
Do tej pory rozmawialiśmy o dodawaniu zdjęć bezpośrednio do postów i stron. Co z obrazami z witryn innych firm?
Edytor bloków również to ułatwia. Zawiera osadzone bloki dla popularnych serwisów społecznościowych, w tym Instagram, Flickr, Imgur, Photobucket i innych.
Instagram Instagram zdjęcie, a następnie po prostu Dodaj blok Instagram do edytora postów i wprowadź adres URL postu, który chcesz udostępnić.
WordPress automatycznie pobierze post na Instagramie i osadzi go dla ciebie. Następnie będziesz mógł korzystać z opcji wyrównania na pasku narzędzi.
Osadzanie bloków umożliwia również łatwe osadzanie filmów w WordPress. Następnie możesz użyć tych samych opcji na pasku narzędzi, aby wyrównać filmy w WordPress.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo dodawać i wyrównywać obrazy w edytorze bloków WordPress. Możesz również zobaczyć nasz przewodnik, jak zoptymalizować obrazy, aby przyspieszyć 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.
