Slovník tvorby webů a online marketingových pojmů

Shortcode

Co je to Shortcode?

Shortcode je speciální zkratkový kód používaný v některých CMS (Content Management System) platformách, jako je WordPress, pro snadné vkládání funkcí, prvků a obsahu do příspěvků, stránek nebo widgetů bez nutnosti psát složitý HTML nebo PHP kód.

Jak funguje shortcode?

Shortcode se zapisuje do hranatých závorek [ ] a při načtení stránky je nahrazen odpovídajícím výstupem nebo funkcí. Díky tomu mohou uživatelé jednoduše vkládat galerie, tlačítka, formuláře, videa, mapy a další dynamické prvky.

Například v WordPressu může shortcode vypadat takto:


Tento kód zobrazí galerii obrázků s ID 123.

Typy shortcode

Samostatný shortcode se zapisuje jednoduše a nemá žádný obsah mezi závorkami. Například:

[contact-form]

Tento kód může zobrazit kontaktní formulář.

Uzavřený (párový) shortcodeotevírací a uzavírací značku, mezi kterými se může nacházet další obsah. Například:

[button]Klikněte zde[/button]

Tento shortcode může generovat tlačítko s textem „Klikněte zde“.

Shortcode s parametry umožňuje přizpůsobení výstupu. Například:


Tento kód zobrazí video se specifikovanou šířkou a výškou.

Kde se shortcodes používají?

  • V příspěvcích a stránkách WordPressu – snadné vkládání dynamického obsahu.
  • V widgetech – některé widgety podporují použití shortcodů.
  • V šablonách (themes) – vývojáři mohou vkládat shortcody přímo do šablon.
  • V pluginech – mnoho pluginů poskytuje vlastní shortcody pro rozšíření funkcionalit.

Jak vytvořit vlastní shortcode v WordPressu?

Vlastní shortcodes lze přidat pomocí PHP kódu v souboru functions.php. Například:

function custom_button_shortcode($atts, $content = null) {
return '<a href="#" class="custom-button">' . $content . '</a>';
}
add_shortcode('button', 'custom_button_shortcode');

Tento shortcode [button]Klikni zde[/button] zobrazí tlačítko s vlastním CSS stylem.

Výhody použití shortcodů

  • Snadné použití – umožňují vkládání funkcí bez nutnosti psaní složitého kódu.
  • Flexibilita – umožňují parametrizaci a přizpůsobení obsahu.
  • Šetří čas – opakovaně použitelný kód na různých místech webu.
  • Kompatibilita s pluginy – mnoho pluginů nabízí shortcody pro snadnou implementaci funkcí.

Závěr

Shortcodes jsou užitečný nástroj pro vkládání dynamického obsahu v WordPressu a dalších systémech. Díky nim mohou uživatelé snadno přidávat funkční prvky, jako jsou formuláře, tlačítka nebo galerie, bez nutnosti znalosti programování. Pro vývojáře představují jednoduchý způsob, jak rozšířit funkce webu pomocí přizpůsobitelných kódů.

Autor článku

Přemek Kubák, Tvorba webů Proweby.

Přemek Kubák – Proweby.cz
SEO konzultant a tvůrce webů.
Tel. 777 217 552, E-mail: proweby@proweby.cz

TOP články