# 57 Shortcodes a elementů

URL: https://canvaswp.com/cs/templates/shortcodes/
Updated: 2026-11-03

Předlohy

Každý obsahový prvek, který Canvas nabízí, má vlastní stránku se všemi variantami pohromadě, abyste si možnosti mohli prohlédnout dřív, než začnete stavět.

[Otevřít živou ukázku](https://demos.canvaswp.com/classic/) [Procházet dema webů](https://canvaswp.com/cs/demos/)

Aktualizováno 3. listopadu 2026

- [Animace (otevře se v nové záložce)](https://demos.canvaswp.com/classic/animations/)
- [Tlačítka (otevře se v nové záložce)](https://demos.canvaswp.com/classic/buttons/)
- [Karusel (otevře se v nové záložce)](https://demos.canvaswp.com/classic/carousel/)
- [Klienti (otevře se v nové záložce)](https://demos.canvaswp.com/classic/clients/)
- [Sloupce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/columns-grids/)
- [Čítače (otevře se v nové záložce)](https://demos.canvaswp.com/classic/counters/)
- [Read More (otevře se v nové záložce)](https://demos.canvaswp.com/classic/read-more/)
- [Ticker (otevře se v nové záložce)](https://demos.canvaswp.com/classic/ticker/)
- [Množství v košíku (otevře se v nové záložce)](https://demos.canvaswp.com/classic/cart-quantity/)
- [Parallaxní prvky (otevře se v nové záložce)](https://demos.canvaswp.com/classic/parallax-elements/)
- [Oddělovače (otevře se v nové záložce)](https://demos.canvaswp.com/classic/dividers/)
- [Icon Boxes (otevře se v nové záložce)](https://demos.canvaswp.com/classic/featured-boxes/)
- [Galerie (otevře se v nové záložce)](https://demos.canvaswp.com/classic/gallery/)
- [Styly nadpisů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/headings-dropcaps/)
- [Seznamy ikon (otevře se v nové záložce)](https://demos.canvaswp.com/classic/icon-lists/)
- [Přechody (otevře se v nové záložce)](https://demos.canvaswp.com/classic/gradients/)
- [Lightbox (otevře se v nové záložce)](https://demos.canvaswp.com/classic/lightbox/)
- [Překryvy položek (otevře se v nové záložce)](https://demos.canvaswp.com/classic/item-overlays/)
- [Prvky formulářů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/form-elements/)
- [Nahrávání souborů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/component-uploads/)
- [Circle Stack (otevře se v nové záložce)](https://demos.canvaswp.com/classic/circle-stack/)
- [Video Facade (otevře se v nové záložce)](https://demos.canvaswp.com/classic/video-facade/)
- [Prvky při posouvání (otevře se v nové záložce)](https://demos.canvaswp.com/classic/scroll-elements/)
- [Lists & Cards (otevře se v nové záložce)](https://demos.canvaswp.com/classic/lists-cards/)
- [Mapy (otevře se v nové záložce)](https://demos.canvaswp.com/classic/maps/)
- [Vložení médií (otevře se v nové záložce)](https://demos.canvaswp.com/classic/media-embeds/)
- [Modální okna (otevře se v nové záložce)](https://demos.canvaswp.com/classic/modal-popovers/)
- [Oznámení (otevře se v nové záložce)](https://demos.canvaswp.com/classic/notifications/)
- [Pagination (otevře se v nové záložce)](https://demos.canvaswp.com/classic/pagination-progress/)
- [Pokrok a dovednosti (otevře se v nové záložce)](https://demos.canvaswp.com/classic/progress-skills/)
- [Tvarové oddělovače (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shape-dividers/)
- [Cascading Images (otevře se v nové záložce)](https://demos.canvaswp.com/classic/cascading-images/)
- [Zvýrazňovač kódu (otevře se v nové záložce)](https://demos.canvaswp.com/classic/code-highlighter/)
- [Akce s médii (otevře se v nové záložce)](https://demos.canvaswp.com/classic/media-actions/)
- [Cenové boxy (otevře se v nové záložce)](https://demos.canvaswp.com/classic/pricing/)
- [Process Steps (otevře se v nové záložce)](https://demos.canvaswp.com/classic/process-steps/)
- [Promo boxy (otevře se v nové záložce)](https://demos.canvaswp.com/classic/promo-boxes/)
- [Citace (otevře se v nové záložce)](https://demos.canvaswp.com/classic/quotes-blockquotes/)
- [Slidery obrázků (otevře se v nové záložce)](https://demos.canvaswp.com/classic/image-sliders/)
- [Sekce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/sections/)
- [Social Icons (otevře se v nové záložce)](https://demos.canvaswp.com/classic/social-icons/)
- [Animace při najetí (otevře se v nové záložce)](https://demos.canvaswp.com/classic/hover-animations/)
- [AJAX Button (otevře se v nové záložce)](https://demos.canvaswp.com/classic/ajax-button/)
- [Podmíněné formuláře (otevře se v nové záložce)](https://demos.canvaswp.com/classic/conditional/)
- [Preloadery (otevře se v nové záložce)](https://demos.canvaswp.com/classic/preloaders/)
- [Upozorňovací boxy (otevře se v nové záložce)](https://demos.canvaswp.com/classic/style-boxes/)
- [Stylizované ikony (otevře se v nové záložce)](https://demos.canvaswp.com/classic/styled-icons/)
- [Tabulky (otevře se v nové záložce)](https://demos.canvaswp.com/classic/tables/)
- [Záložky (otevře se v nové záložce)](https://demos.canvaswp.com/classic/tabs/)
- [Testimonials (otevře se v nové záložce)](https://demos.canvaswp.com/classic/testimonials-twitter/)
- [Thumbnails (otevře se v nové záložce)](https://demos.canvaswp.com/classic/thumbnails-slider/)
- [Toggles (otevře se v nové záložce)](https://demos.canvaswp.com/classic/toggles-accordions/)
- [Líné načítání (otevře se v nové záložce)](https://demos.canvaswp.com/classic/lazy-loading/)
- [Flip Cards (otevře se v nové záložce)](https://demos.canvaswp.com/classic/flip-cards/)
- [Přepínač režimů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/color-mode-switcher/)
- [Vlastní kurzor (otevře se v nové záložce)](https://demos.canvaswp.com/classic/custom-cursor/)
- [Image Compare (otevře se v nové záložce)](https://demos.canvaswp.com/classic/image-compare/)

Každý odkaz otevře skutečnou stránku na živé ukázce, vytvořenou stejnou šablonou a bloky, které nainstalujete.

Který blok

## Blok za každým prvkem

Každá stránka prvku zobrazuje jeden nebo více bloků Canvas s jejich variantami vedle sebe. Najděte prvek, který potřebujete, vložte blok uvedený pod ním a varianty jsou nastavení v jeho panelu.

- **Tlačítka**
   Button, Page Title Buttons
- **Karusel**
   Carousel, Product Carousel
- **Klienti**
   Klienti
- **Sloupce**
   Column, Row
- **Čítače**
   Countdown, Counter
- **Read More**
   Read More
- **Ticker**
   Ticker
- **Množství v košíku**
   Quantity Input
- **Parallaxní prvky**
   Parallax Image
- **Oddělovače**
   Divider
- **Icon Boxes**
   Icon Box
- **Galerie**
   Gallery
- **Styly nadpisů**
   Dropcap, Heading, Text Rotator
- **Seznamy ikon**
   Icon List
- **Překryvy položek**
   Overlay Content, Overlay Item
- **Prvky formulářů**
   Form Field
- **Circle Stack**
   Circle Stack
- **Lists & Cards**
   Link Tiles, Lists & Cards
- **Mapy**
   Map
- **Vložení médií**
   Media Embed
- **Modální okna**
   Modal
- **Oznámení**
   Oznámení
- **Pagination**
   Pagination
- **Pokrok a dovednosti**
   Progress Bar
- **Tvarové oddělovače**
   Plain Image, Shape Divider
- **Cascading Images**
   Cascading Images
- **Zvýrazňovač kódu**
   Code Highlight
- **Akce s médii**
   Background Video / Audio
- **Cenové boxy**
   Inline SVG, Pricing Switcher, Pricing Table
- **Process Steps**
   Process Steps
- **Promo boxy**
   Promo Box
- **Citace**
   Citace
- **Slidery obrázků**
   Image Slider
- **Sekce**
   Hero, Wrapper
- **Social Icons**
   Social Icons
- **AJAX Button**
   AJAX Button
- **Preloadery**
   Preloader
- **Upozorňovací boxy**
   Alert
- **Stylizované ikony**
   Styled Icon
- **Záložky**
   Záložky
- **Testimonials**
   Testimonials
- **Toggles**
   Accordion, Toggle
- **Flip Cards**
   Flip Card
- **Image Compare**
   Image Compare

Sdílená nastavení

## Co každý prvek nese s sebou

### Pokročilý panel

Canvas přidává stejný pokročilý panel ke každému typu bloku na webu, včetně bloků WordPressu a bloků jiných pluginů: animaci vstupu a výstupu, vlastní CSS omezené na daný blok, vlastní atributy a podmínky zobrazení podle role nebo zařízení. Stránka Animace je tento panel v akci.

### Výchozí hodnoty a globální styly

Nastavte tlačítko tak, jak to vyžaduje vaše značka, a uložte toto nastavení jako výchozí, aby od něj začínalo i další vložené tlačítko. Globální styl označuje sadu nastavení, kterou použijete napříč webem a kterou později změníte na jednom místě.

### Zdarma i prémium, stejný tarif

228 z 314 bloků Canvas je zdarma a 86 je prémiových. Každý tarif je zahrnuje všechny, takže žádný prvek na této stránce nevyžaduje upgrade.

- [Celá knihovna bloků](https://canvaswp.com/cs/blocks/)

### Proč menu říká Shortcodes

Ukázka zachovává názvy nabídek z Canvas HTML, šablony, podle které tyto stránky vznikly, a Shortcodes je název, jaký tato nabídka používá pro stránky jednotlivých prvků, takže každý, kdo stavěl s HTML šablonou, najde každou stránku tam, kde ji čeká. V šabloně Canvas pro WordPress ale žádný z nich není shortcode. Každý prvek je registrovaný blok s možnostmi v postranním panelu, uložený jako standardní značkování bloku, a nic po vás nevyžaduje, abyste si pamatovali hranatou značku.

- [Co se přenese z Canvas HTML](https://canvaswp.com/cs/canvas-html-to-wordpress/)

Další předlohy

## Zbytek knihovny

- [Předlohy stránek 13](https://canvaswp.com/cs/templates/page-templates/)
- [Rozložení portfolia 27](https://canvaswp.com/cs/templates/portfolio/)
- [Rozvržení blogu 35](https://canvaswp.com/cs/templates/blog/)
- [Rozvržení obchodu 9](https://canvaswp.com/cs/templates/shop/)