Chcete do svojich príspevkov v systéme WordPress pridať obsah s viacerými stĺpcami?

Na vytvorenie môžete použiť stĺpce Atraktívne rozloženia vašich publikácií a stránok.

Tradičné tlačené médiá, ako sú noviny a časopisy, používajú od prvých dní tlače rozloženie s viacerými stĺpcami. Ich cieľom bolo umožniť Užívatelia ľahšie čítanie menšieho textu pri ekonomickom využití dostupného priestoru.

Ak ste ešte nevytvorili webovú stránku alebo blog na WordPress, odporúčame vám prečítať si článok Ako nainštalovať blog WordPress v nasledujúcich 7 krokoch, Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu

Na webe sa bežnejšie používajú rozloženia jedného stĺpca. Avšak rošty s viacerými stĺpcami sú stále užitočné na zvýraznenie obsahu a uľahčenie čítania a analýzy.

V tomto návode vám ukážeme, ako ľahko pridať viac stĺpcový obsah k vašim príspevkom vo WordPress bez toho, aby ste museli písať akýkoľvek kód HTML.

Pridajte obsah do viacerých stĺpcov wordpressu e1565264744355

Pridanie viacstĺpcového obsahu na WordPress - ľahké riešenie

Vytváranie obsahu s viacerými stĺpcami, ktorý sa vo WordPress nazýva aj obsah mriežky, je teraz jednoduchý, pretože ide o predvolenú funkciu. The nový editor blokov WordPress Gutenberg navrhuje blok stĺpcov.

Ak chcete pridať rozloženie viacerých stĺpcov, musíte vytvoriť nový príspevok alebo upraviť jeden. V oblasti úprav kliknite na ikonu „ Add On V hornej časti pridajte blok.

Potom musíte vybrať blok stĺpce "Nachádza sa na karte" Prvky rozloženia ".

Pridajte stĺpce wordpressu

V ľavom stĺpci uvidíte skok ukazovateľa myši av pravom stĺpci sa zobrazí zástupný znak pre text.

Stĺpce na wordpresse gutenbeg

Ako môžete vidieť na snímke obrazovky vyššie, blok Stĺpec spočiatku sa javí ako prázdna oblasť. Ak umiestnite kurzor myši doľava, uvidíte hranicu zvýrazneného bloku.

Parametre bloku uvidíte aj v pravom stĺpci obrazovky.

Príklad stĺpcov gutenbergV predvolenom nastavení blok stĺpcov pridáva dva stĺpce. Počet stĺpcov, ktoré chcete pridať, môžete zvýšiť v nastaveniach bloku vpravo. Takto môžete do jedného riadku pridať až šesť stĺpcov.

Upravte stĺpce gutenberg wordpressStačí kliknúť na stĺpec a začať pridávať obsah. Na prechod do ďalšieho stĺpca môžete použiť kláves Tab.

Prejsť na ďalší stĺpec wordpressPridanie multimediálneho a iného obsahu do stĺpcov

Okrem textového obsahu môžete do stĺpcov WordPress pridať aj obrázky a vložiť videá.

Blok stĺpcov vám umožňuje pridať bloky do každého stĺpca. Stačí umiestniť kurzor myši na stĺpec a všimnete si „Pridajte nový blok"Inside. Blok môžete pridať aj zadaním jeho názvu.

Pridajte obrázok do stĺpca

Vybratý blok sa zobrazí v stĺpci. Môžete tam ísť a pridať obsah.

Ak chcete nahrať - nahrať - svoje médiá, prečítajte si náš článok o Ako nahrať svoje hromadné médiá do programu WordPress

Blok obrázka stĺpca Gutenberg

Takto môže vyzerať váš nový stĺpec v WordPress tému predvolená dvadsaťdevätnástka. V tomto príklade používame tri stĺpce a posledný stĺpec obsahuje obrázok.

Obrázok pridať stĺpec gutenberg

Ak chcete iba pridať obrázok a text na stranu, môžete tiež použiť blok Médiá a text Namiesto stĺpcov. Tento blok je špeciálne navrhnutý na zobrazovanie médií, ako sú obrázky a videá, vedľa textu.

Textové médiá blokujúce Wordpress

Pridanie niekoľkých stĺpcov v klasickom editore servera WordPress

Ak ste neaktualizovali WordPress na Gutenberg a stále používateklasický editorAk chcete vytvoriť rozloženie mriežky, musíte nainštalovať samostatný doplnok stĺpcov.

Začnite inštaláciou a aktiváciou doplnku Ľahké stĺpce mriežky

Podrobné pokyny nájdete v našom podrobnom sprievodcovi nainštalovať doplnok do WordPress.

Po aktivácii môžete vytvoriť novú správu alebo otvoriť starú správu, ktorú chcete upraviť. Potom kliknite na Pridajte stĺpce Na paneli nástrojov vizuálneho editora.

Pridajte stĺpce wordpress klasický editorTeraz uvidíte vyskakovacie okno, ktoré vám umožní pridať váš prvý stĺpec. Môžete si zvoliť, akú veľkú plochu môže váš stĺpec pokrývať na počítačoch, tabletoch a mobilných zariadeniach.

Choďte ďalej objavovaním Ako vytvoriť celej šírke stránky na WordPress

Napríklad, ak nastavíte percento pracovnej plochy 50% plochy, stĺpec pokryje polovicu riadku.

Definujte percento stĺpcov

Šírka stĺpca má veľa možností, od 5% do 100% s intervalom 5. Môžete si ich vybrať kliknutím na rozbaľovaciu ponuku.

Možnosť šírky stĺpca

