Chcete do svých příspěvků WordPress přidat obsah s více sloupci?

K vytvoření lze použít sloupce Atraktivní rozvržení vašich publikací a stránek.

Tradiční tisková média, jako jsou noviny a časopisy, používají od prvních dnů tisku rozložení ve více sloupcích. Jejich cílem bylo umožnit uživatele snadnější čtení menšího textu při ekonomickém využití dostupného prostoru.

Pokud jste si ještě nevytvořili webovou stránku nebo blog na WordPressu, zveme vás ke konzultaci Jak nainstalovat blog WordPress v 7 krocích dále, Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu

Na webu se běžněji používají rozložení jednoho sloupce. Nicméně rošty s více sloupci jsou stále užitečné pro zvýraznění obsahu a usnadnění čtení a analýzy.

V tomto tutoriálu vám ukážeme, jak snadno přidat více sloupcový obsah k vašim příspěvkům WordPress, aniž byste museli psát HTML kód.

Přidejte obsah do více sloupců wordpress e1565264744355

Přidání vícesloupcového obsahu na WordPress - snadné řešení

Vytváření obsahu s více sloupci, který se také ve WordPressu označuje jako obsah mřížky, je nyní jednoduchý, protože se jedná o výchozí funkci. The nový editor bloků WordPress Gutenberg navrhuje blok sloupců.

Chcete-li přidat rozložení více sloupců, musíte vytvořit nový příspěvek nebo upravit jeden. V editační oblasti klikněte na „ Add On V horní části přidejte blok.

Pak musíte vybrat blok sloupce "Nachází se na kartě" Prvky rozložení ".

Přidejte sloupce wordpress

V levém sloupci uvidíte skok ukazatele myši a v pravém sloupci se objeví zástupný symbol pro text.

Sloupce na wordpress gutenbeg

Jak vidíte na snímku obrazovky výše, blok sloup zpočátku se zdá být prázdná oblast. Pokud podržíte myš doleva, uvidíte okraj zvýrazněného bloku.

Rovněž uvidíte parametry bloku v pravém sloupci obrazovky.

Příklad gutenbergových sloupůVe výchozím nastavení blok sloupců přidá dva sloupce. Počet sloupců, které chcete přidat, můžete zvýšit v nastavení bloku vpravo. To vám umožní přidat až šest sloupců na jeden řádek.

Upravte sloupce gutenberg wordpressStačí kliknout na sloupec a začít psát a přidávat obsah. Pomocí klávesy Tab na klávesnici se můžete přesunout do dalšího sloupce.

Přejít na další sloupec wordpressPřidání multimediálního a jiného obsahu do sloupců

Kromě textového obsahu můžete do sloupců WordPress přidávat také obrázky a videa.

Blok sloupců umožňuje přidat bloky do každého sloupce. Stačí najet myší nad sloupec a všimnete si „Přidejte nový blokUvnitř. Blok můžete také přidat zadáním názvu bloku.

Přidejte obrázek do sloupce

Vybraný blok se objeví ve sloupci. Můžete tam jít a přidat obsah.

Chcete-li nahrát - nahrát - vaše média, objevte náš článek na Jak nahrát hromadná média do aplikace WordPress

Blok obrazu sloupce Gutenberg

Takto může vypadat váš nový sloupec v WordPress téma výchozí Dvacet Devatenáct. V tomto příkladu používáme tři sloupce a poslední sloupec obsahuje obrázek.

Obrázek přidat sloupec gutenberg

Pokud chcete pouze přidat obrázek a text na stranu, můžete také použít blok Média a text Místo sloupců. Tento blok je speciálně navržen pro zobrazení médií, jako jsou obrázky a videa, vedle textu.

Textová média blokující Wordpress

Přidání několika sloupců v klasickém editoru WordPress

Pokud jste neupgradovali WordPress na Gutenberg a stále používáteklasický editork vytvoření rozvržení mřížky je třeba nainstalovat samostatný plugin sloupců.

Začněte instalací a aktivací pluginu Lehké sloupce mřížky

Podrobné pokyny najdete v našem podrobném průvodci nainstalovat plugin do WordPress.

Po aktivaci můžete vytvořit novou zprávu nebo otevřít starou zprávu, kterou chcete upravit. Poté klikněte na „ Přidejte sloupce Na panelu nástrojů vizuálního editoru.

Přidejte sloupce wordpress klasický editorNyní uvidíte vyskakovací okno, které vám umožní přidat váš první sloupec. Můžete si vybrat, jakou plochu může váš sloupec na stolních počítačích, tabletech a mobilních zařízeních různě pokrýt.

Jděte dále objevováním Jak vytvořit celé šířce stránky na WordPress

Pokud například nastavíte procento mřížky pracovní plochy 50%, bude sloupec pokrývat polovinu řádku.

Definujte procento sloupců

Má mnoho možností nastavení šířky sloupce, od 5% do 100% s intervalem 5. Jeden si můžete vybrat kliknutím na rozbalovací nabídku.

Možnost šířky sloupce

