# 314 bloků pro editor bloků WordPress URL: https://canvaswp.com/cs/blocks/ Updated: 2026-11-05 Bloky Skutečné bloky se skutečnými panely nastavení, vkládané z vkladače, který vám WordPress nabízí. Žádné shortcody, žádné vlastní plátno, žádný druhý editor, který byste se museli učit. Vše, co návštěvník vidí, je ovládací prvek v postranním panelu. Aktualizováno 5. listopadu 2026 314 Bloků celkem 228 V bezplatném tarifu 209 Ve vkladači bloků 105 Vázané na demo 10 Rodiny Knihovna ## 209 bloků, které můžete dnes vložit Filtrujte podle rodiny nebo vyhledávejte podle názvu, klíčového slova nebo toho, co blok dělá. Prémiové bloky jsou označeny a každý tarif zahrnuje všechny z nich. Vkladač bloků od WordPressu, s rodinami Canvas pod těmi základními. Nic tu není shortcode a nic neotevírá druhý editor. Hledat bloky podle názvu, popisu nebo klíčového slova Zobrazeno všech 209 bloků ### Příspěvky 31 bloků v kategorii Příspěvky ve vkladači bloků. #### Academic Works Zdarma Záznamy portfolia tak, jak je zobrazuje akademický design: řádky knih, karty časopiseckých článků a podrobnosti o záznamu na jeho stránce. #### Agency Works Zdarma Zobrazte projekty portfolia jako karusel nebo mřížku v agenturním stylu, nebo vykreslete jednu stránku projektu (atributy, výzva ke kontaktu, související projekty). [Podívejte se na živou ukázku: Agency Works na stránce Portfolio (otevře se v nové záložce)](https://demos.canvaswp.com/agency/works/) #### Blog Archive Loop Zdarma Smyčka blogu pro hlavní dotaz (index, kategorie, štítek, autor, datum). Používá části šablony blog-entry a stránkování. [Podívejte se na živou ukázku: Blog Archive Loop na stránce Domů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/) [Nastavení bloku Blog Archive Loop v dokumentaci](https://docs.canvaswp.com/block-blog-archive) #### Blog Loop Zdarma Sestavitelná smyčka příspěvků blogu. Sestavte kartu každého příspěvku z bloků Post Image, Post Title, Post Meta a Post Excerpt. Kontejner, stránkování a prvky časové osy se řídí rozvržením. [Podívejte se na živou ukázku: Blog Loop na stránce Blog | Mřížka (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-grid/) [Nastavení bloku Blog Loop v dokumentaci](https://docs.canvaswp.com/block-blog-loop) #### Blog Single Post Zdarma Rozvržení jednoho blogového příspěvku (nadpis, meta údaje, obrázek, obsah, štítky, sdílení, navigace, autor, komentáře, související obsah a postranní panel). Pro single.html. [Nastavení bloku Blog Single Post v dokumentaci](https://docs.canvaswp.com/block-blog-single) #### Construction Projects Zdarma Zobrazte projekty z typu příspěvku Projects jako portfoliovou mřížku (2 až 5 sloupců), nebo vykreslete jednu stránku projektu (atributy, výzva ke kontaktu, související projekty). [Podívejte se na živou ukázku: Construction Projects na stránce Projekty | 5 sloupců (otevře se v nové záložce)](https://demos.canvaswp.com/construction/projects-5/) #### Illustrator Works Zdarma Položky portfolia jako filtrovatelná mřížka čtvercových karet s barevnými rámečky, nebo jednotlivé části stránky jednoho projektu. [Podívejte se na živou ukázku: Illustrator Works na stránce Domů (otevře se v nové záložce)](https://demos.canvaswp.com/illustrator/) #### Interior Projects Zdarma Zobrazuje projekty studia z typu příspěvku Projects jako filtrovatelnou mřížku portfolia nebo jednotlivou stránku projektu (postranní panel s podrobnostmi, výzva ke konzultaci, související projekty). [Podívejte se na živou ukázku: Interior Projects na stránce Stonecroft (otevře se v nové záložce)](https://demos.canvaswp.com/interior-design/portfolio/stonecroft/) #### Law Firm Cases Zdarma Zobrazuje projekty z typu příspěvku Portfolio jako karty nebo vykreslí jednu stránku projektu (atributy, výzvu ke kontaktu, související projekty). [Podívejte se na živou ukázku: Law Firm Cases na stránce Nedávné případy (otevře se v nové záložce)](https://demos.canvaswp.com/law-firm/recent-cases/) #### Photo Shots Zdarma Zobrazte fotografie z typu příspěvku Shots jako rozbalovací náhledovou mřížku nebo vykreslete jednotlivou stránku snímku (rámeček, podrobnosti o snímku, výzva k dotazu, související snímky). [Podívejte se na živou ukázku: Photo Shots na stránce Prozkoumat (otevře se v nové záložce)](https://demos.canvaswp.com/photography/explore/) #### Post Archive Index Zdarma Záznamy s datem a titulkem, volitelně seskupené podle roku a měsíce: rejstřík „všeho, co jsme publikovali“. [Nastavení bloku Post Archive Index v dokumentaci](https://docs.canvaswp.com/block-post-archive-index) #### Post Author Zdarma Zobrazuje aktuální kartu s biografií autora příspěvku, včetně avataru, zobrazovaného jména a životopisného popisu. [Podívejte se na živou ukázku: Post Author na stránce Pomalý web: proč se nejlepší čtenářské zážitky stávají klidnějšími (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) [Nastavení bloku Post Author v dokumentaci](https://docs.canvaswp.com/block-post-author) #### Post Comments Zdarma Vykreslí předlohu komentářů WordPressu včetně seznamu komentářů a formuláře pro odeslání. [Podívejte se na živou ukázku: Post Comments na stránce Pomalý web: proč se nejlepší čtenářské zážitky stávají klidnějšími (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) [Nastavení bloku Post Comments v dokumentaci](https://docs.canvaswp.com/block-post-comments) #### Post Content Zdarma Zobrazuje celý obsah aktuálního příspěvku a spouští všechny filtry obsahu, včetně shortcodů a vložených médií. [Podívejte se na živou ukázku: Post Content na stránce Toto je standardní příspěvek s náhledovým obrázkem (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2021/02/10/blog-single/) [Nastavení bloku Post Content v dokumentaci](https://docs.canvaswp.com/block-post-content) #### Post Date Zdarma Samotné datum publikace záznamu pro podpis autora, který seznam metadat nedokáže vykreslit. [Podívejte se na živou ukázku: Post Date na stránce Pomalý web: proč se nejlepší čtenářské zážitky stávají klidnějšími (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) [Nastavení bloku Post Date v dokumentaci](https://docs.canvaswp.com/block-post-date) #### Post Excerpt Zdarma Zobrazí úryvek aktuálního příspěvku zkrácený po celých slovech, s nastavitelnou délkou. [Podívejte se na živou ukázku: Post Excerpt na stránce Blog | Mřížka (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-grid/) [Nastavení bloku Post Excerpt v dokumentaci](https://docs.canvaswp.com/block-post-excerpt) #### Post Image Zdarma Zobrazuje obrázek aktuálního příspěvku s nastavitelnou velikostí a volitelným odkazem na jeho trvalou adresu. [Podívejte se na živou ukázku: Post Image na stránce Blog | Smíšený kanál (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-mixed-feed/) [Nastavení bloku Post Image v dokumentaci](https://docs.canvaswp.com/block-post-image) #### Post Media Zdarma Mediální prvek aktuálního příspěvku: jeho úvodní obrázek, vložené video nebo audio, galerijní slider, mřížka miniatur, citace, odkaz nebo stavová karta, vybraný podle formátu příspěvku. [Podívejte se na živou ukázku: Post Media na stránce Blog | Časová osa, levý postranní panel (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-timeline-left-sidebar/) [Nastavení bloku Post Media v dokumentaci](https://docs.canvaswp.com/block-post-media) #### Post Meta Zdarma Zobrazuje nastavitelná metadata příspěvku včetně data, autora, kategorií a počtu komentářů. [Podívejte se na živou ukázku: Post Meta na stránce Blog | Smíšený kanál (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-mixed-feed/) [Nastavení bloku Post Meta v dokumentaci](https://docs.canvaswp.com/block-post-meta) #### Post Navigation Zdarma Zobrazuje odkazy na předchozí a následující příspěvek k aktuálnímu příspěvku. [Podívejte se na živou ukázku: Post Navigation na stránce Pomalý web: proč se nejlepší čtenářské zážitky stávají klidnějšími (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) [Nastavení bloku Post Navigation v dokumentaci](https://docs.canvaswp.com/block-post-navigation) #### Post Read More Zdarma Vykresluje odkaz nebo tlačítko Číst dále, které vede na trvalý odkaz aktuálního příspěvku. [Podívejte se na živou ukázku: Post Read More na stránce Domů (otevře se v nové záložce)](https://demos.canvaswp.com/speaker/) [Nastavení bloku Post Read More v dokumentaci](https://docs.canvaswp.com/block-post-read-more) #### Post Reading Bar Zdarma Zobrazuje ovládací prvky pro dobu čtení, velikost písma, tisk a sdílení při posouvání u aktuálního příspěvku. [Podívejte se na živou ukázku: Post Reading Bar na stránce Toto je standardní příspěvek s náhledovým obrázkem (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2021/02/10/blog-single/) [Nastavení bloku Post Reading Bar v dokumentaci](https://docs.canvaswp.com/block-post-reading-bar) #### Post Reading Time Zdarma Doba čtení záznamu, vypočtená z jeho vlastního obsahu. [Podívejte se na živou ukázku: Post Reading Time na stránce Pomalý web: proč se nejlepší čtenářské zážitky stávají klidnějšími (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) [Nastavení bloku Post Reading Time v dokumentaci](https://docs.canvaswp.com/block-post-reading-time) #### Post Related Zdarma Zobrazuje mřížku souvisejících příspěvků ze stejných kategorií jako aktuální příspěvek. [Podívejte se na živou ukázku: Post Related na stránce Pomalý web: proč se nejlepší čtenářské zážitky stávají klidnějšími (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/) [Nastavení bloku Post Related v dokumentaci](https://docs.canvaswp.com/block-post-related) #### Post Share Zdarma Zobrazuje odkazy pro sdílení aktuálního příspěvku na sociálních sítích, s nastavitelnými sítěmi, stylem a velikostí. [Podívejte se na živou ukázku: Post Share na stránce Event Single (otevře se v nové záložce)](https://demos.canvaswp.com/classic/event-single/) [Nastavení bloku Post Share v dokumentaci](https://docs.canvaswp.com/block-post-share) #### Post Terms Zdarma Zobrazuje termy taxonomie (kategorie nebo štítky) aktuálního příspěvku ve stylu textu, odznaku, pilulky, oblaku štítků nebo kategorie v řádku. [Podívejte se na živou ukázku: Post Terms na stránce Blog | Smíšený kanál (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-mixed-feed/) [Nastavení bloku Post Terms v dokumentaci](https://docs.canvaswp.com/block-post-terms) #### Post Title Zdarma Zobrazuje aktuální titulek příspěvku v nastavitelné značce nadpisu s volitelným odkazem na trvalý odkaz. [Podívejte se na živou ukázku: Post Title na stránce Blog | Smíšený kanál (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-mixed-feed/) [Nastavení bloku Post Title v dokumentaci](https://docs.canvaswp.com/block-post-title) #### Post Table of Contents Zdarma Obsah tvořený nadpisy příspěvku s funkčními kotvami a ukazatelem, který sleduje čtenáře. [Podívejte se na živou ukázku: Post Table of Contents na stránce Praktický průvodce designovými tokeny, které přežijí rebranding (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2026/03/05/design-tokens-that-survive-a-rebrand/) [Nastavení bloku Post Table of Contents v dokumentaci](https://docs.canvaswp.com/block-post-toc) #### Příspěvky Zdarma Načítá a zobrazuje příspěvky v různých rozloženích, včetně mřížky, seznamu, masonry a časové osy. Podporuje filtrování podle kategorie, štítku a vlastního typu příspěvku, stejně jako řazení. [Podívejte se na živou ukázku: Příspěvky na stránce Blog | Mřížka (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-grid/) [Nastavení bloku Příspěvky v dokumentaci](https://docs.canvaswp.com/block-posts) #### Recent Comments Zdarma Nejnovější schválené komentáře z celého webu, každý s avatarem komentujícího, jménem a prvními slovy, která odkazují do vlákna. [Podívejte se na živou ukázku: Recent Comments na stránce Widgety (otevře se v nové záložce)](https://demos.canvaswp.com/classic/widgets/) [Nastavení bloku Recent Comments v dokumentaci](https://docs.canvaswp.com/block-recent-comments) #### Resume Works Zdarma Zobrazte projekty z typu příspěvku Works jako kompaktní seznam nebo mřížku dlaždic, nebo vykreslete jednotlivou stránku projektu (atributy, výzvu k akci, související projekty). [Podívejte se na živou ukázku: Resume Works na stránce Projekty (otevře se v nové záložce)](https://demos.canvaswp.com/resume/works/) ### Obsah 30 bloků, uvedených v kategorii Obsah v nástroji pro vkládání bloků. #### Background Video / Audio Zdarma Smyčkově se opakující video nebo audio ve vlastním hostingu pro hero sekci, pozadí sekce nebo navržený přehrávač. Vykresluje pouze mediální prvek, takže obal, který jej umísťuje, zůstává na vás. [Podívejte se na živou ukázku: Background Video / Audio na stránce Akce s médii (otevře se v nové záložce)](https://demos.canvaswp.com/classic/media-actions/) [Nastavení bloku Background Video / Audio v dokumentaci](https://docs.canvaswp.com/block-background-video) #### Cascading Images Součástí každého tarifu Vrstvené skládání obrázků s nastavením posunu, otočení, měřítka, z-indexu a zpoždění animace pro každý obrázek zvlášť a s volitelnými dekorativními tvary pozadí. [Podívejte se na živou ukázku: Cascading Images na stránce Cascading Images (otevře se v nové záložce)](https://demos.canvaswp.com/classic/cascading-images/) [Nastavení bloku Cascading Images v dokumentaci](https://docs.canvaswp.com/block-cascading-images) #### Chart Součástí každého tarifu Vykreslete graf z datové sady, kterou dodáte, aby bylo možné údaje z reportu nebo srovnání cen přečíst na první pohled. Typ grafu, jeho data i popisky vycházejí z konfigurace, kterou zadáte. [Podívejte se na živou ukázku: Chart na stránce Služby - Rozvržení 1 (otevře se v nové záložce)](https://demos.canvaswp.com/classic/services/) [Nastavení bloku Chart v dokumentaci](https://docs.canvaswp.com/block-chart) #### Circle Stack Součástí každého tarifu Vodorovná řada kruhových avatarů, ikon nebo textových štítků: ideální pro upoutávky na tým, sociální důkaz a počty sledujících. [Podívejte se na živou ukázku: Circle Stack na stránce Circle Stacks (otevře se v nové záložce)](https://demos.canvaswp.com/classic/circle-stack/) [Nastavení bloku Circle Stack v dokumentaci](https://docs.canvaswp.com/block-circle-stack) #### Klienti Zdarma Umožňuje zobrazit loga klientů, partnerů nebo značek v responzivní mřížce nebo v karuselu owl-carousel s volitelným odkazem a podporou lightboxu. [Podívejte se na živou ukázku: Klienti na stránce Klienti (otevře se v nové záložce)](https://demos.canvaswp.com/classic/clients/) [Nastavení bloku Klienti v dokumentaci](https://docs.canvaswp.com/block-clients) #### Data Table Součástí každého tarifu Uspořádejte řádky a sloupce strukturovaných informací, například seznam specifikací nebo srovnání tarifů, se záhlavími sloupců, podle kterých mohou návštěvníci třídit, a s volitelným souhrnným řádkem na konci. [Podívejte se na živou ukázku: Data Table na stránce Profil uživatele (otevře se v nové záložce)](https://demos.canvaswp.com/classic/profile/) [Nastavení bloku Data Table v dokumentaci](https://docs.canvaswp.com/block-data-table) #### Map Zdarma Mapa Google Maps nebo OpenStreetMap s vlastními značkami, úrovní přiblížení a u Google Maps také s přepsáním typu a stylu mapy. [Podívejte se na živou ukázku: Map na stránce Mapy (otevře se v nové záložce)](https://demos.canvaswp.com/classic/maps/) [Nastavení bloku Map v dokumentaci](https://docs.canvaswp.com/block-google-map) #### Hover Card Zdarma Karta s obrázkem, která se pod kurzorem naklání do 3D, s titulkem a popiskem kategorie, které se zvedají směrem k divákovi. [Podívejte se na živou ukázku: Hover Card na stránce Hover Parallax (otevře se v nové záložce)](https://demos.canvaswp.com/classic/hover-parallax/) [Nastavení bloku Hover Card v dokumentaci](https://docs.canvaswp.com/block-hover-card) #### Icon Browser Zdarma Prohledatelný referenční přehled všech ikon v povolených sadách ikon. [Podívejte se na živou ukázku: Icon Browser na stránce Ikony (otevře se v nové záložce)](https://demos.canvaswp.com/classic/icons/) [Nastavení bloku Icon Browser v dokumentaci](https://docs.canvaswp.com/block-icon-browser) #### Inline SVG Zdarma Vektorová ikona vykreslená z dat cest SVG, s velikostí, barvou, viewBox a průhledností každé vrstvy jako ovládacími prvky v bočním panelu. [Podívejte se na živou ukázku: Inline SVG na stránce Ceník (otevře se v nové záložce)](https://demos.canvaswp.com/classic/pricing/) [Nastavení bloku Inline SVG v dokumentaci](https://docs.canvaswp.com/block-inline-svg) #### Link Tiles Zdarma Mřížka dlaždic s ikonou a popiskem, každá odkazuje na stránku. Dlaždice, které odkazují na stránku, jež neexistuje, se vynechají. [Podívejte se na živou ukázku: Link Tiles na stránce Skupiny seznamů a karty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/lists-cards/) [Nastavení bloku Link Tiles v dokumentaci](https://docs.canvaswp.com/block-link-tiles) #### Lists & Cards Zdarma Seznamové skupiny a karty na bázi Bootstrap s více styly, barvami a rozloženími. [Podívejte se na živou ukázku: Lists & Cards na stránce Skupiny seznamů a karty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/lists-cards/) [Nastavení bloku Lists & Cards v dokumentaci](https://docs.canvaswp.com/block-list-cards) #### Media Embed Zdarma Vložte na stránku přehrávač videa nebo zvuku z hostingové služby, ze souboru, který jste nahráli, nebo z vkládací adresy, kterou vám poskytovatel dal, a nastavte jeho velikost podle zvoleného poměru stran. [Podívejte se na živou ukázku: Media Embed na stránce Vložení médií (otevře se v nové záložce)](https://demos.canvaswp.com/classic/media-embeds/) [Nastavení bloku Media Embed v dokumentaci](https://docs.canvaswp.com/block-media-embed) #### Nav Tree Zdarma Vícestupňový strom odkazů s odsazením: navigační seznam, který používá boční panel nebo postranní panel dokumentace. [Nastavení bloku Nav Tree v dokumentaci](https://docs.canvaswp.com/block-nav-tree) #### Navbar Zdarma Sbalitelná navigační lišta s logem, přepínačem hamburger, rozbalovacími odkazy a volitelným vyhledávacím formulářem, tlačítkem nebo textem na konci. [Podívejte se na živou ukázku: Navbar na stránce Navigace (otevře se v nové záložce)](https://demos.canvaswp.com/classic/navigation/) [Nastavení bloku Navbar v dokumentaci](https://docs.canvaswp.com/block-navbar) #### Overlay Content Zdarma Jedna vrstva obsahu uvnitř překryvu: zarovnaná, volitelně maskovaná, s ikonami spouštěčů a vnořenými bloky. [Podívejte se na živou ukázku: Overlay Content na stránce Překryvy položek (otevře se v nové záložce)](https://demos.canvaswp.com/classic/item-overlays/) [Nastavení bloku Overlay Content v dokumentaci](https://docs.canvaswp.com/block-overlay-content) #### Overlay Item Zdarma Karta s obrázkem a překryvem nad ním: odznak, vrstva zabarvení a jedna nebo více vrstev obsahu překryvu. [Podívejte se na živou ukázku: Overlay Item na stránce Překryvy položek (otevře se v nové záložce)](https://demos.canvaswp.com/classic/item-overlays/) [Nastavení bloku Overlay Item v dokumentaci](https://docs.canvaswp.com/block-overlay-item) #### Titulek stránky Zdarma Lišta titulku stránky / hero. Vložte do ní nadpis, podnadpis a drobečkovou navigaci; zvolte zarovnání, obrázek na pozadí, paralaxu a tmavé barevné schéma. [Podívejte se na živou ukázku: Titulek stránky na stránce Titulek stránky, rozvržení se zarovnáním vlevo (otevře se v nové záložce)](https://demos.canvaswp.com/classic/page-title/) [Nastavení bloku Titulek stránky v dokumentaci](https://docs.canvaswp.com/block-page-title) #### Page Title Buttons Zdarma Tlačítka akcí v pásu titulku stránky. V dynamickém režimu čte tlačítka každé stránky, nebo zobrazí tlačítka, která zde vytvoříte. Tlačítko bez odkazu se stane spouštěčem posouvání. [Podívejte se na živou ukázku: Page Title Buttons na stránce Tlačítka (otevře se v nové záložce)](https://demos.canvaswp.com/classic/buttons/) [Nastavení bloku Page Title Buttons v dokumentaci](https://docs.canvaswp.com/block-page-title-buttons) #### Particles Zdarma Animovaná vrstva pozadí s částicemi pro sekci: čárová síť, hvězdné pole, bubliny, sníh nebo low poly. [Podívejte se na živou ukázku: Particles na stránce Particles (otevře se v nové záložce)](https://demos.canvaswp.com/classic/particles/) [Nastavení bloku Particles v dokumentaci](https://docs.canvaswp.com/block-particles) #### Preloader Zdarma Animovaný CSS indikátor načítání v kterémkoli ze stylů loaderů designového systému. [Podívejte se na živou ukázku: Preloader na stránce Preloadery (otevře se v nové záložce)](https://demos.canvaswp.com/classic/preloaders/) [Nastavení bloku Preloader v dokumentaci](https://docs.canvaswp.com/block-preloader) #### Pricing Switcher Součástí každého tarifu Přepínač, který ovládá zobrazení měsíčních/ročních (nebo jakýchkoli dvoustavových) cen napříč spárovanými bloky Canvas Pricing Table. [Podívejte se na živou ukázku: Pricing Switcher na stránce Ceník (otevře se v nové záložce)](https://demos.canvaswp.com/classic/pricing/) [Nastavení bloku Pricing Switcher v dokumentaci](https://docs.canvaswp.com/block-pricing-switcher) #### Q&A Item Zdarma Jedna otázka a její odpověď, každá se svou vlastní značkou: základní stavební prvek rozhovoru. [Podívejte se na živou ukázku: Q&A Item na stránce Jane Doe o dvaceti letech typologie budov (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2026/02/11/jane-doe-on-building-type/) [Nastavení bloku Q&A Item v dokumentaci](https://docs.canvaswp.com/block-qa-item) #### Rounded Skill Zdarma Jeden kruhový ukazatel dovedností, který se naplní do odpovídajícího procenta a uprostřed zobrazí číslo, vlastní text, ikonu nebo počítadlo. [Podívejte se na živou ukázku: Rounded Skill na stránce Pie & Skills (otevře se v nové záložce)](https://demos.canvaswp.com/classic/pie-skills/) [Nastavení bloku Rounded Skill v dokumentaci](https://docs.canvaswp.com/block-rounded-skill) #### Scroll Arrow Součástí každého tarifu Animovaná šipka pro posun dolů v hero sekcích: plynule přejde na kotvu cílové sekce. [Podívejte se na živou ukázku: Scroll Arrow na stránce Vánoční výprodej (otevře se v nové záložce)](https://demos.canvaswp.com/xmas/) [Nastavení bloku Scroll Arrow v dokumentaci](https://docs.canvaswp.com/block-scroll-arrow) #### Star Rating Zdarma Hvězdičkové hodnocení, které nastavíte jako jedno skóre. Podporuje poloviční hvězdičky, vlastní ikony a volitelný obalový prvek. [Podívejte se na živou ukázku: Star Rating na stránce Výsledky (otevře se v nové záložce)](https://demos.canvaswp.com/beauty-kit/results/) [Nastavení bloku Star Rating v dokumentaci](https://docs.canvaswp.com/block-star-rating) #### Testimonials Zdarma Zobrazte, co o vás zákazníci říkají, v mřížce, jako rotující karusel nebo jako komentářové bubliny, s autorem, fotografií a hodnocením hvězdičkami u každé citace. [Podívejte se na živou ukázku: Testimonials na stránce Testimonials a Twitter (otevře se v nové záložce)](https://demos.canvaswp.com/classic/testimonials-twitter/) [Nastavení bloku Testimonials v dokumentaci](https://docs.canvaswp.com/block-testimonials) #### Thumbnails Zdarma Mřížka miniatur obrázků s efekty při najetí a volitelnými popisky. Podporuje lightbox a překryvy s odkazy. [Nastavení bloku Thumbnails v dokumentaci](https://docs.canvaswp.com/block-thumbnails) #### Ticker Zdarma Posuvný oznamovací ticker s nastavitelnými položkami, směrem, rychlostí a stylem. [Podívejte se na živou ukázku: Ticker na stránce Tickery (otevře se v nové záložce)](https://demos.canvaswp.com/classic/ticker/) [Nastavení bloku Ticker v dokumentaci](https://docs.canvaswp.com/block-ticker) #### Twitter Feed Zdarma Rotující kanál nejnovějších tweetů účtu, načtený při načtení stránky. Vyberte účet, počet zobrazených tweetů a způsob rozvržení widgetu. [Podívejte se na živou ukázku: Twitter Feed na stránce Widgety (otevře se v nové záložce)](https://demos.canvaswp.com/classic/widgets/) [Nastavení bloku Twitter Feed v dokumentaci](https://docs.canvaswp.com/block-twitter-feed) ### Canvas 29 bloků uvedených pod Canvas ve vkládači bloků. #### Alert Zdarma Upozorňovací a oznamovací boxy využívající prvek alert frameworku Bootstrap nebo systém Canvas style-msg. Podporuje vyplněné, ohraničené a rozšířené varianty s volitelnou ikonou a tlačítkem pro zavření. [Podívejte se na živou ukázku: Alert na stránce Boxy stylů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/style-boxes/) [Nastavení bloku Alert v dokumentaci](https://docs.canvaswp.com/block-alert) #### Tlačítko Zdarma Plně vybavené tlačítko s variantami stylu, velikostmi, tvary, barvami, ikonami, efekty při najetí a možnostmi stínu. [Podívejte se na živou ukázku: Tlačítko na stránce Tlačítka (otevře se v nové záložce)](https://demos.canvaswp.com/classic/buttons/) [Nastavení bloku Tlačítko v dokumentaci](https://docs.canvaswp.com/block-button) #### Code Highlight Součástí každého tarifu Blok kódu se zvýrazněnou syntaxí založený na Prism.js. Podporuje více než 15 jazyků s volitelným tlačítkem pro kopírování do schránky. [Podívejte se na živou ukázku: Code Highlight na stránce Zvýrazňovač kódu (otevře se v nové záložce)](https://demos.canvaswp.com/classic/code-highlighter/) [Nastavení bloku Code Highlight v dokumentaci](https://docs.canvaswp.com/block-code-highlight) #### Counter Zdarma Animované číselné počítadlo s ikonou, předponou a příponou a popiskem. [Podívejte se na živou ukázku: Counter na stránce Čítače (otevře se v nové záložce)](https://demos.canvaswp.com/classic/counters/) [Nastavení bloku Counter v dokumentaci](https://docs.canvaswp.com/block-counter) #### Divider Zdarma Vodorovný oddělovač s volitelnou ikonou, variantami stylu, zarovnáním, předvolbami šířky a podporou odkazů pro plynulý posun na místo na stránce. [Podívejte se na živou ukázku: Divider na stránce Oddělovače (otevře se v nové záložce)](https://demos.canvaswp.com/classic/dividers/) [Nastavení bloku Divider v dokumentaci](https://docs.canvaswp.com/block-divider) #### Dropcap Zdarma Stylizované iniciálové písmeno s doprovodným odstavcovým textem. Podporuje varianty v rámečku, s ohraničením, v kruhu a v kruhu s ohraničením, s umístěním vlevo nebo vpravo. [Podívejte se na živou ukázku: Dropcap na stránce Nadpisy a iniciály (otevře se v nové záložce)](https://demos.canvaswp.com/classic/headings-dropcaps/) [Nastavení bloku Dropcap v dokumentaci](https://docs.canvaswp.com/block-dropcap) #### Heading Zdarma Stylizovaný nadpis s volitelným podnadpisem. Podporuje typy Heading Block, Title Block, Emphasis Title a Fancy Title. [Podívejte se na živou ukázku: Heading na stránce Nadpisy a iniciály (otevře se v nové záložce)](https://demos.canvaswp.com/classic/headings-dropcaps/) [Nastavení bloku Heading v dokumentaci](https://docs.canvaswp.com/block-heading) #### Highlight Zdarma Zvýrazněný text s nastavitelnými variantami stylu: zvýrazňovač, podtržení, přechod, obrys a pouze text. Podporuje volitelný doprovodný text před a za zvýrazněním a libovolnou blokovou HTML značku. [Nastavení bloku Highlight v dokumentaci](https://docs.canvaswp.com/block-highlight) #### Icon Box Zdarma Box funkce s ikonou, nadpisem a popisem. Podporuje více stylů ikon, velikostí, rozvržení a efektů při najetí myší. [Podívejte se na živou ukázku: Icon Box na stránce Featured Boxes (otevře se v nové záložce)](https://demos.canvaswp.com/classic/featured-boxes/) [Nastavení bloku Icon Box v dokumentaci](https://docs.canvaswp.com/block-icon-box) #### Icon List Zdarma Seznam ikon s opakovatelnými položkami. Každá položka má ikonu (třídu CSS), textový popisek a volitelný odkaz. Podporuje velikostní varianty výchozí, velká a extra velká. [Podívejte se na živou ukázku: Icon List na stránce Seznamy ikon (otevře se v nové záložce)](https://demos.canvaswp.com/classic/icon-lists/) [Nastavení bloku Icon List v dokumentaci](https://docs.canvaswp.com/block-icon-list) #### Login Form Součástí každého tarifu Vykresluje přihlašovací formulář WordPress ve stylu Canvas. Přihlášeným uživatelům zobrazuje uvítací zprávu. [Podívejte se na živou ukázku: Login Form na stránce Přihlášení a registrace (otevře se v nové záložce)](https://demos.canvaswp.com/classic/login-register/) [Nastavení bloku Login Form v dokumentaci](https://docs.canvaswp.com/block-login-form) #### Oznámení Zdarma Zobrazuje vyskakovací oznámení spuštěné kliknutím na tlačítko nebo automaticky při načtení stránky. [Podívejte se na živou ukázku: Oznámení na stránce Oznámení (otevře se v nové záložce)](https://demos.canvaswp.com/classic/notifications/) [Nastavení bloku Oznámení v dokumentaci](https://docs.canvaswp.com/block-notification) #### Page Title Breadcrumbs Zdarma Zobrazí drobečkovou navigaci (Domů > Nadřazená > Aktuální) pro aktuální stránku nebo příspěvek. [Podívejte se na živou ukázku: Page Title Breadcrumbs na stránce Titulek stránky, rozvržení se zarovnáním vlevo (otevře se v nové záložce)](https://demos.canvaswp.com/classic/page-title/) [Nastavení bloku Page Title Breadcrumbs v dokumentaci](https://docs.canvaswp.com/block-page-title-breadcrumbs) #### Page Title Heading Zdarma Vykresluje titulek stránky / příspěvku jako nadpis. Podporuje dynamický (kontextový) a statický (pevný) režim zdroje. [Podívejte se na živou ukázku: Page Title Heading na stránce Titulek stránky, rozvržení se zarovnáním vlevo (otevře se v nové záložce)](https://demos.canvaswp.com/classic/page-title/) [Nastavení bloku Page Title Heading v dokumentaci](https://docs.canvaswp.com/block-page-title-heading) #### Page Title Subtitle Zdarma Vykreslí podtitulek stránky. V dynamickém režimu čte meta pole _canvas_page_subtitle, ve statickém režimu zobrazí vlastní text. [Podívejte se na živou ukázku: Page Title Subtitle na stránce Titulek stránky, rozvržení se zarovnáním vlevo (otevře se v nové záložce)](https://demos.canvaswp.com/classic/page-title/) [Nastavení bloku Page Title Subtitle v dokumentaci](https://docs.canvaswp.com/block-page-title-subtitle) #### Plain Image Zdarma Prostý prvek img (bez obalu figure) s přesnou kontrolou tříd, volitelným odkazem a volitelnou dvojicí srcset pro retina displeje (2x). [Podívejte se na živou ukázku: Plain Image na stránce Tvarové oddělovače (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shape-dividers/) [Nastavení bloku Plain Image v dokumentaci](https://docs.canvaswp.com/block-plain-image) #### Portfolio Excerpt Součástí každého tarifu Zobrazí zkrácený úryvek pro aktuální položku portfolia. [Podívejte se na živou ukázku: Portfolio Excerpt na stránce Open Imagination (otevře se v nové záložce)](https://demos.canvaswp.com/project/portfolio/open-imagination/) [Nastavení bloku Portfolio Excerpt v dokumentaci](https://docs.canvaswp.com/block-portfolio-excerpt) #### Pricing Table Součástí každého tarifu Flexibilní karta cenového boxu. Podporuje výchozí, jednoduché, minimální a rozšířené rozvržení s volitelným přepínačem cen, seznamem funkcí a tlačítkem CTA. [Podívejte se na živou ukázku: Pricing Table na stránce Ceník (otevře se v nové záložce)](https://demos.canvaswp.com/classic/pricing/) [Nastavení bloku Pricing Table v dokumentaci](https://docs.canvaswp.com/block-pricing-table) #### Process Steps Zdarma Číslované nebo ikonové indikátory kroků s přerušovanými spojovacími čarami. Volitelně zapne obsah záložek Bootstrap 5 s navigací předchozí/další. [Podívejte se na živou ukázku: Process Steps na stránce Process Steps (otevře se v nové záložce)](https://demos.canvaswp.com/classic/process-steps/) [Nastavení bloku Process Steps v dokumentaci](https://docs.canvaswp.com/block-process-steps) #### Progress Bar Zdarma Animovaný ukazatel dovednosti nebo průběhu s čítačem procent, vodorovnou nebo svislou orientací a pruhovanými vzory Bootstrap. [Podívejte se na živou ukázku: Progress Bar na stránce Ukazatele průběhu a dovednosti (otevře se v nové záložce)](https://demos.canvaswp.com/classic/progress-skills/) [Nastavení bloku Progress Bar v dokumentaci](https://docs.canvaswp.com/block-progress-bar) #### Promo Box Zdarma Propagační box s výzvou k akci, nadpisem, podtextem a tlačítkem CTA. Podporuje styly: výchozí, s ohraničením, světlý a tmavý. [Podívejte se na živou ukázku: Promo Box na stránce Promo boxy (otevře se v nové záložce)](https://demos.canvaswp.com/classic/promo-boxes/) [Nastavení bloku Promo Box v dokumentaci](https://docs.canvaswp.com/block-promo-box) #### Citace Zdarma Citace s výchozím rámečkem, ikonou uvozovek a stylem řečové bubliny. Podporuje obrácené zarovnání, patičku s citací a volitelné přepsání barvy rámečku nebo ikony. [Podívejte se na živou ukázku: Citace na stránce Citace a blokové citace (otevře se v nové záložce)](https://demos.canvaswp.com/classic/quotes-blockquotes/) [Nastavení bloku Citace v dokumentaci](https://docs.canvaswp.com/block-quote) #### Read More Zdarma Sbalitelná oblast obsahu s animovaným rozbalením a sbalením, spouštěným odkazem „Číst více“. [Podívejte se na živou ukázku: Read More na stránce Read More (otevře se v nové záložce)](https://demos.canvaswp.com/classic/read-more/) [Nastavení bloku Read More v dokumentaci](https://docs.canvaswp.com/block-read-more) #### Register Form Součástí každého tarifu Formulář pro registraci uživatelů ve stylu Canvas. Vyžaduje, aby byla v nastavení WordPressu zapnutá registrace uživatelů. [Podívejte se na živou ukázku: Register Form na stránce Přihlášení a registrace (otevře se v nové záložce)](https://demos.canvaswp.com/classic/login-register/) [Nastavení bloku Register Form v dokumentaci](https://docs.canvaswp.com/block-register-form) #### Shape Divider Zdarma Dekorativní SVG oddělovač tvarů pro přechody mezi sekcemi. [Podívejte se na živou ukázku: Shape Divider na stránce Tvarové oddělovače (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shape-dividers/) [Nastavení bloku Shape Divider v dokumentaci](https://docs.canvaswp.com/block-shape-divider) #### Social Icons Zdarma Skupina odkazů na sociální sítě s animací při najetí myší, několika styly, velikostmi a volitelným přilepeným umístěním. [Podívejte se na živou ukázku: Social Icons na stránce Social Icons (otevře se v nové záložce)](https://demos.canvaswp.com/classic/social-icons/) [Nastavení bloku Social Icons v dokumentaci](https://docs.canvaswp.com/block-social-icons) #### Stat List Zdarma Seznam údajů, kde každý tvoří tučná hodnota a krátký popisek, například roky praxe, spuštění nebo ocenění. [Podívejte se na živou ukázku: Stat List na stránce Tým (otevře se v nové záložce)](https://demos.canvaswp.com/classic/team/) [Nastavení bloku Stat List v dokumentaci](https://docs.canvaswp.com/block-stat-list) #### Styled Icon Zdarma Samostatná ikona ve výplňovém, orámovaném nebo prostém stylu, s variantami tvarů, barevnými možnostmi a volitelným odkazem. [Podívejte se na živou ukázku: Styled Icon na stránce Stylizované ikony (otevře se v nové záložce)](https://demos.canvaswp.com/classic/styled-icons/) [Nastavení bloku Styled Icon v dokumentaci](https://docs.canvaswp.com/block-styled-icon) #### Team Member Zdarma Jeden člen týmu s fotografií, jménem, rolí, medailonkem, odkazy na sociální sítě a údaji, v podobě karty, řádku seznamu, karty se statistikami, skládané karty nebo portrétu vedoucího. [Podívejte se na živou ukázku: Team Member na stránce Tým (otevře se v nové záložce)](https://demos.canvaswp.com/classic/team/) [Nastavení bloku Team Member v dokumentaci](https://docs.canvaswp.com/block-team-card) ### Interaktivní 25 bloků uvedené v kategorii Interaktivní v nástroji pro vkládání bloků. #### Accordion Zdarma Zásobník rozbalovacích panelů s nadpisy, které se otevírají a zavírají, takže dlouhý výčet otázek nebo referenčního materiálu se vejde na jednu stránku a návštěvníci rozbalí jen části, které potřebují. [Podívejte se na živou ukázku: Accordion na stránce Přepínače a akordeony (otevře se v nové záložce)](https://demos.canvaswp.com/classic/toggles-accordions/) [Nastavení bloku Accordion v dokumentaci](https://docs.canvaswp.com/block-accordion) #### AJAX Button Zdarma Tlačítko, které načte externí obsah pomocí AJAXu do kontejneru. Podporuje režimy vložení: připojit, předřadit a nahradit. [Podívejte se na živou ukázku: AJAX Button na stránce AJAX Button (otevře se v nové záložce)](https://demos.canvaswp.com/classic/ajax-button/) [Nastavení bloku AJAX Button v dokumentaci](https://docs.canvaswp.com/block-ajax-button) #### Karusel Zdarma Responzivní slider owl-carousel s počtem položek pro jednotlivé zlomové body, automatickým přehráváním, navigačními šipkami, tečkami, lightboxem a podporou lazy-load. [Podívejte se na živou ukázku: Karusel na stránce Karusel (otevře se v nové záložce)](https://demos.canvaswp.com/classic/carousel/) [Nastavení bloku Karusel v dokumentaci](https://docs.canvaswp.com/block-carousel) #### Countdown Součástí každého tarifu Časovač odpočtu nebo počítání nahoru založený na pluginu jQuery countdown. [Podívejte se na živou ukázku: Countdown na stránce Čítače (otevře se v nové záložce)](https://demos.canvaswp.com/classic/counters/) [Nastavení bloku Countdown v dokumentaci](https://docs.canvaswp.com/block-countdown) #### Flip Card Součástí každého tarifu Jedna 3D karta s otočením, s přední a zadní stranou, každá s vlastním pozadím, která se při najetí myší převrátí. [Podívejte se na živou ukázku: Flip Card na stránce Flip Cards (otevře se v nové záložce)](https://demos.canvaswp.com/classic/flip-cards/) [Nastavení bloku Flip Card v dokumentaci](https://docs.canvaswp.com/block-flip-card) #### Gallery Zdarma Galerie obrázků s podporou masonry, nastavitelným počtem sloupců, nastavením mezer a volitelným lightboxem. [Podívejte se na živou ukázku: Gallery na stránce Gallery (otevře se v nové záložce)](https://demos.canvaswp.com/classic/gallery/) [Nastavení bloku Gallery v dokumentaci](https://docs.canvaswp.com/block-gallery) #### Cookie Consent Zdarma Lišta souhlasu s cookies s modálním oknem předvoleb ochrany osobních údajů a přepínači souhlasu pro jednotlivé služby. [Podívejte se na živou ukázku: Cookie Consent na stránce GDPR rozložení 2 (otevře se v nové záložce)](https://demos.canvaswp.com/classic/gdpr-layout-2/) [Nastavení bloku Cookie Consent v dokumentaci](https://docs.canvaswp.com/block-gdpr-consent) #### Hover 3D Zdarma Karta s efektem náklonu v perspektivě CSS při pohybu myši, který zajišťuje JS modul šablony. [Nastavení bloku Hover 3D v dokumentaci](https://docs.canvaswp.com/block-hover-3d) #### Image Compare Součástí každého tarifu Posuvník pro porovnání obrázků před a po s nastavitelnou orientací, odsazením, stylem úchytu a popisky stran. [Podívejte se na živou ukázku: Image Compare na stránce Image Compare (otevře se v nové záložce)](https://demos.canvaswp.com/classic/image-compare/) [Nastavení bloku Image Compare v dokumentaci](https://docs.canvaswp.com/block-image-compare) #### Image Hotspot Součástí každého tarifu Interaktivní obrázek s umístěnými hotspoty, které po najetí kurzorem nebo kliknutí zobrazí bubliny s popisky. [Podívejte se na živou ukázku: Image Hotspot na stránce Hotspoty obrázků (otevře se v nové záložce)](https://demos.canvaswp.com/classic/image-hotspot/) [Nastavení bloku Image Hotspot v dokumentaci](https://docs.canvaswp.com/block-image-hotspot) #### Image Slider Součástí každého tarifu Posuvník obrázků poháněný FlexSlider s animací posunu nebo prolnutí, automatickým přehráváním, šipkami, tečkami, navigací pomocí miniatur a podporou přejetí prstem. [Podívejte se na živou ukázku: Image Slider na stránce Slidery obrázků (otevře se v nové záložce)](https://demos.canvaswp.com/classic/image-sliders/) [Nastavení bloku Image Slider v dokumentaci](https://docs.canvaswp.com/block-image-slider) #### Modal Součástí každého tarifu Spouští modální dialog / vyskakovací okno z tlačítka, odkazu nebo automaticky při načtení stránky. [Podívejte se na živou ukázku: Modal na stránce Modal a popovery (otevře se v nové záložce)](https://demos.canvaswp.com/classic/modal-popovers/) [Nastavení bloku Modal v dokumentaci](https://docs.canvaswp.com/block-modal) #### Nav Zdarma Lišta navigace v podobě záložek, pilulek nebo podtržení, s aktivními a zakázanými stavy a jednoúrovňovými rozbalovacími nabídkami. [Podívejte se na živou ukázku: Nav na stránce Navigace (otevře se v nové záložce)](https://demos.canvaswp.com/classic/navigation/) [Nastavení bloku Nav v dokumentaci](https://docs.canvaswp.com/block-nav) #### Off-Canvas Zdarma Posuvný off-canvas panel Bootstrap 5 (start / end / top / bottom), otevíraný tlačítkem nebo odkazem. [Podívejte se na živou ukázku: Off-Canvas na stránce Bootstrap Off-Canvas (otevře se v nové záložce)](https://demos.canvaswp.com/classic/offcanvas/) [Nastavení bloku Off-Canvas v dokumentaci](https://docs.canvaswp.com/block-off-canvas) #### Pagination Zdarma Řádek stránkování ve stylu kruh, zaoblený, pilulka, 3D, průhledný nebo tlačítko, ve třech velikostech a s libovolným zarovnáním. [Podívejte se na živou ukázku: Pagination na stránce Stránkování a ukazatele průběhu (otevře se v nové záložce)](https://demos.canvaswp.com/classic/pagination-progress/) [Nastavení bloku Pagination v dokumentaci](https://docs.canvaswp.com/block-pagination) #### Parallax Image Součástí každého tarifu Sekce s obrázkem s paralaxou na celou šířku, volitelným překryvem a obsahem. [Podívejte se na živou ukázku: Parallax Image na stránce Parallaxní prvky (otevře se v nové záložce)](https://demos.canvaswp.com/classic/parallax-elements/) [Nastavení bloku Parallax Image v dokumentaci](https://docs.canvaswp.com/block-parallax-image) #### Scroll Reveal Součástí každého tarifu Obsah se animovaně zobrazí, jakmile uživatel posouvá stránku dolů. [Nastavení bloku Scroll Reveal v dokumentaci](https://docs.canvaswp.com/block-scroll-reveal) #### Slider Součástí každého tarifu Vložte slider Canvas kdekoli na webu výběrem. Snímky, efekty, navigaci a výšku nastavíte přímo v nastavení slideru. [Podívejte se na živou ukázku: Slider na stránce Domov, bydlení a interiérová dekorace (otevře se v nové záložce)](https://demos.canvaswp.com/home-living/) [Nastavení bloku Slider v dokumentaci](https://docs.canvaswp.com/block-slider) #### Tab Strip Zdarma Lišta záložek, jejíž panely jsou jinde na stránce běžné bloky. [Podívejte se na živou ukázku: Tab Strip na stránce Profil uživatele (otevře se v nové záložce)](https://demos.canvaswp.com/classic/profile/) [Nastavení bloku Tab Strip v dokumentaci](https://docs.canvaswp.com/block-tab-nav) #### Záložky Zdarma Rozdělte související obsah do popisovaných záložek, aby návštěvníci četli vždy jednu sekci. Díky tomu zůstane i dlouhé srovnání nebo stránka se specifikacemi dost krátká na rychlé prohlédnutí. [Podívejte se na živou ukázku: Záložky na stránce Záložky (otevře se v nové záložce)](https://demos.canvaswp.com/classic/tabs/) [Nastavení bloku Záložky v dokumentaci](https://docs.canvaswp.com/block-tabs) #### Text Fill Scroll Součástí každého tarifu Postupně vyplňuje barvu textu, jak se prvek posouvá do zobrazení. [Nastavení bloku Text Fill Scroll v dokumentaci](https://docs.canvaswp.com/block-text-fill-scroll) #### Text Rotator Zdarma Animovaný text, který se střídá nebo se postupně vypisuje, uvnitř prvku nadpisu. [Podívejte se na živou ukázku: Text Rotator na stránce Nadpisy a iniciály (otevře se v nové záložce)](https://demos.canvaswp.com/classic/headings-dropcaps/) [Nastavení bloku Text Rotator v dokumentaci](https://docs.canvaswp.com/block-text-rotator) #### Toggle Zdarma Skryje jeden obsah za nadpisem, na který návštěvník klikne, aby se obsah zobrazil. Hodí se pro dlouhou odpověď nebo soubor pojmů, které by ve výchozím stavu neměly zabírat místo na stránce. [Podívejte se na živou ukázku: Toggle na stránce Přepínače a akordeony (otevře se v nové záložce)](https://demos.canvaswp.com/classic/toggles-accordions/) [Nastavení bloku Toggle v dokumentaci](https://docs.canvaswp.com/block-toggle) #### Video Facade Zdarma Video vložené s líným načítáním za náhledovým obrázkem; iframe se načte až po kliknutí, takže stránky jsou rychlejší. [Nastavení bloku Video Facade v dokumentaci](https://docs.canvaswp.com/block-video-facade) #### YouTube Background Zdarma Video z YouTube přehrávané jako tiché ambientní pozadí za obsahem s překryvem. [Podívejte se na živou ukázku: YouTube Background na stránce Detail události | Video na celou šířku (otevře se v nové záložce)](https://demos.canvaswp.com/classic/event-single-full-width-video/) [Nastavení bloku YouTube Background v dokumentaci](https://docs.canvaswp.com/block-youtube-bg) ### WooCommerce 24 bloků, uvedených pod WooCommerce ve vkladači bloků. #### Conference Tickets Součástí každého tarifu Cenové boxy pro kategorii vstupenek, každý s rozbalovacím výběrem množství a živým odkazem pro přidání do košíku. [Podívejte se na živou ukázku: Conference Tickets na stránce Vstupenky (otevře se v nové záložce)](https://demos.canvaswp.com/conference/tickets/) [Nastavení bloku Conference Tickets v dokumentaci](https://docs.canvaswp.com/block-conference-tickets) #### Store Price Filter Součástí každého tarifu Ovládací prvek s dvojitým posuvníkem pro rozsah cen, který filtruje mřížku produktů přímo na místě. [Podívejte se na živou ukázku: Store Price Filter na stránce Obchod s filtry (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shop-filter/) [Nastavení bloku Store Price Filter v dokumentaci](https://docs.canvaswp.com/block-store-price-filter) #### Seznam přání Zdarma Produkty, které si zákazník uložil, s cenou, stavem skladu a tlačítkem Přidat do košíku. Umístěte jej na stránku vybranou v Možnostech šablony, Wishlist. [Nastavení bloku Seznam přání v dokumentaci](https://docs.canvaswp.com/block-wishlist) #### Wishlist Button Zdarma Uloží aktuální produkt do seznamu přání nakupujícího. Použijte jej v předlohách produktů a v kartách produktů. [Nastavení bloku Wishlist Button v dokumentaci](https://docs.canvaswp.com/block-wishlist-button) #### Add to Cart Součástí každého tarifu Zobrazí formulář WooCommerce pro přidání do košíku aktuálního produktu s volitelným polem pro množství. [Podívejte se na živou ukázku: Add to Cart na stránce Kostkované krátké šaty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Nastavení bloku Add to Cart v dokumentaci](https://docs.canvaswp.com/block-woo-add-to-cart) #### Cart Table Součástí každého tarifu Zobrazuje tabulku košíku WooCommerce s položkami, množstvím a součty. [Podívejte se na živou ukázku: Cart Table na stránce Košík (otevře se v nové záložce)](https://demos.canvaswp.com/classic/cart/) [Nastavení bloku Cart Table v dokumentaci](https://docs.canvaswp.com/block-woo-cart-table) #### Cart Totals Součástí každého tarifu Zobrazuje panel se součty košíku WooCommerce včetně mezisoučtu, dopravy a tlačítka pro pokladnu. [Podívejte se na živou ukázku: Cart Totals na stránce Košík (otevře se v nové záložce)](https://demos.canvaswp.com/classic/cart/) [Nastavení bloku Cart Totals v dokumentaci](https://docs.canvaswp.com/block-woo-cart-totals) #### Checkout Billing Součástí každého tarifu Zobrazuje formulář fakturační adresy pro pokladnu WooCommerce. [Nastavení bloku Checkout Billing v dokumentaci](https://docs.canvaswp.com/block-woo-checkout-billing) #### Checkout Order Review Součástí každého tarifu Zobrazuje souhrn přehledu objednávky v pokladně WooCommerce s položkami a součty. [Nastavení bloku Checkout Order Review v dokumentaci](https://docs.canvaswp.com/block-woo-checkout-order) #### Cross-Sells Součástí každého tarifu Zobrazuje cross-sell produkty z aktuálního košíku WooCommerce. Zobrazí se pouze tehdy, když je košík aktivní a obsahuje cross-sell produkty. [Podívejte se na živou ukázku: Cross-Sells na stránce Košík (otevře se v nové záložce)](https://demos.canvaswp.com/classic/cart/) [Nastavení bloku Cross-Sells v dokumentaci](https://docs.canvaswp.com/block-woo-cross-sells) #### WooCommerce Notices Součástí každého tarifu Zobrazuje oznámení WooCommerce: chybová hlášení, zprávy o úspěchu nebo informační oznámení. [Podívejte se na živou ukázku: WooCommerce Notices na stránce Košík (otevře se v nové záložce)](https://demos.canvaswp.com/classic/cart/) [Nastavení bloku WooCommerce Notices v dokumentaci](https://docs.canvaswp.com/block-woo-notices) #### Product Carousel Součástí každého tarifu Zobrazuje produkty WooCommerce v posuvném karuselu owl-carousel. Podporuje automatické přehrávání, šipky pro navigaci, tečky a responzivní breakpointy. [Podívejte se na živou ukázku: Product Carousel na stránce Karusel (otevře se v nové záložce)](https://demos.canvaswp.com/classic/carousel/) [Nastavení bloku Product Carousel v dokumentaci](https://docs.canvaswp.com/block-woo-product-carousel) #### Product Categories Součástí každého tarifu Zobrazuje kategorie produktů WooCommerce jako responzivní mřížku karet s náhledy, názvy a počty produktů. [Podívejte se na živou ukázku: Product Categories na stránce Modré tričko s kulatým výstřihem (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/blue-round-neck-tshirt/) [Nastavení bloku Product Categories v dokumentaci](https://docs.canvaswp.com/block-woo-product-categories) #### Product Gallery Linker Součástí každého tarifu Pruh miniatur, který přesune karusel galerie produktu na obrázek, na který kliknete. [Podívejte se na živou ukázku: Product Gallery Linker na stránce Pánské sluneční brýle Aviator (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/men-aviator-sunglasses/) [Nastavení bloku Product Gallery Linker v dokumentaci](https://docs.canvaswp.com/block-woo-product-gallery-linker) #### Product Images Součástí každého tarifu Zobrazuje hlavní obrázek produktu WooCommerce a volitelné náhledy galerie. [Podívejte se na živou ukázku: Product Images na stránce Kostkované krátké šaty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Nastavení bloku Product Images v dokumentaci](https://docs.canvaswp.com/block-woo-product-images) #### Product Meta Součástí každého tarifu Zobrazuje kartu s údaji o produktu: SKU, kategorie a štítky. [Podívejte se na živou ukázku: Product Meta na stránce Kostkované krátké šaty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Nastavení bloku Product Meta v dokumentaci](https://docs.canvaswp.com/block-woo-product-meta) #### Product Price Součástí každého tarifu Zobrazuje cenu produktu WooCommerce včetně akční ceny a formátování měny. [Podívejte se na živou ukázku: Product Price na stránce Kostkované krátké šaty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Nastavení bloku Product Price v dokumentaci](https://docs.canvaswp.com/block-woo-product-price) #### Product Rating Součástí každého tarifu Zobrazuje hodnocení hvězdičkami a volitelně počet recenzí aktuálního produktu WooCommerce. [Podívejte se na živou ukázku: Product Rating na stránce Kostkované krátké šaty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Nastavení bloku Product Rating v dokumentaci](https://docs.canvaswp.com/block-woo-product-rating) #### Product Share Součástí každého tarifu Zobrazuje kartu „Sdílet:“ s odkazy na sdílení na sociálních sítích pro aktuální produkt WooCommerce. [Podívejte se na živou ukázku: Product Share na stránce Kostkované krátké šaty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Nastavení bloku Product Share v dokumentaci](https://docs.canvaswp.com/block-woo-product-share) #### Product Short Description Součástí každého tarifu Zobrazí krátký popis produktu i se zachovaným formátováním odstavců. [Podívejte se na živou ukázku: Product Short Description na stránce Kostkované krátké šaty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Nastavení bloku Product Short Description v dokumentaci](https://docs.canvaswp.com/block-woo-product-short-description) #### Product Tabs Součástí každého tarifu Vykresluje záložky s údaji o produktu WooCommerce: Popis, Doplňující informace a Recenze. [Podívejte se na živou ukázku: Product Tabs na stránce Kostkované krátké šaty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Nastavení bloku Product Tabs v dokumentaci](https://docs.canvaswp.com/block-woo-product-tabs) #### Produkty Součástí každého tarifu Zobrazuje produkty WooCommerce v mřížce nebo seznamu. Filtruje podle zdroje, kategorie, štítku a řazení. [Podívejte se na živou ukázku: Produkty na stránce Produkty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shop/) [Nastavení bloku Produkty v dokumentaci](https://docs.canvaswp.com/block-woo-products) #### Related Products Součástí každého tarifu Zobrazuje mřížku produktů WooCommerce, které souvisejí s aktuálním produktem. Zobrazí se pouze v šablonách jednotlivého produktu. [Podívejte se na živou ukázku: Related Products na stránce Kostkované krátké šaty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/checked-short-dress/) [Nastavení bloku Related Products v dokumentaci](https://docs.canvaswp.com/block-woo-related-products) #### Variation Swatches Součástí každého tarifu Barevné tečky nebo tlačítka ve tvaru pilulek, kterými se vybírá varianta variabilního produktu. [Podívejte se na živou ukázku: Variation Swatches na stránce Růžové potištěné šaty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/pink-printed-dress-colors/) [Nastavení bloku Variation Swatches v dokumentaci](https://docs.canvaswp.com/block-woo-variation-swatches) ### Hlavička V kategorii Hlavička v nástroji pro vkládání bloků najdete 22 bloků. #### App Menu Zdarma Navigační lišta ve stylu aplikace připnutá ke spodní části obrazovky na malých zařízeních. [Podívejte se na živou ukázku: App Menu na stránce Menu - App Style 1 (otevře se v nové záložce)](https://demos.canvaswp.com/classic/menu-app-1/) [Nastavení bloku App Menu v dokumentaci](https://docs.canvaswp.com/block-app-menu) #### Color Scheme Toggle Zdarma Přepínač tmavého režimu pro návštěvníky. Zobrazuje se na webu, pokud je v Možnostech šablony > Barevné schéma > Tmavý režim zapnutý Přepínač tmavého režimu a jeho umístění zahrnuje hlavičku. [Nastavení bloku Color Scheme Toggle v dokumentaci](https://docs.canvaswp.com/block-color-scheme-toggle) #### Header Button Zdarma Tlačítko nebo odkaz s výzvou k akci pro vytvořenou hlavičku, stylované podle tříd tlačítek šablony. [Podívejte se na živou ukázku: Header Button na stránce Domů (otevře se v nové záložce)](https://demos.canvaswp.com/hosting/) [Nastavení bloku Header Button v dokumentaci](https://docs.canvaswp.com/block-header-button) #### Header Cart Zdarma Ikona a rozbalovací nabídka mini košíku WooCommerce pro sestavenou hlavičku. Pokud WooCommerce není aktivní, nezobrazí se nic. [Podívejte se na živou ukázku: Header Cart na stránce Domů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/) [Nastavení bloku Header Cart v dokumentaci](https://docs.canvaswp.com/block-header-cart) #### Header Container Zdarma Kořen sestavené hlavičky: dovnitř vložte logo, navigaci a další části hlavičky. [Podívejte se na živou ukázku: Header Container na stránce Italská restaurace (otevře se v nové záložce)](https://demos.canvaswp.com/restaurant/) [Nastavení bloku Header Container v dokumentaci](https://docs.canvaswp.com/block-header-container) #### Header Icon Link Zdarma Samostatný odkaz pouze s ikonou pro hotovou hlavičku (seznam přání, účet, uživatel, spouštěč košíku, přihlašovací modální okno) s použitím značky .header-misc-icon. [Podívejte se na živou ukázku: Header Icon Link na stránce Hlavička SaaS (otevře se v nové záložce)](https://demos.canvaswp.com/classic/header-saas/) [Nastavení bloku Header Icon Link v dokumentaci](https://docs.canvaswp.com/block-header-icon-link) #### Header Info Zdarma Malý vložený informační nebo kontaktní prvek (telefon, e-mail, otevírací doba nebo text) s volitelnou ikonou a odkazem pro vytvořenou hlavičku. [Podívejte se na živou ukázku: Header Info na stránce Menu - Style 7 (otevře se v nové záložce)](https://demos.canvaswp.com/classic/menu-7/) [Nastavení bloku Header Info v dokumentaci](https://docs.canvaswp.com/block-header-info) #### Header Logo Zdarma Logo webu pro sestavenou hlavičku. Ve výchozím nastavení používá logo webu z Možností šablony, nebo zvolený vlastní obrázek. [Podívejte se na živou ukázku: Header Logo na stránce Italská restaurace (otevře se v nové záložce)](https://demos.canvaswp.com/restaurant/) [Nastavení bloku Header Logo v dokumentaci](https://docs.canvaswp.com/block-header-logo) #### Header Navigation Zdarma Hlavní navigační menu pro sestavenou hlavičku. Vyberte menu a zarovnání. [Podívejte se na živou ukázku: Header Navigation na stránce Italská restaurace (otevře se v nové záložce)](https://demos.canvaswp.com/restaurant/) [Nastavení bloku Header Navigation v dokumentaci](https://docs.canvaswp.com/block-header-navigation) #### Header Root Zdarma Nejvnější prvek sestavené hlavičky: nese třídy variant a atributy data-sticky-*, které čte skript šablony pro lepivou hlavičku. Vložte dovnitř skupinu #header-wrap (a jakýkoli další obsah hlavičky). [Podívejte se na živou ukázku: Header Root na stránce Domů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/) [Nastavení bloku Header Root v dokumentaci](https://docs.canvaswp.com/block-header-root) #### Header Search Zdarma Přepínač vyhledávání v hlavičce. Generuje spouštěč #top-search, ke kterému je napojena rozbalovací nabídka vyhledávání šablony. [Podívejte se na živou ukázku: Header Search na stránce Domů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/) [Nastavení bloku Header Search v dokumentaci](https://docs.canvaswp.com/block-header-search) #### Header Shop Search Zdarma Vždy viditelné pole pro hledání produktů v řádku hlavičky: alternativa k přepínači vyhledávání v hlavičce pro obchody a adresáře. Zvolte holé pole s klidovou ikonou nebo vstupní skupinu s tlačítkem k odeslání. [Podívejte se na živou ukázku: Header Shop Search na stránce Adresář hlaviček (otevře se v nové záložce)](https://demos.canvaswp.com/classic/header-directory/) [Nastavení bloku Header Shop Search v dokumentaci](https://docs.canvaswp.com/block-header-shop-search) #### Header Side Panel Trigger Zdarma Ikona v hlavičce, která otevírá boční panel. Zobrazuje se jen tehdy, když je Boční panel zapnutý v Možnostech šablony. [Nastavení bloku Header Side Panel Trigger v dokumentaci](https://docs.canvaswp.com/block-header-side-panel-trigger) #### Header Social Zdarma Řada ikon odkazů na sociální sítě a kontakty pro vytvořenou hlavičku, využívající značení a styly top-social. [Podívejte se na živou ukázku: Header Social na stránce Online módní obchod - postranní panel obchodu (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shop-1-right-sidebar/) [Nastavení bloku Header Social v dokumentaci](https://docs.canvaswp.com/block-header-social) #### Header Topbar Zdarma Tenký pomocný řádek nad vytvořenou hlavičkou (#top-bar): vložte dovnitř Top Links, Header Social, Header Info nebo Language Switcher. [Nastavení bloku Header Topbar v dokumentaci](https://docs.canvaswp.com/block-header-topbar) #### Header Wishlist Zdarma Ikona srdce v hlavičce, která odkazuje na seznam přání a zobrazuje počet uložených produktů. [Nastavení bloku Header Wishlist v dokumentaci](https://docs.canvaswp.com/block-header-wishlist) #### Header Zone Zdarma Umísťovací prvek uvnitř řádku Header Container: vložte dovnitř logo, navigaci nebo malou skupinu prvků hlavičky a pak pomocí polí pro zarovnání, pořadí a viditelnost jej umístěte. [Podívejte se na živou ukázku: Header Zone na stránce Italská restaurace (otevře se v nové záložce)](https://demos.canvaswp.com/restaurant/) [Nastavení bloku Header Zone v dokumentaci](https://docs.canvaswp.com/block-header-zone) #### Icon Nav List Zdarma Vertikální seznam Bootstrap .nav icon-link (nav-item > nav-link > ikona + text), používaný v nabídkových panelech off-canvas. [Podívejte se na živou ukázku: Icon Nav List na stránce Profil uživatele (otevře se v nové záložce)](https://demos.canvaswp.com/classic/profile/) [Nastavení bloku Icon Nav List v dokumentaci](https://docs.canvaswp.com/block-icon-nav-list) #### Language Switcher Zdarma Kompaktní rozbalovací seznam jazyků pro vytvořenou hlavičku: zobrazuje aktuální jazyk a nabízí ostatní, používá označení primary-menu with-arrows. [Nastavení bloku Language Switcher v dokumentaci](https://docs.canvaswp.com/block-language-switcher) #### Mega Menu Column Součástí každého tarifu Jeden sloupec mega menu (.mega-menu-column): nadpis se seznamem odkazů, ploché odkazy nebo volný obsah widgetu. Umístěte jeden nebo více sloupců do bloku Row jako obsah Mega menu (Vzhled > Nabídky > Mega menu stále řídí typ a styl vnějšího panelu). [Podívejte se na živou ukázku: Mega Menu Column na stránce Mega menu (otevře se v nové záložce)](https://demos.canvaswp.com/classic/mega-menu/) [Nastavení bloku Mega Menu Column v dokumentaci](https://docs.canvaswp.com/block-mega-menu) #### Page Menu Zdarma Navigační lišta pod hlavičkou stránky s lepivou variantou a variantou s tečkami na boku: rolování na kotvy v rámci jedné stránky nebo prosté odkazy. Na každou stránku používejte pouze jednu. [Podívejte se na živou ukázku: Page Menu na stránce Stránka s podnabídkou (otevře se v nové záložce)](https://demos.canvaswp.com/classic/page-submenu/) [Nastavení bloku Page Menu v dokumentaci](https://docs.canvaswp.com/block-page-menu) #### Top Links Zdarma Menu odkazů v horní liště s volitelnou jednoúrovňovou rozbalovací nabídkou, využívající značkování a styly .top-links. [Podívejte se na živou ukázku: Top Links na stránce Online módní obchod - postranní panel obchodu (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shop-1-right-sidebar/) [Nastavení bloku Top Links v dokumentaci](https://docs.canvaswp.com/block-top-links) ### Rozvržení 19 bloků v kategorii Rozvržení ve vkladači bloků. #### Column Zdarma Responzivní sloupec mřížky (.col-*). Nastavte šířku pro jednotlivé breakpointy a vložte do něj libovolný obsah. [Podívejte se na živou ukázku: Column na stránce Sloupce a mřížky (otevře se v nové záložce)](https://demos.canvaswp.com/classic/columns-grids/) [Nastavení bloku Column v dokumentaci](https://docs.canvaswp.com/block-column) #### Container Zdarma Responzivní obalový prvek .container. Vkládejte do něj řádky a sloupce a vytvářejte tak rozvržení sekcí. [Nastavení bloku Container v dokumentaci](https://docs.canvaswp.com/block-container) #### Copyrights Zdarma Část lišty s copyrightem v patičce: řádek s copyrightem a jeho odkazy nebo vložené odkazové menu. Pro obě části vedle sebe vložte variantu Copyrights Bar bloku Wrapper. [Podívejte se na živou ukázku: Copyrights na stránce Patička: rozložení 2 (otevře se v nové záložce)](https://demos.canvaswp.com/classic/footer-2/) [Nastavení bloku Copyrights v dokumentaci](https://docs.canvaswp.com/block-copyrights) #### Footer About Zdarma Sloupec patičky „O nás“ s logem, popisem a volitelnou adresou, s markupem .footer-logo. [Podívejte se na živou ukázku: Footer About na stránce Patička: rozložení 2 (otevře se v nové záložce)](https://demos.canvaswp.com/classic/footer-2/) [Nastavení bloku Footer About v dokumentaci](https://docs.canvaswp.com/block-footer-about) #### Footer Contacts Zdarma Velké kontaktní řádky ve formátu popisek/hodnota s markupem a styly z .footer-big-contacts. [Podívejte se na živou ukázku: Footer Contacts na stránce Patička - rozvržení 3 (otevře se v nové záložce)](https://demos.canvaswp.com/classic/footer-3/) [Nastavení bloku Footer Contacts v dokumentaci](https://docs.canvaswp.com/block-footer-contacts) #### Footer Instagram Zdarma Widget Instagram / fotostream pro patičku: mřížka obrázků ve stylu masonry s volitelnými odkazy, využívající markup .masonry-thumbs. [Podívejte se na živou ukázku: Footer Instagram na stránce Patička: rozvržení 4 (otevře se v nové záložce)](https://demos.canvaswp.com/classic/footer-4/) [Nastavení bloku Footer Instagram v dokumentaci](https://docs.canvaswp.com/block-footer-instagram) #### Footer Widget Area Zdarma Kořenový blok sestavené řady widgetů v patičce: vložte dovnitř bloky Footer About, Widget Links, Footer Contacts, Odběr nebo Footer Instagram. [Podívejte se na živou ukázku: Footer Widget Area na stránce Patička: rozložení 2 (otevře se v nové záložce)](https://demos.canvaswp.com/classic/footer-2/) [Nastavení bloku Footer Widget Area v dokumentaci](https://docs.canvaswp.com/block-footer-widget-area) #### Grid Filter Součástí každého tarifu Lišta filtrů kategorií (.grid-filter), která ovládá mřížky filtrovatelné přes Isotope. Položky lze načíst z taxonomie nebo z ručně zadaného seznamu. [Podívejte se na živou ukázku: Grid Filter na stránce Styly filtru portfolia (otevře se v nové záložce)](https://demos.canvaswp.com/classic/portfolio-filter-styles/) [Nastavení bloku Grid Filter v dokumentaci](https://docs.canvaswp.com/block-grid-filter) #### Hero Zdarma Zobrazuje hero, který každá stránka přiřadí ve svém panelu Hero, nebo jeden hero podle vašeho výběru. Hero sekce vytvoříte v Canvas → Heroes. [Podívejte se na živou ukázku: Hero na stránce Sekce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/sections/) [Nastavení bloku Hero v dokumentaci](https://docs.canvaswp.com/block-hero-slot) #### Image Element Zdarma Holý obrázek bez obalujícího prvku nebo popisku, určený pro loga a odznaky, které stojí v řádku vedle ostatního obsahu. [Podívejte se na živou ukázku: Image Element na stránce Domů (otevře se v nové záložce)](https://demos.canvaswp.com/modern-blog/) [Nastavení bloku Image Element v dokumentaci](https://docs.canvaswp.com/block-image-element) #### Inline Contact Zdarma Plochá vodorovná řada kontaktních položek s ikonou a textem (e-mail, telefon, Skype apod.) oddělených středovými tečkami: kontaktní řádek lišty #copyrights. [Podívejte se na živou ukázku: Inline Contact na stránce Kontakt (otevře se v nové záložce)](https://demos.canvaswp.com/classic/contact/) [Nastavení bloku Inline Contact v dokumentaci](https://docs.canvaswp.com/block-inline-contact) #### Inline Text Zdarma Text, který sedí přímo v kontejneru, bez vlastního odstavce nebo rozpětí. Pouze koncové inline prvky. [Podívejte se na živou ukázku: Inline Text na stránce Rozvržení na celou šířku (otevře se v nové záložce)](https://demos.canvaswp.com/classic/full-width/) [Nastavení bloku Inline Text v dokumentaci](https://docs.canvaswp.com/block-inline-text) #### Line Break Zdarma Samostatný zalom řádku použitý jako mezera. V panelu Pokročilé přidejte responzivní třídy, aby se řádek zalomil jen na některých velikostech obrazovky. [Podívejte se na živou ukázku: Line Break na stránce Hover Parallax (otevře se v nové záložce)](https://demos.canvaswp.com/classic/hover-parallax/) [Nastavení bloku Line Break v dokumentaci](https://docs.canvaswp.com/block-line-break) #### Titulek stránky Zdarma Vykreslí pás s titulkem stránky, který se pod hlavičkou každé stránky zobrazuje podle nastavení v panelu Titulek stránky dané stránky a v Možnostech šablony. Samotný pás je šablonová část Titulek stránky. [Podívejte se na živou ukázku: Titulek stránky na stránce Titulek stránky, rozvržení se zarovnáním vlevo (otevře se v nové záložce)](https://demos.canvaswp.com/classic/page-title/) [Nastavení bloku Titulek stránky v dokumentaci](https://docs.canvaswp.com/block-page-title-slot) #### Quantity Input Zdarma Stepper .quantity: číselné pole lemované tlačítky minus a plus. Je statický a nezávislý na produktu, kombinujte jej s tlačítkem v řádku „Přidat do košíku“. [Podívejte se na živou ukázku: Quantity Input na stránce Množství v košíku (otevře se v nové záložce)](https://demos.canvaswp.com/classic/cart-quantity/) [Nastavení bloku Quantity Input v dokumentaci](https://docs.canvaswp.com/block-quantity-input) #### Row Zdarma Řádek mřížky. Vložte dovnitř bloky Canvas Column, které rozmístí obsah do responzivní mřížky. [Podívejte se na živou ukázku: Row na stránce Sloupce a mřížky (otevře se v nové záložce)](https://demos.canvaswp.com/classic/columns-grids/) [Nastavení bloku Row v dokumentaci](https://docs.canvaswp.com/block-row) #### Page Slider Zdarma Vykreslí slider, který každá stránka přiřadí v panelu Slider, nebo jeden slider, který vyberete. Snímky, efekty a výška se nastavují přímo na slideru. [Podívejte se na živou ukázku: Page Slider na stránce Canvas Slider (otevře se v nové záložce)](https://demos.canvaswp.com/classic/slider-canvas/) [Nastavení bloku Page Slider v dokumentaci](https://docs.canvaswp.com/block-slider-slot) #### Widget Links Zdarma Sloupec odkazů v patičce využívající značení a styly třídy .widget_links. [Podívejte se na živou ukázku: Widget Links na stránce Widgety (otevře se v nové záložce)](https://demos.canvaswp.com/classic/widgets/) [Nastavení bloku Widget Links v dokumentaci](https://docs.canvaswp.com/block-widget-links) #### Wrapper Zdarma Prostý prvek HTML, který nese jen třídy, jaké mu přiřadíte, a obsahuje další bloky. Použijte ho, když návrh vyžaduje přesný obalový prvek bez dalších tříd editoru. [Podívejte se na živou ukázku: Wrapper na stránce Sekce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/sections/) [Nastavení bloku Wrapper v dokumentaci](https://docs.canvaswp.com/block-wrapper) ### Události 16 bloků uvedených v kategorii Events ve vkládači bloků. #### Conference Program Součástí každého tarifu Program sezení s přepínáním podle dnů nebo řada karet nadcházejících událostí, sestavená ze záznamů událostí. [Podívejte se na živou ukázku: Conference Program na stránce Canvas Development Conference (otevře se v nové záložce)](https://demos.canvaswp.com/conference/) [Nastavení bloku Conference Program v dokumentaci](https://docs.canvaswp.com/block-conference-events) #### Event Archive Grid Součástí každého tarifu Mřížka událostí pro hlavní dotaz (archiv + kategorie). Používá částečnou šablonu event-entry-grid a sdílené stránkování. [Podívejte se na živou ukázku: Event Archive Grid na stránce Události (otevře se v nové záložce)](https://demos.canvaswp.com/classic/events/) [Nastavení bloku Event Archive Grid v dokumentaci](https://docs.canvaswp.com/block-event-archive) #### Event Categories Součástí každého tarifu Zobrazuje kategorie přiřazené k aktuální akci. Podporuje styly: text, odznak a pilulka. Zobrazuje se pouze u typu příspěvku canvas_event. [Nastavení bloku Event Categories v dokumentaci](https://docs.canvaswp.com/block-event-categories) #### Event Content Součástí každého tarifu Vykreslí celý obsah příspěvku aktuální události přes filtr the_content. Vykresluje se pouze pro typ příspěvku canvas_event. [Podívejte se na živou ukázku: Event Content na stránce Event Single (otevře se v nové záložce)](https://demos.canvaswp.com/classic/event-single/) [Nastavení bloku Event Content v dokumentaci](https://docs.canvaswp.com/block-event-content) #### Event Date Součástí každého tarifu Zobrazuje počáteční a koncové datum události s volitelným časem a ikonou kalendáře. Vykreslí se pouze u typu příspěvku canvas_event. [Nastavení bloku Event Date v dokumentaci](https://docs.canvaswp.com/block-event-date) #### Event Excerpt Součástí každého tarifu Zobrazí zkrácený úryvek aktuální události. [Nastavení bloku Event Excerpt v dokumentaci](https://docs.canvaswp.com/block-event-excerpt) #### Event Image Součástí každého tarifu Zobrazuje hlavní obrázek aktuální akce. Vykresluje se pouze u typu příspěvku canvas_event. [Podívejte se na živou ukázku: Event Image na stránce Event Single (otevře se v nové záložce)](https://demos.canvaswp.com/classic/event-single/) [Nastavení bloku Event Image v dokumentaci](https://docs.canvaswp.com/block-event-image) #### Event Location Součástí každého tarifu Zobrazuje název a adresu místa konání akce s volitelným odkazem na Google Maps a ikonou polohy. Vykresluje se pouze u typu příspěvku canvas_event. [Nastavení bloku Event Location v dokumentaci](https://docs.canvaswp.com/block-event-location) #### Event Meta Součástí každého tarifu Zobrazuje metadata události: datum, místo, pořadatele a cenu. Každé pole lze přepínat nezávisle. Zobrazuje se pouze u typu příspěvku canvas_event. [Podívejte se na živou ukázku: Event Meta na stránce Event Single | Oba postranní panely (otevře se v nové záložce)](https://demos.canvaswp.com/classic/event-single-both-sidebar/) [Nastavení bloku Event Meta v dokumentaci](https://docs.canvaswp.com/block-event-meta) #### Event Navigation Součástí každého tarifu Vykresluje odkazy na předchozí a další událost s nastavitelnými popisky a volitelnými náhledy. Vykresluje se pouze u typu příspěvku canvas_event. [Podívejte se na živou ukázku: Event Navigation na stránce Event Single | Oba postranní panely (otevře se v nové záložce)](https://demos.canvaswp.com/classic/event-single-both-sidebar/) [Nastavení bloku Event Navigation v dokumentaci](https://docs.canvaswp.com/block-event-navigation) #### Event Organizer Součástí každého tarifu Zobrazuje pořadatele akce s volitelným odkazem na jeho web a ikonou osoby. Zobrazí se pouze u typu příspěvku canvas_event. [Nastavení bloku Event Organizer v dokumentaci](https://docs.canvaswp.com/block-event-organizer) #### Event Posts Součástí každého tarifu Načítá a zobrazuje příspěvky canvas_event v responzivní mřížce karet. Podporuje filtrování podle nadcházejících, minulých nebo všech událostí. Lze umístit na libovolnou stránku. [Podívejte se na živou ukázku: Event Posts na stránce Seznam událostí (otevře se v nové záložce)](https://demos.canvaswp.com/classic/events-list/) [Nastavení bloku Event Posts v dokumentaci](https://docs.canvaswp.com/block-event-posts) #### Event Price Součástí každého tarifu Zobrazuje cenu události, nebo nastavitelný štítek pro zdarma, pokud cena není nastavena. Podporuje styly textu a odznaku. Vykresluje se pouze u typu příspěvku canvas_event. [Nastavení bloku Event Price v dokumentaci](https://docs.canvaswp.com/block-event-price) #### Related Events Součástí každého tarifu Zobrazí mřížku souvisejících akcí podle sdílených kategorií. Vykresluje se pouze u typu příspěvku canvas_event. [Podívejte se na živou ukázku: Related Events na stránce Spring Music Fest (otevře se v nové záložce)](https://demos.canvaswp.com/classic/events/spring-music-fest/) [Nastavení bloku Related Events v dokumentaci](https://docs.canvaswp.com/block-event-related) #### Event Title Součástí každého tarifu Zobrazuje název aktuální události v nastavitelném nadpisu (značce) s volitelným odkazem na trvalý odkaz. Zobrazuje se pouze u typu příspěvku canvas_event. [Nastavení bloku Event Title v dokumentaci](https://docs.canvaswp.com/block-event-title) #### Events Calendar Součástí každého tarifu Měsíční kalendář vašich událostí s ovládáním předchozího a následujícího období a tlačítkem pro dnešek. Každý den odkazuje na události, které v něm probíhají. [Podívejte se na živou ukázku: Events Calendar na stránce Events Calendar (otevře se v nové záložce)](https://demos.canvaswp.com/classic/events-calendar/) [Nastavení bloku Events Calendar v dokumentaci](https://docs.canvaswp.com/block-events-calendar) ### Portfolio 8 bloků v kategorii Portfolio ve vkladači bloků. #### Portfolio Archive Grid Součástí každého tarifu Mřížka portfolia pro hlavní dotaz (archiv + kategorie). Využívá část portfolio-entry-grid a překryvnou mřížku #portfolio. [Podívejte se na živou ukázku: Portfolio Archive Grid na stránce Portfolio (otevře se v nové záložce)](https://demos.canvaswp.com/classic/projects/) [Nastavení bloku Portfolio Archive Grid v dokumentaci](https://docs.canvaswp.com/block-portfolio-archive) #### Portfolio Categories Součástí každého tarifu Zobrazuje taxonomické kategorie přiřazené aktuálnímu projektu portfolia. Používejte uvnitř předloh pro jednotlivé projekty portfolia. [Podívejte se na živou ukázku: Portfolio Categories na stránce Meridian Brand Identity (otevře se v nové záložce)](https://demos.canvaswp.com/media-agency/portfolio/meridian-brand-identity/) [Nastavení bloku Portfolio Categories v dokumentaci](https://docs.canvaswp.com/block-portfolio-categories) #### Portfolio Content Součástí každého tarifu Zobrazuje celý obsah aktuálního projektu portfolia. Používejte v šablonách jednotlivého projektu portfolia. [Podívejte se na živou ukázku: Portfolio Content na stránce Open Imagination (otevře se v nové záložce)](https://demos.canvaswp.com/classic/projects/open-imagination/) [Nastavení bloku Portfolio Content v dokumentaci](https://docs.canvaswp.com/block-portfolio-content) #### Portfolio Image Součástí každého tarifu Zobrazuje mediální oblast aktuálního projektu portfolia: hlavní obrázek, posuvnou galerii, video projektu nebo mřížku náhledů. Používejte v šablonách jednotlivého portfolia. [Podívejte se na živou ukázku: Portfolio Image na stránce Open Imagination (otevře se v nové záložce)](https://demos.canvaswp.com/classic/projects/open-imagination/) [Nastavení bloku Portfolio Image v dokumentaci](https://docs.canvaswp.com/block-portfolio-image) #### Portfolio Meta Součástí každého tarifu Zobrazuje podrobnosti projektu z portfolia: klient, datum, dovednosti a URL. Používejte uvnitř šablon jednotlivých položek portfolia. [Podívejte se na živou ukázku: Portfolio Meta na stránce Open Imagination (otevře se v nové záložce)](https://demos.canvaswp.com/classic/projects/open-imagination/) [Nastavení bloku Portfolio Meta v dokumentaci](https://docs.canvaswp.com/block-portfolio-meta) #### Portfolio Navigation Součástí každého tarifu Zobrazuje odkazy na předchozí a další projekt portfolia. Používejte uvnitř předloh pro jednotlivé položky portfolia. [Podívejte se na živou ukázku: Portfolio Navigation na stránce Open Imagination (otevře se v nové záložce)](https://demos.canvaswp.com/classic/projects/open-imagination/) [Nastavení bloku Portfolio Navigation v dokumentaci](https://docs.canvaswp.com/block-portfolio-navigation) #### Portfolio Related Součástí každého tarifu Zobrazuje související projekty z portfolia podle sdílených kategorií. Používejte uvnitř šablon detailu portfolia. [Podívejte se na živou ukázku: Portfolio Related na stránce Open Imagination (otevře se v nové záložce)](https://demos.canvaswp.com/classic/projects/open-imagination/) [Nastavení bloku Portfolio Related v dokumentaci](https://docs.canvaswp.com/block-portfolio-related) #### Portfolio Title Součástí každého tarifu Zobrazuje název aktuálního projektu z portfolia. Používejte v šablonách jednotlivých položek portfolia. [Podívejte se na živou ukázku: Portfolio Title na stránce Meridian Brand Identity (otevře se v nové záložce)](https://demos.canvaswp.com/media-agency/portfolio/meridian-brand-identity/) [Nastavení bloku Portfolio Title v dokumentaci](https://docs.canvaswp.com/block-portfolio-title) ### Formuláře 5 bloků v kategorii Formuláře ve vkladači bloků. #### Form Součástí každého tarifu Funkční formulář. Vložte dovnitř bloky Form Field a Form Submit: odeslání se ověří, uloží a odešle e-mailem. [Podívejte se na živou ukázku: Form na stránce Styly formulářů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/forms-styles/) [Nastavení bloku Form v dokumentaci](https://docs.canvaswp.com/block-form-container) #### Form Embed Součástí každého tarifu Vložte formulář Canvas kdekoli na webu výběrem jeho ID formuláře. [Podívejte se na živou ukázku: Form Embed na stránce Index obchodu (otevře se v nové záložce)](https://demos.canvaswp.com/classic/index-shop/) [Nastavení bloku Form Embed v dokumentaci](https://docs.canvaswp.com/block-form-embed) #### Form Field Součástí každého tarifu Jedno pole formuláře pro zadání vstupu. Používá se uvnitř Canvas Form ke shromažďování údajů od uživatelů. [Podívejte se na živou ukázku: Form Field na stránce Prvky formulářů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/form-elements/) [Nastavení bloku Form Field v dokumentaci](https://docs.canvaswp.com/block-form-field) #### Form Submit Button Součástí každého tarifu Tlačítko pro odeslání formuláře Canvas. Podporuje varianty stylu, velikost, režim na celou šířku a ikonu. [Podívejte se na živou ukázku: Form Submit Button na stránce Styly formulářů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/forms-styles/) [Nastavení bloku Form Submit Button v dokumentaci](https://docs.canvaswp.com/block-form-submit) #### Quick Contact Součástí každého tarifu Kompaktní widget kontaktního formuláře „Quick Quotation“ (jméno / e-mail / zpráva), stylizovaný pomocí CSS formulářů Canvas. [Podívejte se na živou ukázku: Quick Contact na stránce Widgety (otevře se v nové záložce)](https://demos.canvaswp.com/classic/widgets/) [Nastavení bloku Quick Contact v dokumentaci](https://docs.canvaswp.com/block-quick-contact) Bloky specifické pro demo ## 105 bloků, které přicházejí s demem Některé designy potřebují blok, který dává smysl jen uvnitř daného designu. Tyto bloky jsou vždy registrovány, takže dema, která jste importovali, se budou nadále správně zobrazovat, ale na webech, které o ně nepožádaly, se neobjeví ve vkladači bloků. ### Příspěvky 72 Academic Posts, Album Tiles, Architecture Projects, Architecture Team, Arrangement Gallery, Artist Bubbles, Bakery Menu, Barber Items a 64 dalších. **Zobrazit všech 72 bloků Posts** Akademické příspěvky, Dlaždice alb, Architektonické projekty, Tým architektury, Galerie aranžmá, Bubliny umělců, Menu pekárny, Položky holiče, Kosmetické sady, Půjčovna kol, Účetní služby, Šablony botů, Práce brandingové agentury, Práce brandingového studia, Menu kavárny, Kampaně, Mřížka schopností, Pečovatelské služby, Kauzy, Filmy kanálu, Tým uklízečů, Úklidové služby, Řečníci konference, Partneři konference, Coworkingové prostory, Přehlídka tvůrců, Hodiny CrossFitu, Trénink CrossFitu, Zubní tým, Zubní ošetření, Lékaři, Nemovitosti, Program akce, Řečníci akce, Řečníci akce, Program festivalu, Menu foodtracku, Zprávy fotbalového klubu, Herní zápasy, Produkt sluchátek, Obchody se sluchátky, Pokoje hostelu, Pojistné krytí, Zprávy školky, Programy školky, Díly o životním stylu, Příspěvky o životním stylu, Úvěrové programy, Disciplíny bojových umění, Lékařská oddělení, Lékaři, Lékařské obory, Položky menu, Příspěvky stěhovacích služeb, Stěhovací služby, Položky NFT, Služby pro domácí mazlíčky, Snímky fotografa, Moduly platformy, Díly podcastu, Položky receptů, Rezidence, Práce solo architekta, Lázeňská ošetření, Tenisové zprávy, Tenisové turnaje, Terapie, Kolekce skladeb, Hotely pro cestování, Cestovní balíčky, Degustace vín, Hodiny jógy. ### WooCommerce 10 Merch kanálu, Vstupenky na akce, Část košíku módy, Část produktu módy, Módní produkty, Produkty výbavy, Ilustrátorské tisky, Tipy pro životní styl, Produkty obchodu, Produkty eCommerce. ### Obsah 7 Karty článků, Finanční kalkulačka, Diskuze fóra, Členové fóra, Témata fóra, Kategorie receptů, Kalkulačka pronájmu. ### Interaktivní 6 Audio Player Bar, Configurator Option, Domain Search, Host Price, Host Slider, Play Track Button. ### Canvas 4 Zubní FAQ, Pozadí s tečkovanou mřížkou, Živý kanál transakcí, Virtuální karta. ### Hlavička 3 Forum Header Dropdown, Forum Search Overlay, Photographer Menu. ### Portfolio 3 Motion Works, Portfolio Grid, Videographer Works. Možnosti šablony vypisují každý blok, který Canvas registruje, včetně bloků vázaných na dema, a u každého je přepínač, který jej odebere z vkladače a zastaví načítání jeho souborů na frontendu. Když importujete demo, jeho bloky se objeví na stránkách, které vytvořilo, plně upravitelné, se stejnými panely nastavení, jaké mají všechny ostatní bloky Canvas. Když demo vrátíte zpět, bloky s ním zmizí. Sdílené ovládací prvky ## Každý blok obsahuje tyto možnosti. Sedm nastavení je u každého bloku, který Canvas registruje, a první čtyři jsou k dispozici i u základních bloků WordPressu a bloků třetích stran, protože jsou přidána do editoru, nikoli do našich bloků. Postranní panel vybraného bloku. Vše, co návštěvník vidí, se tu ovládá, a proto zde není žádné zobrazení kódu. ### Animace Zobrazí blok, jakmile vstoupí do zobrazené oblasti, s nastavitelnou rychlostí, zpožděním a volitelnou animací při odchodu. Animace respektují preferenci návštěvníka pro omezený pohyb. ### Vlastní CSS Napište CSS pro jednu instanci bloku, pokud základní ovládací prvek nedokáže vyjádřit, co chcete. Styl se vztahuje jen na tento blok a před zobrazením na stránce se filtruje. ### Vlastní atributy Přidejte do kořenového prvku bloku z postranního panelu atributy data nebo ARIA, aby je mohl najít třetí skript nebo testovací nástroj. ### Podmínky zobrazení Zobrazte nebo skryjte blok podle stavu přihlášení, role uživatele, velikosti zařízení nebo hodnoty v Možnostech šablony, takže jedna stránka může oslovit více skupin uživatelů. ### Výchozí nastavení bloků Nastavte blok jednou podle svých představ a poté tato nastavení uložte jako výchozí pro každý blok, který na tomto webu později vložíte. - [Jak editor funguje](https://canvaswp.com/cs/editor/) ### Předvolby globálních stylů Uložte pojmenovaný styl a použijte ho na bloky kdekoli na webu. Pozdější změna předvolby se projeví u všech bloků, které ji používají. ### Načítání prostředků podle bloku Stránka načítá jen CSS a JavaScript bloků, které skutečně vykresluje, takže stránka bez posuvníku nikdy nestáhne skript posuvníku. - [Výkon](https://canvaswp.com/cs/performance/) Začněte ze sekce ## 183 blokových vzorů Vzor vloží hotovou sekci do stránky jako běžné bloky, které pak upravíte. Uvnitř nich není žádný surový HTML, takže každý nadpis, obrázek, ikona a odkaz zůstává ovládacím prvkem v postranním panelu. Vzory jsou ve vkladači bloků rozděleny do 17 kategorií: - Hlavička - Obsah - Formuláře - Patička - Blog - Hero - Gallery - Výzva k akci - Ceník - Stránky - Funkce - Události - Popup - Sociální - Testimonials - Portfolio - FAQ Vzory jsou označené, ne uzamčené: prémiový vzor zůstává viditelný ve vkladači se svým štítkem a zobrazí se celý, pokud jsou v něm bezplatné bloky. Stejným způsobem fungují 173 předloh bloků a 4 stylové variace, které jsou součástí šablony, v Editoru webu.