Jak vytvořit tabulku ve WordPressu bez pluginu

Jak vytvořit tabulku ve WordPressu bez pluginu

Hlavní myšlenku jakéhokoli systému CMS bychom definovali takto:
Snadný způsob údržby obsahu webových stránek, udržování jeho čerstvosti a přesnosti netechnickými správci. Díky tomu můžete své webové stránky používat jako primární komunikační kanál s nízkými náklady. Proto je přechod na téma a bloky Gutenberg nejlepší volbou pro dosažení vašich marketingových cílů. Výše uvedené dokazujeme tím, že představíme, jak přidat tabulku ve WordPressu bez pluginu.

Můžete najít několik příspěvků na blogu o tom, jak přidat tabulku ve WordPressu bez zásuvného modulu, které zmiňují, že to není snadné nebo že musíte použít Dokumenty Google nebo Word. No, to může být pravda, pokud jste ještě nepřešli na téma Citadela Gutenberg. Stará témata se svým nástrojem pro tvorbu stránek používají klasický editor. A tam nebyla tak snadná možnost, jakou vám dává editor Gutenberg.

Začněte hned teď

Začněte nyní s bezrizikovou zkušební verzí. Není vyžadována žádná kreditní karta.

Prozkoumejte dvě možnosti pro tabulky WordPress v Citadela

Na základě obsahu tabulky ve WordPressu máte dvě možnosti pro blok Gutenberg, který vytvoří tabulku ve WordPressu. V kombinaci s dalšími bloky získáte mnohem více možností, než si dokážete představit.

Pokud použijete prémiovou verzi Citadela, nebudete potřebovat další plugin pro přidání tabulky do WordPressu.

Blok cenové tabulky

Protože se tabulky obvykle používají k prezentaci položek a cen, vytvořili jsme speciální blok Tabulka cen, který je součástí pluginu Citadela Blocks (široce kompatibilní s většinou moderních témat WP). Můžete jej velmi snadno použít v editoru bloků WordPress k atraktivní prezentaci a správě cen.

Tento blok má pokročilá nastavení a můžete si nastavit responzivní verzi podle svých potřeb. Je k dispozici v Zásuvný modul Citadela Pro.

Cenová tabulka vytvořená pomocí speciálního bloku WP

WordPress však sám nabízí výchozí blok pro vytváření tabulek. Nazývá se jednoduše: Tabulkový blok, a můžete s jeho pomocí během několika minut vytvořit velmi jednoduchou prezentaci, například balíčků předplatného.

Tabulkový blok WordPress

Dnes se budeme podrobněji zabývat blokem tabulek a povíme si o:

Proč jsou tabulky ve WordPressu praktické

Tabulky ve WordPressu - používané v receptech na blogu o jídle
Tabulky vám pomohou lépe uspořádat všechny ingredience v receptech.

Tabulky mají univerzální použití v příspěvcích a stránkách. Základní funkcí je uspořádání dat nebo čísel. Tabulky jsou přínosné také pro blogery. Například cestovatelští blogeři mohou porovnávat ceny jednotlivých destinací. Blogeři zabývající se jídlem mohou snadno vytvořit seznam ingrediencí nebo požadovaného množství.

V neposlední řadě je možné použít tabulky pro prezentaci otevírací doby nebo cenové tabulky služeb a produktů. Nezáleží na tom, zda máte webové stránky restaurace, kosmetického salonu nebo pekárny. Využití pro tabulky na svých webových stránkách určitě najdete.

Jak použít blok Tabulka a vytvořit tabulku ve WordPressu (bez pluginu)

Vytváření tabulek ve WordPressu pomocí blokového editoru je hračka. Pomocí bloku Tabulka můžete vytvořit tabulky na několik kliknutí bez zásuvného modulu nebo kódování. Pojďme se podívat, jak to funguje:

  • Jako první je třeba vložit blok tabulky WordPress. Můžete to udělat kliknutím na "+", které se nachází v horní liště nebo kdekoli v editoru. Poté můžete vybrat konkrétní blok.
Přidání tabulek ve WordPressu kliknutím na "+"
Přidání tabulek kliknutím na "+"

Blok tabulky je možné vložit také pomocí lomítka "/", které následuje za slovem "table", a vyhledat tak blok tabulky.

