Jak dodać wiele kolumn na WordPressie bez użycia wtyczki
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 jeszcze nie stworzyłeś strony internetowej lub bloga na WordPress, zapraszamy do konsultacji Jak zainstalować WordPress blogu kroki 7 następnie, 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.
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 ”.
Zobaczysz wskaźnik myszy przeskakujący w lewej kolumnie, a symbol zastępczy tekstu pojawi się w prawej kolumnie.
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.
Domyś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.
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 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.
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
Oto, jak może wyglądać Twoja nowa kolumna w domyślnym motywie WordPress Twenty Nineteen. W tym przykładzie używamy trzech kolumn, a ostatnia kolumna zawiera obraz.
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.
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.
Zobaczysz 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.
Ma wiele opcji ustawiania szerokości kolumny, od 5% do 100% z interwałem 5. Możesz wybrać jeden, klikając menu rozwijane.
Następnie musisz dodać zawartość swojej kolumny w obszarze „Treść”, a następnie kliknąć przycisk „OK”, aby wstawić ją do swojej publikacji.
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.
Po dodaniu pierwszej kolumny możesz powtórzyć proces, aby dodać więcej kolumn. W ostatniej kolumnie nie zapomnij zaznaczyć pola „Ostatnia kolumna wiersza".
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.
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 premia idealny do tego zadania.
1. TheGem
Istnieje wiele motywów WordPress, które mogą twierdzić, że oferują układ OnePage, ale żaden nie może zaoferować bogactwa opcji i funkcji dostępnych w temacie WordPress TheGem.
Wszystkie elementy projektu, które kojarzysz z dobrą witryną OnePage, są obecne w tym motywie WordPress: suwak pełnoekranowy (który można utworzyć za pomocą wtyczki Revolution Slider dostarczanej z motywem WordPress), wybór sześciu stylów nagłówka oraz 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.
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 przeznaczony dla profesjonalistów, którym zależy na jakości i szczegółowości.
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.
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ę.
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.
Czas ładowania strony jest również doskonały. To świetny produkt i trudno będzie znaleźć tak wiele motywów WordPress o jego cechach.
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
- Jak przygotować stronę internetową dla Gutenberg
- Skąd mam wiedzieć, czy Twoja wtyczka jest kompatybilna z Gutenbergiem?
- Czy Gutenberg poprawi lub złamie WordPress?
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.
...