Poté musíte přidat obsah svého sloupce do oblasti „Obsah“ a kliknutím na tlačítko „OK“ jej vložit do své publikace.

Obsah sloupce divi

Plugin vygeneruje požadovaný zkrácený kód s vaším obsahem a přidá jej do editoru příspěvků.

Objevte v tomto tutoriálu Jak nainstalovat a nakonfigurovat plugin WP Super Cache zlepšit výkon vašeho blogu.

Přidán sloupec v klasickém editoru WordPress

Nyní, když je přidán váš první sloupec, můžete postup opakovat a přidat další sloupce. U posledního sloupce nezapomeňte zaškrtnout políčko 'Poslední sloupec řádku".

Přidejte další sloupec v klasickém editoru WordPress

Poté budete moci svůj náhled uložit a zobrazit jej. Jak to vypadá na našem testovacím webu Dvacet sedmnáct.

Sloupec přidal ukázku wordpressu

Pokud chcete také najít témata WordPress, která vám pomohou vytvořit sloupce na vašich stránkách nebo publikaci, zde jsou témata 3 WordPress premium ideální pro tento úkol.

1. TheGem

Existuje spousta Témata WordPress který může tvrdit, že nabízí rozložení OnePage, ale žádný nemůže nabídnout tolik možností a funkcí, které má šablona TheGem WordPress. 

Thegem víceúčelová wordpress témata vytvářejí webové stránky

Jsou zde přítomny všechny designové prvky, které spojujete s dobrým webem OnePage WordPress téma : posuvník na celou obrazovku (který lze vytvořit pomocí pluginu Revolution Slider dodávaného s WordPress téma), výběr ze šesti stylů záhlaví a možnost vytvářet sekce v plné šířce pomocí pluginu Visual Composer, který je součástí balení.

Kromě toho má řadu možností přizpůsobení pro položky, jako jsou písma, barvy a ikony. Je to vzácná věc, ale existují i ​​podrobnosti, které se nám o TheGem nelíbí. Ale v podstatě je to téma WordPress, které vám bude samozřejmě vyhovovat, vzhledem k počtu pozitivních bodů, které má. Je to silný konkurent, který by usnadnil vytvoření webové stránky OnePage.

StáhnoutDemo | Web hosting

2. Stockholm

Stockholm je téma WordPress navržené tak, aby vám pomohlo vytvořit webové stránky stavební společnosti, stavebního inženýrství nebo jakékoli společnosti související se světem renovace budov. Tento WordPress šablony je zaměřena na profesionály, kteří dbají na kvalitu a detail.

Stockholm-themes-WordPress-víceúčelový-univerzální vytvořit-site-internet

Dodává se s panelem možností a uživatelsky přívětivým backendem, které vám umožní snadno spravovat váš obsah. Existuje asi 20 ukázek této šablony představujících širokou škálu aktivit, na které lze toto téma WordPress použít. A tyto lze také použít jako základ pro budoucí přizpůsobení, aby měl váš web jedinečný vzhled.

Velmi citlivý, je zobrazen dokonale na jakémkoli typu obrazovky. Pokud se během přizpůsobení nebo instalace této šablony setkáte s potížemi, může jako vodítko sloužit kompletní dokumentace obsažená v balíčku. A pokud stále nemůžete, podpora věnovaná tomuto tématu WordPress zůstává k dispozici.

StáhnoutDemo | Web hosting

3. Jupiter

Jupiter je další velmi populární téma WordPress. Obsahuje ukázky 25, které pokrývají 6 z našich kategorií - agentura, kreativita, vzdělávání, strava, zdraví a eCommerce - a v budoucnu se k nim přidá další. Většina z jeho rozvržení má minimalistický design, s příjemnou typografií.

Jupiter-theme-WordPress-víceúčelový-univerzální vytvořit-site-internet

Jedním z hlavních prodejních bodů Jupiteru je jeho Creative Header Customizer, který vám umožňuje rychle a snadno přizpůsobit design záhlaví vašeho webu. Vizuální skladatel, posuvníky 3 (Layer, Revolution a iCarousel), nové krátké kódy 10, více než ikony 1800 a vlastní typy příspěvků 10 jsou součástí dodávky.

Jeho doba načítání stránky je také vynikající. Jedná se o skvělý produkt a bude těžké najít tolik Témata WordPress mající své vlastnosti.

StáhnoutDemo | Web hosting

Další doporučené zdroje

Chcete-li jít dále v optimalizaci vašeho blogu nebo vašeho webu, doporučujeme vám také konzultovat některé odkazy, které vás ponoří do světa Gutenbergu

Proč investovat do čističky vzduchu?

Tady ! To je pro tento tutoriál vše. Doufáme, že vám tento článek pomohl naučit se přidávat sloupce k vašim příspěvkům a stránkám WordPress. Neváhejte sdílejte tento tutoriál se svými přáteli na sociálních sítích.

Pokud máte návrhy nebo připomínky, budou vítány. Ale pokud jste nováček, zveme vás, abyste se poradili s našimi ressources.

...