Czy chcesz dodać zawartość wielokolumnową do swoich postów WordPress?

Do tworzenia można użyć kolumn Atrakcyjne układy publikacji i stron.

Tradycyjne media drukowane, takie jak gazety i czasopisma, od pierwszych dni druku stosowały układ wielokolumnowy. Ich celem było umożliwienie utilisateurs łatwiejszy do odczytania mniejszy tekst przy oszczędnym wykorzystaniu dostępnej przestrzeni.

Jeśli nie utworzyłeś jeszcze strony internetowej lub bloga na WordPress, zapraszamy do zapoznania się z sekcją Jak zainstalować blog WordPress w 7 krokach dalej, Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu

Układy jednokolumnowe są częściej używane w Internecie. Jednakże kratki z wieloma kolumnami są nadal przydatne do wyróżniania treści oraz ułatwiania czytania i analizy.

W tym samouczku pokażemy, jak łatwo dodawać zawartość wielokolumnową do swoich postów WordPress bez pisania kodu HTML.

Dodaj zawartość do wielu kolumn Wordpress e1565264744355

Dodawanie treści z wieloma kolumnami w WordPress - łatwe rozwiązanie

Tworzenie zawartości wielokolumnowej, znanej również jako zawartość siatki w WordPress, jest teraz łatwe, ponieważ jest to funkcja domyślna. Plik nowy edytor bloków WordPress Gutenberg proponuje blok kolumn.

Aby dodać układ z wieloma kolumnami, musisz utworzyć nowy post lub edytować. W obszarze edycji kliknij przycisk „ Dodaj dniu U góry, aby dodać blok.

Następnie musisz wybrać blok kolumny „Znajduje się na karcie„ Elementy układu ”.

Dodaj kolumny wordpress

Zobaczysz wskaźnik myszy przeskakujący w lewej kolumnie, a symbol zastępczy tekstu pojawi się w prawej kolumnie.

Kolumny w WordPress gutenbeg

Jak widać na powyższym zrzucie ekranu, blok Kolumna na pierwszy rzut oka wydaje się być pustym obszarem. Jeśli najedziesz myszą w lewo, zobaczysz granicę podświetlonego bloku.

Będziesz także mógł zobaczyć parametry bloku w prawej kolumnie ekranu.

Przykład kolumn GutenbergaDomyślnie blok kolumn dodaje dwie kolumny. Możesz zwiększyć liczbę kolumn, które chcesz dodać, korzystając z ustawień bloku po prawej stronie. Pozwala to dodać do sześciu kolumn w jednym wierszu.

Edytuj kolumny WordPress GutenbergaPo prostu kliknij kolumnę i zacznij pisać, aby dodać treść. Możesz użyć klawisza Tab na klawiaturze, aby przejść do następnej kolumny.

Przejdź do następnej kolumny wordpressDodawanie multimediów i innych treści do kolumn

Oprócz treści tekstowych możesz także dodawać obrazy i osadzać filmy w kolumnach WordPress.

Blok kolumn umożliwia dodawanie bloków wewnątrz każdej kolumny. Po prostu najedź myszą na kolumnę, a zobaczysz „Dodaj nowy blokWewnątrz Możesz także dodać blok, wprowadzając nazwę bloku.

Dodaj obraz do kolumny

Wybrany blok pojawi się w kolumnie. Możesz tam iść i dodać treść.

Aby przesłać - przesłać - swoje multimedia, odkryj nasz artykuł na Jak przesłać zbiorcze pliki multimedialne na WordPress

Blok obrazu kolumny Gutenberga

Tak może wyglądać Twoja nowa kolumna w WordPress domyślny dwadzieścia dziewiętnaście. W tym przykładzie używamy trzech kolumn, a ostatnia kolumna zawiera obraz.

Obraz dodaj kolumnę Gutenberga

Jeśli chcesz tylko dodać obraz i tekst z boku, możesz również użyć bloku Media i tekst Zamiast kolumn. Ten blok został zaprojektowany specjalnie do wyświetlania obok tekstu multimediów, takich jak obrazy i filmy.

Media tekstowe blokowe Wordpress

Dodanie kilku kolumn w klasycznym edytorze WordPress

Jeśli nie zaktualizowałeś WordPress do Gutenberg i nadal używaszklasyczny edytormusisz zainstalować osobną wtyczkę, aby utworzyć układ siatki kolumn.

Zacznij od zainstalowania i aktywacji wtyczki Lekkie kolumny siatki

Aby uzyskać szczegółowe instrukcje, postępuj zgodnie z naszym przewodnikiem krok po kroku, jak to zrobić zainstalować wtyczkę w WordPress.

Po aktywacji możesz utworzyć nową wiadomość lub otworzyć starą wiadomość do edycji. Następnie kliknij „ Dodaj kolumny Na pasku narzędzi edytora wizualnego.

Dodaj klasyczny edytor kolumn wordpressZobaczysz teraz wyskakujące okienko, w którym możesz dodać pierwszą kolumnę. Możesz wybrać, jaki obszar może obejmować Twoja kolumna w różny sposób na komputerach stacjonarnych, tabletach i urządzeniach mobilnych.

Idź dalej, odkrywając Jak utworzyć pełną szerokość strony na WordPressie

Na przykład, jeśli ustawisz procent siatki 50% na pulpicie, kolumna obejmie połowę linii.

Zdefiniuj procent kolumn