Potom musíte do oblasti „Obsah“ pridať obsah svojho stĺpca a kliknutím na tlačidlo „OK“ ho vložiť do svojej publikácie.

Obsah stĺpca divi

Doplnok vygeneruje požadovaný krátky kód s vaším obsahom a pridá ho do vášho editora príspevkov.

Objavte tento tutoriál Ako nainštalovať a nakonfigurovať plugin WP Super Cache na zlepšenie výkonu vášho blogu.

Stĺpec bol pridaný v klasickom editore WordPress

Teraz, keď je pridaný váš prvý stĺpec, môžete tento postup opakovať a pridať ďalšie stĺpce. Pri poslednom stĺpci nezabudnite začiarknuť políčko „Posledný stĺpec riadku".

Pridajte ďalší stĺpec do klasického editora WordPress

Potom budete môcť svoj náhľad uložiť a zobraziť ho. Ako to vyzerá na našej testovacej webovej stránke dvadsiatich sedemnástich.

Stĺpec pridal ukážku wordpressu

Ak chcete tiež nájsť témy WordPress, ktoré vám môžu pomôcť vytvoriť stĺpce na vašich stránkach alebo publikácii, tu sú témy 3 WordPress poistné ideálne pre túto úlohu.

1. TheGem

Existuje veľa Témy WordPress ktorá môže tvrdiť, že ponúka rozloženie OnePage, ale žiadna nemôže ponúknuť množstvo možností a funkcií, ktoré má šablóna TheGem WordPress. 

Thegem viacúčelové wordpressové témy vytvárajú webové stránky

Sú tu prítomné všetky dizajnové prvky, ktoré spájate s dobrou webovou stránkou OnePage WordPress tému : posuvník na celú obrazovku (ktorý je možné vytvoriť pomocou doplnku Revolution Slider dodávaného s WordPress tému), výber zo šiestich štýlov hlavičky a možnosť vytvárať sekcie s plnou šírkou pomocou doplnku Visual Composer, ktorý je súčasťou balenia.

Okrem toho má množstvo možností prispôsobenia pre položky, ako sú písma, farby a ikony. Je to vzácna vec, ale sú tu aj podrobnosti, ktoré sa nám o TheGem nepáčia. Ale v podstate je to téma WordPress, ktorá vám bude samozrejme vyhovovať, vzhľadom na počet pozitívnych bodov, ktoré má. Je to silný konkurent, ktorý by uľahčil vytvorenie webovej stránky OnePage.

Stiahnuťdemo | web hosting

2. Štokholm

Štokholm je téma WordPress navrhnutá tak, aby vám pomohla vytvoriť webovú stránku stavebnej spoločnosti, stavebného inžinierstva alebo akejkoľvek spoločnosti súvisiacej so svetom renovácie budov. Toto Šablóna WordPress je zameraná na profesionálov, ktorým záleží na kvalite a detailoch.

Stockholm-themes-WordPress-viacúčelový-univerzálny vytvoriť-site-internet

Dodáva sa s panelom možností a užívateľsky prívetivým backendom, ktoré vám umožnia ľahkú správu vášho obsahu. Existuje asi 20 ukážok tejto šablóny predstavujúcich širokú škálu aktivít, na ktoré je možné túto tému WordPress použiť. A tieto môžu byť tiež použité ako základ pre budúce prispôsobenie, aby mal váš web jedinečný vzhľad.

Veľmi citlivý, je zobrazený dokonale na akomkoľvek type obrazovky. Ak počas prispôsobovania alebo inštalácie tejto šablóny narazíte na ťažkosti, môže slúžiť ako príručka úplná dokumentácia, ktorá je súčasťou balenia. A ak stále nemôžete, podpora venovaná tejto téme WordPress zostáva k dispozícii.

Stiahnuťdemo | web hosting

3. jupiter

Jupiter je ďalšia veľmi obľúbená téma WordPress. Obsahuje ukážky 25, ktoré pokrývajú 6 z našich kategórií - agentúra, kreatíva, vzdelávanie, jedlo, zdravie a elektronický obchod - a ďalšie sa k nim pridajú v budúcich aktualizáciách. Väčšina jeho dispozícií má minimalistický dizajn s príjemnou typografiou.

Jupiter-theme-WordPress-viacúčelový-univerzálny vytvoriť-site-internet

Jedným z hlavných predajných bodov spoločnosti Jupiter je prispôsobiteľný program Creative Header Customizer, ktorý vám umožňuje rýchlo a ľahko prispôsobiť dizajn hlavičky vašej webovej stránky. Vizuálny skladateľ, posuvníky 3 (Layer, Revolution a iCarousel), nové krátke kódy 10, viac ako ikony 1800 a vlastné typy príspevkov 10 sú súčasťou dodávky.

Jeho časy načítania stránky sú tiež vynikajúce. Toto je vynikajúci produkt a bude ťažké nájsť ich toľko Témy WordPress majúce svoje vlastnosti.

Stiahnuťdemo | web hosting

Ďalšie odporúčané zdroje

Ak sa chcete v optimalizácii svojho blogu alebo svojej webovej stránky dostať ďalej, odporúčame vám tiež konzultovať odkazy, ktoré vás ponoria do sveta Gutenbergu.

záver

Tu ! To je pre tento návod všetko. Dúfame, že vám tento článok pomohol naučiť sa pridávať stĺpce do vašich príspevkov a stránok na WordPress. kľudne zdieľajte tento tutoriál so svojimi priateľmi na sociálnych sieťach.

Ak máte návrhy alebo pripomienky, budú vítané. Ale ak ste nováčik, pozývame vás, aby ste sa poradili s našimi zdroje.

...