Obsah
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ď
Jednorázová platba. 30denní záruka vrácení peněz.
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.
Excelente aporte!
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
Skvělé...!
Bez pluginu Classic
Takové pěkné informace! Určitěⅼү by měl číst a objev!
Vlastně mi to pomohlo, díky moc.
Díky. opravdu to pomohlo
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 🙂
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!
To je opravdu velmi užitečné. Díky
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.
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.
Jak přidat rámeček do tabulky?
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
Existuje nějaký způsob, jak sloučit buňky sloupce bez použití zásuvných modulů?
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