Přidání bloku tabulky s lomítkem "/"
Přidávání tabulek pomocí lomítka "/"

Po přidání bloku Tabulka na stránku nebo do příspěvku musíte nastavit základní nastavení, například počet sloupců a řádků.

Blok tabulky se základními nastaveními
Po vytvoření tabulky nastavíme počet sloupců a řádků.

Prozkoumejte nejnovější téma Citadela, kde můžete vytvářet tabulky pomocí bloku WordPress Table a také používat naše vlastní bloky. Zjistěte více o Citadela, které si můžete přizpůsobit pomocí balíčků rozvržení vyvinutých pro konkrétní typy podnikání.

Nastavení bloku tabulek na panelu nástrojů

Nyní víte, jak vytvořit tabulku ve WordPressu. Dále si ukážeme, jak s ní pracovat.

Horní panel nástrojů nad tabulkou umožňuje provádět změny stylování a formátování. Pomocí těchto nastavení můžete změnit, jak bude tabulka vypadat. Nezapomeňte, že konečný vzhled vždy závisí na aktivním tématu WordPressu, které používáte.

Co lze změnit?

1. Blokové styly

Pomocí první ikony můžete vybrat styly tabulek. Můžete si vybrat jednu ze 2 možností:

  • Výchozí - buňky tabulky budou mít okraje bez pozadí. Barvu pozadí pro celý blok lze přidat později.
  • Pruhy - tabulky bez ohraničení, ale každý druhý řádek bude zvýrazněn pomocí pozadí. Tento styl je modernější a méně formální.
Výchozí styl bloku a styl bloku Pruhy
Zvolte si styl bloku tabulky mezi výchozím vzhledem nebo vzhledem pruhu.

2. Zarovnání bloku tabulky WordPress

Zarovnání tabulky lze změnit také v horním panelu nástrojů nad blokem. Můžete si vybrat jedno z klasických zarovnání, například vlevo, vpravo nebo na střed, ale můžete také nastavit tabulku na šířku nebo na celou šířku. Dostupnost posledních dvou vždy závisí na aktivním tématu WordPressu, které používáte.

3. Formátování obsahu tabulky

Text nebo čísla uvnitř tabulek lze nastavit na tučné písmo nebo kurzívu. Můžete přidat odkaz na jinou stránku, graf nebo obrázek.

4. Zarovnání textu v tabulce

Nejnovější verze WP umožňuje zarovnat nejen celou tabulku, ale i text uvnitř řádků. Nyní můžete zarovnat vložený text na každém řádku zvlášť. Tato funkce vám pomůže vytvořit hezčí tabulku.

5. Počet sloupců a řádků

Jak přidat sloupce nebo řádky tabulky ve WordPressu? V bloku Tabulka je to velmi snadné. Tento blok umožňuje velmi rychle přidávat nebo odebírat buňky. Stačí kliknout na "Upravit tabulku" a poté na akci, kterou chcete provést. Pokud kliknete na "Přidat řádek po", vytvoří se nový řádek hned dole.

Přidání řádku za ve vytvořené tabulce
Snadný způsob přidání dalšího řádku pouhými 2 kliknutími

Nastavení bloku tabulky WordPress v inspektoru

Zatímco horní panel nástrojů umožňuje měnit nastavení buněk tabulky, panel nástrojů na pravé straně nazvaný Inspektor slouží ke složitějšímu nastavení bloku Tabulka. Také zde můžete nastavit styly bloku (Výchozí nebo Pruhy), ale co víc, můžete také nastavit barvu pozadí a šířku tabulky.

Nastavení stolu

Ve výchozím nastavení se buňky tabulky dynamicky přizpůsobují množství textu, který se v nich nachází. Můžete také povolit funkci "Pevná šířka buněk tabulky". Všechny buňky budou mít stejnou šířku bez ohledu na to, co do nich vložíte.

Funkce pevně nastavené šířky buněk tabulky
Pokud povolíte funkci "Pevná šířka buněk tabulky", budou mít všechny buňky stejnou velikost.

Nastavení barev

