Jak dodać wiele kolumn w WordPressie (2 metody)

Praktyka układania treści w kolumny sięga początków prasy drukarskiej. Ten format może być wszechstronnym sposobem organizowania tekstu, obrazów i nie tylko. Jednak dodanie wielu kolumn do WordPressa i prawidłowe ich rozmieszczenie może być nieco trudne.

Na szczęście nie musi tak być. Możesz teraz użyć edytora bloków, aby łatwo dodawać wiele kolumn do swoich postów i stron WordPress w kilku krótkich krokach.

Możesz również osiągnąć ten układ za pomocą klasycznego edytora i wtyczki do tworzenia stron.

W tym samouczku przyjrzymy się, jak dodać wiele kolumn w WordPress.

Zacznijmy!

Dlaczego warto korzystać z układu wielokolumnowego

Od wyboru odpowiedniego motywu po dodawanie niestandardowych czcionek, personalizacja projektu witryny ma kluczowe znaczenie dla budowania marki. Częścią tej układanki są również Twoje posty i układy stron. Eksperymentowanie z różnymi opcjami formatowania może być ciekawym sposobem na urozmaicenie strukturalne treści.

Ponieważ nie ma jednego formatu, który byłby najlepszy pod względem czytelności, możesz wykazać się kreatywnością i znaleźć odpowiedni dla siebie wygląd. Możesz przełączać się między stronami, aby dopasować różne rodzaje treści i stworzyć witrynę WordPress, która składa się ze stron o różnych układach, tak jak w tym demo:

Kolumny są szczególnie uniwersalnym formatem. Jeśli chcesz oszczędnie wykorzystać swoją przestrzeń, są one łatwym sposobem na segmentację tekstu.

Możesz także użyć kolumn, aby połączyć różne widżety w spójny sposób, jak pokazuje motyw BuddyBoss:

Możesz też po prostu zainteresować się elastycznym formatem, który można usunąć lub zmienić kształt w zależności od potrzeb. Niezależnie od Twojego rozumowania, kolumny mogą urozmaicić i uporządkować Twoją witrynę.

Jak dodać wiele kolumn w WordPressie (2 proste metody)

Na początku istnienia WordPressa użytkownicy musieli posiadać praktyczną wiedzę na temat HTML i móc pewnie edytować swój kod, aby dodawać kolumny do swoich postów. W tamtych czasach pisanie i edytowanie treści nie było najbardziej przyjaznym dla użytkownika doświadczeniem.

Na szczęście istnieją teraz dwie proste metody dodawania kolumn w WordPress — nie jest wymagany kod HTML.

Edytor bloków jest wyposażony w intuicyjną wbudowaną funkcję kolumn, a ci, którzy wolą klasyczny edytor, ucieszą się, słysząc, że nadal możesz uniknąć ręcznego kodowania kolumn za pomocą wtyczki.

Zobaczmy teraz dwie metody.

Metoda pierwsza: użyj natywnej funkcjonalności edytora bloku

Zaczniemy od dodania wielu kolumn za pomocą edytora bloków (Gutenberg). Nowy domyślny interfejs tworzenia treści WordPress oferuje cały szereg przydatnych funkcji, z których wszystkie koncentrują się na łatwych do przenoszenia blokach treści.

Jedną z tych funkcji jest trafnie nazwany blok Kolumny, który pomaga tworzyć tyle kolumn, ile chcesz.

Aby rozpocząć, wpisz „kolumny” w polu wyszukiwania edytora bloków, które możesz otworzyć, klikając przycisk +. Możesz też po prostu kliknąć ekran i zacząć wpisywać „/kolumny” , aby wyświetlić tę samą opcję.

Spowoduje to wywołanie okna, w którym możesz wybrać układ kolumn:

Rozpoczęcie od domyślnych dwóch kolumn i późniejsze dostosowanie ustawień jest również opcją.

Po określeniu, ile sekcji chcesz i jak chcesz je podzielić, możesz przeciągnąć i upuścić blok w dowolnym miejscu.

Następnie możesz zagnieździć inne bloki w bloku Kolumny. Mogą to być bloki tekstowe lub możesz je wstrząsnąć. Spróbuj ulepszyć kolumnę tekstową, umieszczając ją obok kolumny obrazu lub kalendarza, aby się wyróżniała:

Nie bój się wykorzystywać elastyczności edytora poprzez mieszanie i dopasowywanie elementów.

Następnie możesz wrócić do ustawień bloku Kolumny i dostosować stosunek szerokości do swoich potrzeb. Każdą kolumnę można dostosować w zależności od tego, jaki wygląd chcesz uzyskać.

Dzięki wizualnemu interfejsowi edytora bloków Twoja praca nad backendem przełoży się bezpośrednio na frontend. Dla porównania, tak wygląda nasz przykład po opublikowaniu:

Gdy już opanujesz podstawy, możesz odkryć więcej z kolumnami.

Jeśli szukasz większej funkcjonalności edytora bloków, możesz rozważyć pobranie wtyczki blokującej zwiększającej funkcjonalność i eksperymentowanie z nowymi kombinacjami treści.

Metoda druga: użyj klasycznego edytora i kreatora stron firmy SiteOrigin

Jeśli jesteś bardziej tradycjonalistą i nadal korzystasz z klasycznego edytora, możesz również dodawać wiele kolumn do swoich postów i stron bez kodu. Wszystko czego potrzebujesz to wtyczka. Istnieje wiele opcji, które mogą pomóc w wykonaniu zadania, więc pierwszą rzeczą, którą musisz zrobić, to wybrać jedną.

Ponieważ jestem wielkim fanem wtyczki Page Builder by SiteOrigin, wykorzystam ją do stworzenia układu wielokolumnowego w klasycznym edytorze:

Page Builder to solidna darmowa opcja, która wykorzystuje intuicyjny interfejs typu „przeciągnij i upuść” i ma ponad milion aktywnych instalacji.

Po zainstalowaniu i aktywacji wtyczki na swojej stronie, przejdź do jej strony ustawień, klikając menu Ustawienia > Kreator Stron na lewym pasku bocznym.

Tutaj wybierz zakładkę Ogólne i zaznacz opcję Użyj klasycznego edytora dla nowych postów :

Pamiętaj, że aby ta opcja działała, musisz również mieć zainstalowaną i aktywowaną wtyczkę Classic Editor w swojej witrynie.

Teraz możesz dodawać kolumny, otwierając istniejący post lub tworząc nowy i przechodząc do zakładki Kreator Stron w prawym górnym rogu:

Tutaj kliknij przycisk Dodaj wiersz , który utworzy nowy wiersz, w którym możesz dodać swoje kolumny:

Spowoduje to otwarcie interfejsu, w którym możesz dostosować niektóre ustawienia początkowe, w tym liczbę, proporcje i kierunek kolumn:

Określ liczbę kolumn i zdecyduj, jakie będą ich proporcje. Następnie kliknij Wstaw , aby umieścić je w swoim poście.

Podobnie jak w edytorze bloków, wtyczka Page Builder by SiteOrigin umożliwia wstawianie różnych widżetów do struktury kolumn.

Wybierz kolumnę, do której chcesz dodać widżet, a następnie kliknij przycisk Dodaj widżet , co spowoduje wyświetlenie następującego panelu:

Wybierz element, który chcesz włączyć i wypełnij go swoją treścią.

Backend twojego posta powinien teraz wyglądać mniej więcej tak:

Sfinalizuj swoje zmiany.

Przełoży się to na wynik na interfejsie użytkownika, który wygląda mniej więcej tak:

Spróbuj pobawić się różnymi parami widżetów, aby uzyskać niepowtarzalny wygląd swojej witryny. Jest to łatwy proces, który możesz cofnąć w dowolnym momencie, więc nie bój się przełamać schematów i wykazać się kreatywnością.

Wniosek

Dodanie kolumn do witryny WordPress może pomóc zachować świeży i atrakcyjny układ. Chociaż proces ten może czasami być nieco trudny, istnieją proste metody, dzięki którym możesz to ułatwić.

W tym samouczku omówiliśmy krok po kroku dwie metody dodawania wielu kolumn w WordPress:

1. Korzystanie z wbudowanego bloku Kolumny w edytorze bloków
2. Instalowanie wtyczki, takiej jak Kreator Stron, aby używać jej z klasycznym edytorem

Jaki jest twój ulubiony sposób dodawania kolumn w WordPressie? Daj nam znać w sekcji komentarzy poniżej!