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.

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.

• Blok cenové tabulky (k dispozici pouze v Zásuvný modul Citadela Pro)
• Blok tabulky (základní blok WordPress)

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.

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.

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

• Proč jsou tabulky ve WordPressu praktické
• Jak použít blok Tabulka a vytvořit tabulku ve WordPressu (bez pluginu)
• Nastavení bloku tabulek na panelu nástrojů
• Nastavení bloku tabulky WordPress v inspektoru
• Tip navíc: Jak vložit tabulku vedle obrázku

Proč jsou tabulky ve WordPressu praktické

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.

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

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

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

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.

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.

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.

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.

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.

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.