Inspektor také umožňuje změnit barvu pozadí tabulky. Pokud jste vybrali Výchozí styl, bude mít celá tabulka stejnou barvu pozadí. Pokud jste vybrali možnost Pruhy, bude mít pozadí nastaveno pouze každý druhý řádek.

Nastavení barev bloku Tabulka
Změna barvy bloku

Nově přidaná funkce: Podpora záhlaví a zápatí

Aby byly tabulky přístupnější, přidali vývojáři do bloku Tabulka ve WordPressu možnost záhlaví a zápatí. Tato funkce také poskytuje lepší strukturální definici (dat) a poskytuje přesnější informace mobilním asistentům. Struktura tabulky nyní zahrnuje <thead>, <tfoot>a <tbody> k identifikaci a rozlišení záhlaví, zápatí a těla tabulky. Sekci záhlaví a zápatí můžete povolit nebo zakázat přímo v aplikaci Inspector.

Blok tabulky Wordpress
Nyní můžete do tabulky přidat záhlaví a zápatí.

Extra tip: Jak vytvořit tabulku ve WordPressu bez pluginu vedle obrázku

Potřebujete mít tabulku a obrázek vedle sebe? K tomu potřebujete použít blok Sloupce. Tento blok vám umožní vkládat různé typy obsahu do sloupců a mít je pěkně zarovnané.

Jak na to?

Vložte blok tabulky do jednoho sloupce a blok obrázku do druhého. Dosáhnete vnořené tabulky uvnitř bloku sloupců WordPressu vedle obrázku. Je to velmi jednoduché a nemusíte se starat o zarovnání nebo responzivní verzi.

Vnořená tabulka v bloku Sloupce WordPress
Pomocí bloku Sloupce můžete vedle obrázku umístit tabulku.

Více informací o sloupcovém bloku si můžete přečíst v našem článku. Jak vytvořit sloupce ve WordPressu bez pluginu.

14 komentářů k: “How to Create Table in WordPress without plugin

  1. Velmi dobrý příspěvek, wordpress mají možnosti, které tuny uživatelů nevidí, Váš příspěvek to objasnit. Je to,to zemřel tabulky pluginy

  2. Takové pěkné informace! Určitěⅼү by měl číst a objev!
    Vlastně mi to pomohlo, díky moc.

  3. Velmi užitečné. Skvělé se dozvědět o nových funkcích bloku Gutenberg. Pokračujte v dobré práci! Přeji hezký den 🙂

  4. Chybí mu základní vlastnost, tj. citlivost.

    Pokud zobrazím tabulku v mobilu s 6 a více sloupci, je komprimovaná a vypadá hrozně.
    Měli by ho alespoň otestovat!

  5. Po vytvoření tabulky je dalším krokem její přidání do příspěvku. Za tímto účelem musíte nejprve zkopírovat zkrácený kód tabulky. To provedete tak, že přejdete na stránku TablePress Všechny tabulky. Poté vyhledejte tabulku, kterou chcete zkopírovat, a pod ní klikněte na tlačítko Zobrazit zkratku? Po kliknutí se zobrazí vyskakovací upozornění se zkráceným kódem.

  6. Nechápu, proč vývojáři WordPressu nepřemýšleli o tom, že by tabulka byla v roce 2020 responzivní. Jak je to vůbec možné? Než se tak stane, budou se tedy ještě používat zásuvné moduly, které to vyřeší. Podle mého upřímného názoru. Přesto skvělý článek.

    1. Dobrý den,

      Děkujeme za optání. Ve výchozím nastavení není v administraci panelu žádná možnost správy. Možná byste mohl zvážit použití jiného typu bloku tabulky. Podívejte se prosím na ten, který poskytuje PublishPress Blocks (kde můžete spravovat různé typy rámečků, barvy, písma, pozadí atd.

      Přeji hezký den!
      Zlatko
      Tým AIT

        1. Dobrý den,

          Děkujeme za optání. Blok ošetřený komunitou WordPress prozatím neumožňuje sloučení buněk. Možná, že v budoucnu by mohla existovat možnost pro tuto funkci.
          Pokud vám můžeme pomoci s čímkoli dalším, neváhejte nás kontaktovat zpět.

          Přeji hezký den!
          Zlatko
          Tým AIT

Komentáře nejsou povoleny.