W artykule:
Czy chcesz dodać treść wielokolumnową do swoich postów WordPress? Kolumny mogą być używane do tworzenia interesujących układów postów i stron.
Tradycyjne media drukowane, takie jak gazety i czasopisma, od pierwszych dni drukowania używają układów wielokolumnowych. Ich celem było ułatwienie użytkownikom czytania mniejszego tekstu przy jednoczesnym ekonomicznym wykorzystaniu dostępnej przestrzeni.
Układy jednokolumnowe są częściej używane w Internecie. Jednak siatki wielokolumnowe są nadal przydatne do podświetlania treści i ułatwiania skanowania i czytania.
W tym artykule pokażemy, jak łatwo dodawać zawartość wielokolumnową do postów WordPress bez pisania kodu HTML.
Video Tutorial
Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.
Dodawanie treści wielokolumnowych w WordPress-prosty sposób
Tworzenie treści wielokolumnowych aka treści kolumn siatki w WordPress jest teraz łatwe, ponieważ jest to funkcja domyślna. Nowy edytor bloków WordPress Gutenberg zawiera blok kolumn.
Aby dodać układ wielokolumnowy, musisz utworzyć nowy post lub edytować istniejący. Gdy znajdziesz się w obszarze edycji postów, kliknij ikonę „Dodaj” u góry, aby dodać blok.
Następnie musisz wybrać Blok „kolumny” znajdujący się w zakładce „elementy układu”.
Teraz zobaczysz kursor myszy skaczący po lewej kolumnie, a w prawej kolumnie pojawi się tekst zastępczy.
Jak widać na powyższym zrzucie ekranu, blok kolumn na początku wydaje się tylko pustym obszarem. Jeśli najedziesz kursorem w lewo, zobaczysz podświetloną ramkę bloku.
Będziesz także mógł zobaczyć ustawienia blokowania w prawej kolumnie ekranu edycji postu.
Domyślnie blok kolumn doda dwie kolumny. Możesz zwiększyć liczbę kolumn, które chcesz dodać, w Ustawieniach bloku po prawej stronie. Pozwala dodać do sześciu kolumn w jednym wierszu.
Po prostu kliknij kolumnę i zacznij pisać, aby dodać treść. Możesz użyć klawisza tab na klawiaturze, aby przejść do następnej kolumny.
Dodawanie multimediów i innych treści w kolumnach
Oprócz treści tekstowej możesz również dodawać obrazy i osadzać filmy w kolumnach WordPress.
Blok kolumn umożliwia dodawanie bloków wewnątrz każdej kolumny. Po prostu najedź myszką na kolumnę, a zobaczysz w niej ikonę „Dodaj nowy blok”. Możesz również dodać blok, wpisując/, a następnie nazwę bloku.
Wybrany blok pojawi się teraz w kolumnie. Możesz teraz śmiało dodawać do niego zawartość.
Oto jak nowa kolumna może wyglądać w domyślnym motywie dwadzieścia dziewiętnaście. W tym przykładzie używamy trzech kolumn, a ostatnia kolumna zawiera obraz.
Jeśli chcesz dodać tylko obraz i tekst obok niego, możesz również użyć bloku „Media i tekst” zamiast kolumn. Ten konkretny blok jest stworzony specjalnie do wyświetlania multimediów, takich jak obrazy i filmy obok tekstu.
Dodawanie wielu kolumn w Starym edytorze WordPress Classic
Jeśli nie zaktualizowałeś swojego WordPressa do Gutenberga i nadal korzystasz z klasycznego edytora, musisz zainstalować oddzielną wtyczkę do tworzenia układu kolumn siatki.
Najpierw zainstaluj i aktywuj wtyczkę Lightweight Grid Columns. Aby uzyskać szczegółowe instrukcje, postępuj zgodnie z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę w WordPress.
Po aktywacji możesz utworzyć nowy post lub otworzyć stary post do edycji. Następnie kliknij przycisk „Dodaj kolumny” na pasku narzędzi edytora wizualnego.
Teraz zobaczysz wyskakujące okno, aby dodać pierwszą kolumnę. Możesz wybrać, ile obszaru może pokryć twoja kolumna na komputerach stacjonarnych, tabletach i urządzeniach mobilnych w różny sposób.
Na przykład, jeśli ustawisz procent siatki pulpitu 50%, twoja kolumna pokryje pół wiersza.
Istnieje wiele opcji, aby ustawić szerokość kolumny, od 5% do 100% w przedziale 5. Możesz wybrać jedną z nich, klikając menu rozwijane.
Następnie musisz dodać zawartość kolumny w polu „Zawartość”, a następnie kliknąć przycisk „OK”, aby wstawić go do swojego posta.
Wtyczka wygeneruje teraz wymagany shortcode z Twoją treścią i doda go do edytora postów.
Teraz, gdy dodasz pierwszą kolumnę, możesz powtórzyć proces, aby dodać więcej kolumn. W przypadku ostatniej kolumny w wierszu nie zapomnij zaznaczyć pola „ostatnia kolumna w wierszu”.
Następnie możesz zapisać swój post i wyświetlić jego podgląd. Oto jak to wyglądało na naszej stronie testowej za pomocą motywu Twenty Seventeen.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodawać kolumny w postach i stronach WordPress. Możesz również zobaczyć nasz prosty przewodnik, jak łatwo wyrównać obrazy w postach 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.
