Przejdź do głównej treści

Jak dodać wiele kolumn na WordPressie bez użycia wtyczki

Divi: najłatwiejszy w użyciu motyw WordPress

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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.

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.

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

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

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.

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

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

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 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. 

Wielofunkcyjne motywy WordPress Thegem tworzą witrynę internetową

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.

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 przeznaczony dla profesjonalistów, którym zależy na jakości i szczegółowości.

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

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

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.

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.

... 

Ten artykuł zawiera komentarze 18

  1. Cześć, mam tę wtyczkę…. ale to nie działa dobrze, zdarza się:

    Tworzę dwie kolumny, jedną mniejszą na zdjęcie, drugą większą na tekst, więc tekst ma tylko 2 wiersze, nie na całej wysokości kolumny, podczas zapisywania tekstu JUMP pod zdjęciem, a nie nie wychylaj się, zobacz, że kolumna znika…
    Co ja robię? dlaczego tak się dzieje, jest inny lepszy i prostszy plg-in niż ten tutaj?
    Dzięki, byłbym wdzięczny za pomoc!

    1. Cześć Irina,

      Spróbuj włączyć domyślny motyw WordPress, jeśli wszystko działa poprawnie, problem dotyczy bieżącego motywu WordPress.

      Sprawdź również, czy dokonałeś aktualizacji wtyczki.

      1. Skopiowałem tekst i próbowałem wkleić CRTL + V, bez powodzenia. Menu kontekstowe z prawym przyciskiem myszy nie oferuje wklejania.
        Nie znalazłem innego rozwiązania niż przepisanie wszystkiego ...

        1. Przepraszamy za opóźnienie w odpowiedzi.
          Czy możesz zapewnić, że klikając prawym przyciskiem myszy inny element na stronie, wyświetla się menu kontekstowe? Jeśli tak, prawdopodobnie wystąpił problem z JavaScriptem w Twoim hostingu.
          Jeśli korzystasz z przeglądarki Google Chrome, przejdź do strony, na której występuje problem, a następnie naciśnij klawisz „F12” (otworzy się okno lub zostanie dołączone do strony), a następnie wybierz kartę „Konsola” . Zrób zrzut ekranu tej karty, a powiem ci, czy jest problem.

          1. Witam,
            Dziękuję za odpowiedź.
            Moja witryna jest hostowana przez Free, może występować problem z javascriptem.
            Czy możesz mi powiedzieć, w jaki sposób przekazujesz zrzut ekranu, który zrobiłem?
            Cordialement

          2. Chcielibyśmy Mireille, ale rodzaj usług, o które prosisz, niestety płaci, a my zapraszamy do kontaktu z naszym zespołem technicznym na blogpascher.com

          3. Ponieważ zainstalowałem ograniczoną wersję za darmo, myślę, że problem istnieje.
            Spróbuję zainstalować inną wersję ...

      2. Skopiowałem tekst i próbowałem wkleić go do kolumny we wtyczce. Niemożliwe, ani za pomocą skrótu klawiaturowego CTRL + V, ani w menu kontekstowym prawego kliknięcia, które nie oferuje tej funkcji.
        Czy istnieje alternatywa wpisywać wszystko?

  2. Mam tylko jedno słowo do powiedzenia Super! Zainstalowałem go i po dwóch lub trzech poprawkach udało mi się zrobić kolumny, dzięki!

  3. witam, zainstalowałem zaawansowane kolumny wp.
    ale kiedy patrzę na stronę, mam biały kwadrat w lewym górnym rogu każdej kolumny? możesz mi pomóc. Dziękuję Ci

    1. Dobry wieczór,

      Czy próbowałeś użyć domyślnego motywu WordPress, aby sprawdzić, czy problem nadal występuje?

    2. Witam,

      Nie możemy naprawdę pomóc, jeśli nie podasz więcej szczegółów na temat tego, jak masz biały kwadrat.

      Dziękuję.

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
6 akcji
udział4
ćwierkanie1
Enregistrer1