Ma wiele opcji ustawiania szerokości kolumny, od 5% do 100% z interwałem 5. Możesz wybrać jeden, klikając menu rozwijane.

Opcja szerokości kolumny

Następnie musisz dodać zawartość swojej kolumny w obszarze „Treść”, a następnie kliknąć przycisk „OK”, aby wstawić ją do swojej publikacji.

Zawartość kolumny divi

Wtyczka wygeneruje wymagany krótki kod z treścią i doda go do edytora postów.

Odkryj w tym samouczku Jak zainstalować i skonfigurować wtyczkę WP Super Cache aby poprawić wydajność swojego bloga.

Kolumna dodana w klasycznym edytorze wordpress

Po dodaniu pierwszej kolumny możesz powtórzyć proces, aby dodać więcej kolumn. W ostatniej kolumnie nie zapomnij zaznaczyć pola „Ostatnia kolumna wiersza".

Dodaj kolejną kolumnę w klasycznym edytorze wordpress

Następnie będziesz mógł zapisać podgląd i wyświetlić podgląd. Oto jak to wygląda na naszej stronie testowej Twenty Seventeen.

Kolumna dodana demo wordpress

Jeśli chcesz również znaleźć motywy WordPress, które mogą pomóc w tworzeniu kolumn na twoich stronach lub w publikacji, oto motywy WordPress 3 Premium idealny do tego zadania.

1. TheGem

Jest ich dużo Motywy WordPress który może twierdzić, że oferuje układ OnePage, ale żaden nie oferuje bogactwa opcji i funkcji, które ma szablon WordPress TheGem. 

Wielofunkcyjne motywy WordPress Thegem tworzą witrynę internetową

Wszystkie elementy projektu, które kojarzą Ci się z dobrą witryną OnePage, są w tym obecne WordPress : suwak pełnoekranowy (który można utworzyć za pomocą wtyczki Revolution Slider dostarczonej z WordPress), możliwość wyboru sześciu stylów nagłówków i możliwość tworzenia sekcji o pełnej szerokości za pomocą wtyczki Visual Composer zawartej w pakiecie.

Ponadto ma wiele opcji dostosowywania elementów, takich jak czcionki, kolory i ikony. To rzadka rzecz, ale są też szczegóły, których nie lubimy w TheGem. Ale w zasadzie jest to motyw WordPress, który oczywiście będzie ci odpowiadał, biorąc pod uwagę liczbę pozytywnych punktów, które ma. Jest silnym konkurentem, który ułatwiłby stworzenie strony OnePage.

PobierzDemo | hosting

2. Sztokholm

Sztokholm to motyw WordPress zaprojektowany, aby pomóc Ci stworzyć stronę internetową firmy budowlanej, inżynierii lądowej lub dowolnej firmy związanej ze światem renowacji budynków. Ten Szablon WordPress jest nastawiona na profesjonalistów dbających o jakość i detale.

Sztokholm-motywy-wordpress-wielofunkcyjny-uniwersalny-create-site-www

Wyposażony w panel opcji i przyjazny dla użytkownika backend, pozwolą Ci łatwo zarządzać treścią. Istnieje około 20 wersji demonstracyjnych tego szablonu prezentujących szeroki zakres działań, w których można wykorzystać ten motyw WordPress. Mogą one również służyć jako podstawa do przyszłych dostosowań, aby Twoja witryna miała niepowtarzalny wygląd.

Bardzo czuły, jest doskonale wyświetlany na każdym rodzaju ekranu. Jeśli podczas dostosowywania lub instalacji tego szablonu wystąpią trudności, pełna dokumentacja zawarta w pakiecie może służyć jako przewodnik. A jeśli nadal nie możesz, wsparcie dedykowane temu tematowi WordPress pozostaje do Twojej dyspozycji.

PobierzDemo | hosting

3. Jupiter

Jupiter to kolejny bardzo popularny motyw WordPress. Posiada dema 25, które obejmują 6 z naszych kategorii - agencja, kreatywność, edukacja, żywność, zdrowie i eCommerce - i więcej zostanie dodanych do niego w przyszłych aktualizacjach. Większość układów ma minimalistyczny wygląd i przyjemną typografię.

Jupiter-theme-wordpress-wielofunkcyjny-uniwersalny-create-site-www

Jednym z głównych punktów sprzedaży Jupiter jest Creative Header Customizer, który pozwala szybko i łatwo dostosować projekt nagłówków do Twojej witryny. Visual Composer, suwaki 3 (Layer, Revolution i iCarousel), nowe skróty 10, więcej niż ikony 1800 i niestandardowe typy postów 10 są zawarte w dostawie.

Jego czasy ładowania strony są również doskonałe. To wspaniały produkt i trudno będzie znaleźć tak wiele Motywy WordPress posiadające swoje cechy.

PobierzDemo | hosting

Inne zalecane zasoby

Aby przejść dalej w optymalizacji swojego bloga lub witryny, sugerujemy również zapoznanie się z linkami, które pozwolą Ci zanurzyć się w świecie Gutenberga

Wnioski

Tutaj! To wszystko w tym samouczku. Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodawać kolumny do postów i stron WordPress. Nie wahaj się udostępnij ten samouczek znajomym w sieciach społecznościowych.

Jeśli masz sugestie lub komentarze, będą one mile widziane. Ale jeśli jesteś nowicjuszem, zapraszamy do konsultacji z nami Zasoby.

...