Chociaż coś tak prostego jak kolumny może wydawać się najzwyklejszym i, bądźmy szczerzy, nudnym elementem każdej strony internetowej, tak naprawdę nie jest. W rzeczywistości kolumny mogą być nawet najważniejszym elementem, jeśli chodzi o uporządkowanie treści w harmonijną całość. Bez nich znacznie trudniej byłoby uporządkować wszystkie inne elementy witryny, takie jak przyciski i obrazy, a nawet skróty i widżety, w logiczne, a przede wszystkim estetyczne kompozycje. Dlatego dzisiaj postanowiliśmy pokazać, jak tworzyć i wykorzystywać kolumny w czterech najpopularniejszych edytorach treści WordPress. Oto, co omówimy:
Aby dodać kolumnę do postu za pomocą edytora Gutenberg, najpierw otwórz swój post i kliknij plus zaloguj się w lewym górnym rogu posta, aby otworzyć selektor bloków. Teraz wybierz blok kolumn, który znajdziesz w Elementy układu patka.
Istnieje kilka odmian kolumn, ale na potrzeby tego samouczka użyjemy układu dwóch kolumn o równej szerokości.
Zobaczysz, że twój rząd został podzielony na dwie równe części. Zobaczysz również ustawienia bloków po prawej stronie. Tutaj możesz edytować względną szerokość swoich kolumn.
Aby wprowadzić tekst do dowolnej kolumny, kliknij jej plus podpisz i wybierz ustęp bloku, a następnie wpisz lub wklej tekst.
Podobnie jak w przypadku tekstu, możesz dodać dowolny inny blok Gutenberga do swojej kolumny: obrazy, galerie, filmy i wszystko inne – w tym inne kolumny. Dodajmy obraz do kolumny po prawej stronie.
W takim przypadku będziemy Przekazać plik obraz.
Kliknij na Przycisk podglądu aby zobaczyć, jak treść Twojego posta wygląda w kolumnach.
Jeśli używasz Elementora, dodawanie kolumn działa nieco inaczej. Po otwarciu swojego posta w Elementorze możesz wprowadzić kolumny do obszaru w Elementorze, klikając Dodaj sekcję przycisk.
Możesz teraz wybrać strukturę swojej sekcji. Wybierzemy sekcję trzykolumnową.
Jak widać, obszar aktywny jest podzielony na trzy sekcje. Aby dodać tekst do sekcji, po prostu dodaj Edytor tekstu widget do dowolnej podsekcji.
Aby dodać obraz do kolumny, po prostu przeciągnij Obraz widget do podsekcji.
Aby wypełnić kolumnę obrazem, kliknij Wybierz obraz obszar w Edytuj obrazek zakładka po lewej stronie…
… a następnie prześlij lub wybierz plik z biblioteki multimediów.
Usuń zaznaczenie kolumny, aby powrócić do menu elementów.
Aby dodać wideo do swojej kolumny, musisz przeciągnąć Wideo widget do pozostałej kolumny.
Pamiętaj, aby wkleić adres URL w odpowiednim polu, aby umieścić żądany film.
Teraz, aby edytować całą sekcję, musisz przejść do Edytuj sekcję menu.
ten Edytuj sekcję menu po prawej stronie daje kilka Układ opcje regulujące wygląd kolumn na Twojej stronie. To naprawdę zależy od twoich preferencji dotyczących układu.
Użyjemy Szerokość treści możliwość wyrównania tekstu z kolumną obrazu.
ten Struktura sekcja jest po to, aby ułatwić zmianę proporcji szerokości kolumn. Wybierzemy 50, 25, 25 układ i zobacz, jak wpływa to na szerokość kolumny.
Możesz sformatować każdy blok tekstowy, dodać tła, przyciski, podpisy do zdjęć, widżety audio i niezliczone inne elementy do dowolnej kolumny.
Jeśli preferowanym edytorem WordPress jest WPBakery, nadal możesz dość łatwo tworzyć i używać kolumn.
Najpierw otwórz post w WPBakery i kliknij Dodaj element przycisk.
Następnie wybierz element Row.
Aby podzielić ten element na dwie kolumny, najedź kursorem na kartę kolumn. Potrzebujesz Układ kolumn zakładka, aby podzielić elementy na kolumny. Wybierzemy dwie równe kolumny (1/2 + 1/2).
Dodany wiersz jest teraz podzielony na dwie równe kolumny.
Aby dodać treść do jednej kolumny, kliknij jej znak plus i wybierz odpowiedni element. W przypadku tekstu jest to Blok tekstowy element, dla obrazów potrzebujesz Pojedynczy obraz element wideo, a Youtube (lub inny) element i tak dalej. Dodamy tekst do kolumny po lewej stronie i obraz po prawej stronie. Omówiliśmy już tekst, a teraz przyjrzymy się Pojedynczy obraz element.
Tutaj widzisz różne opcje konfiguracji obrazu. Aby wypełnić element obrazu, kliknij przycisk obrazu i wybierz obraz. Jeśli nie chcesz korzystać z biblioteki multimediów, możesz wybrać inne źródła obrazów z Źródło obrazu menu rozwijane.
Ponieważ mamy już obraz w naszej bibliotece, użyjemy go ponownie.
Po skonfigurowaniu obrazu kliknij przycisk podglądu, aby zobaczyć, jak wygląda Twoja treść w poście.
Twój obraz, zgodnie z konfiguracją, pojawi się w kolumnie po prawej stronie.
Oczywiście możesz preferować klasyczny edytor. Jest na to również rozwiązanie kolumnowe.
Wreszcie, aby dodać kolumny w klasycznym edytorze, potrzebujesz wtyczki. Polecamy Skróty do kolumn podłącz. Jeśli nie wiesz, jak to zrobić, mamy samouczek dotyczący instalacji wtyczki WordPress.https://wordpress.org/plugins/column-shortcodes/
Ta wtyczka umożliwi Ci tworzenie krótkich kodów kolumn – małych fragmentów kodu, które pozwolą Ci zmienić układ tekstu i innych treści.
Chcemy podzielić nasz post na dwie kolumny o równej szerokości. Zaczniemy od przejścia do tekst zobacz przed skopiowaniem odpowiednich skrótów. Skróty znajdziesz, klikając nawiasy ( [ ] ) przycisk.
Aby podzielić nasz post na dwie równe kolumny, najpierw wstawimy połowa shortcode kolumny, klikając go. W miejscu naszego kursora pojawią się dwa tagi. Stanowią one początek i koniec kolumny po lewej stronie.
Załóżmy teraz, że chcemy umieścić tweeta w lewej kolumnie naszego posta. Musisz skopiować kod do umieszczenia na stronie z Twittera. Kliknij polecenie Osadź tweeta w rozwijanym menu tweeta.
Twitter połączy się ze stroną z wymaganym kodem. Aby skopiować kod do umieszczenia na stronie, po prostu kliknij Skopiuj kod przycisk.
Następnie musimy wkleić go między tagiem otwierającym shortcode a tagiem zamykającym, dzięki czemu tweet jest jedyną treścią w naszej lewej kolumnie.
Aby dodać kolumnę po prawej stronie, umieścimy kursor na końcu naszego postu i wybierzemy odpowiedni shortcode z nawiasów ( [ ] ) menu. Pamiętaj, że ta wtyczka wymaga, aby Twoja skrajna prawa kolumna zawierała (ostatni) krótki kod. Dlatego wybierzemy połowa (ostatnia) polecenie i wklej tekst między znacznikami otwierającym i zamykającym.
W podglądzie Twoja treść będzie wyglądać tak.
I tak dzielisz swoje treści na kolumny za pomocą wtyczki i klasycznego edytora.
Na zakończenie
Tak więc, niezależnie od tego, czy używasz wbudowanych opcji edytora, czy wtyczki la, uporządkowanie treści w kolumny nie stanowi żadnego problemu. Od Ciebie zależy, który układ kolumn najlepiej pasuje do ogólnego projektu witryny. Podczas gdy odwiedzający są tam dla Twoich treści, możesz zrobić, aby te treści były bardziej atrakcyjne bez dużego wysiłku lub umiejętności technicznych.
Niezależnie od tego, czy chcesz emulować papier gazetowy, czy eksperymentować ze zdjęciami i innymi osadzonymi elementami, wypróbuj jedną z naszych sugestii dotyczących kolumn. Dzięki kolumnom możesz łatwo sprawić, że każdy z Twoich postów będzie bardziej czytelny, bardziej przyjazny dla użytkownika i bardziej profesjonalny za pomocą zaledwie kilku kliknięć.
Wesprzyj naszą pracę ❤️
Jeśli spodobał Ci się ten artykuł, rozważ pozostawienie napiwku, aby pomóc nam dalej publikować wartościowe treści.
