Autor: Neil Lock

Co jsou to proboha vlastně shortcody?

Pokud jste si všimli, jedním ze základních pravidel WordPressu je vždy, opravdu vždy všem všechno o něco usnadnit – jak začátečníkům, tak zkušeným vývojářům. Jedním ze způsobů, jak tohoto cíle dosahují, je používání zkrácených kódů neboli shortcodes.

Stránka podpory WordPress.com je definuje takto:

Zní to celkem jednoduše. Pokud jste o shortcodech před tímto článkem ještě neslyšeli a nevíte, jak vypadají, jsou to ty texty připomínající archaický kód uzavřené v hranatých závorkách.

Ve srovnání s běžným kódem, který obvykle vypadá takto:

(Ehm. Cože?)

Shortcodes obecně vypadají zhruba takto:

(Úplná hračka.)

…a pokud jste vývojář (nebo kdokoli, kdo u počítače seděl alespoň dvakrát), pravděpodobně budete souhlasit, že samotné psaní a klikání pro splnění jednoho nepatrného úkolu může zabrat spoustu času. Ze stejného důvodu, proč máme klávesové zkratky, existují i shortcodes – aby nám všem usnadnily práci, a my tak ušetřili čas pro tvorbu lepších věcí; klávesovým zkratkám jsou velmi podobné právě tím, že mají úplně stejný účel.

Nyní se vraťme k tomuto konkrétnímu shortcodu, stejnému jako výše:

Tento konkrétní se nazývá embed shortcode a je ve WordPressu standardně vestavěný. Vloží video z dané adresy URL přímo do vašeho obsahu. Pokud právě pracujete ve WordPressu, můžete výše uvedený shortcode zkopírovat a vložit na svůj web, abyste si jej vyzkoušeli.

Shortcodes však nejsou dokonalým řešením pro úsporu času. V našem předchozím článku se podrobněji zabýváme tím, jaké mají shortcodes nevýhody a co tým Sandwich chystá, aby je vyřešil.

Prozatím ale s chutí experimentujte se shortcodes a podívejte se, co všechno pro vás mohou udělat.

Ať se vám dobře tvoří weby!

2 října, 2026
Mapování shortcodů: Jak bude PBS podporovat 800+ pluginů a 2 000+ shortcodů
When I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

Během uplynulých několika týdnů tým PBS přidal element mapy a také element záložek.

Působilo by to jako celkem snadná a obyčejná rutina, kdybychom se drželi přidávání nového elementu každých pár dní.

But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

Well, the simple answer is yes. Yes it is.

And we’ve managed to achieve this feat through shortcode mapping.

What is Shortcode Mapping?

Shortcode mapping makes building shortcodes more friendly.

Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

Výhody takovéhoto systému jsou značné:

1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

5.) Overall faster page building time!

Mapování shortcode kódů však není žádnou novinkou a řada page builderů jím již disponuje. V čem je tedy to naše jiné?

Jak funguje mapování shortcode kódů v jiných page builderech

Each person/site does their own shortcode mapping.

Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

V tomto scénáři pak břemeno mapování shortcode kódů zůstává na vás, uživateli. Pokud chcete mít všechny své shortcode kódy kompletně namapované se všemi atributy (a s pěknými výběry barev a dalšími věcmi), budete muset zajistit zadání každého jednotlivého detailu u úplně každého shortcode kódu.

What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

Jak funguje mapování shortcode kódů v Page Builder Sandwich

Shortcode mappings are shared across all users.

Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

To nám přináší spoustu skvělých výhod:
1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!
In case you’re interested in reading into how we made all of this possible, we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

Přihlaste se k odběru našeho newsletteru!

You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!
2 října, 2026
5 jednoduchých tipů, aby váš web vypadal dobře

In general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

Zde je několik základních tipů, jak můžete vylepšit design svých webových stránek.

Add high-quality images

oars.com

whitetablecatering.com

You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

Zvolte ty správné barvy

Lawrence Boone Selections uses black to add a sense of luxury and value to their website

Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

Barevné schéma webu hraje velkou roli při vytváření správného tónu a nálady pro vaši značku. Výběr pěkné barvy nemusí nutně znamenat, že je to ta správná. Každá barva vysílá jiné poselství a reakci. Barvy jsou jednou z prvních věcí, kterých si návštěvníci webu všimnou, a mohou skutečně ovlivnit úspěch vašeho webu.

Vyberte pro svůj design maximálně dvě až tři základní barvy. Pokud cítíte potřebu přidat více barev, můžete využít tóny a odstíny vašich základních barev. V teorii barev je tón (tint) směsí barvy s bílou, což zvyšuje světlost, zatímco odstín (shade) je směsí barvy s černou, což světlost snižuje.

Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

Používejte kontrastní písma

There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

Kombinování dvou písem může být obtížné i pro designéry. Vše si můžete zjednodušit tím, že si pohrajete se dvěma různými řezy z jedné písmařské rodiny. Pokud je druhé písmo nutné, vyberte takové, které dobře kontrastuje s prvním písmem. Běžně spolu dobře funguje kombinace patkového a bezpatkového písma. Dalším důležitým tipem je vybrat písma, která odpovídají stylu vaší společnosti. Můžete mít to nejhezčí písmo na světě, ale pokud je použito ve špatném kontextu, může přesto vypadat hrozně.

Udržujte čistotu pomocí prázdného prostoru

Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

Přizpůsobte web mobilním zařízením

People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

Další tip: Použití Page Builder Sandwich na vašem webu automaticky aktivuje mobilní zobrazení a přizpůsobí jej velikosti mobilní obrazovky.

Závěr

Pamatujte: Podcenění síly designu je jednou z nejhorších chyb, kterých se můžete při tvorbě webu dopustit. Při navrhování svých stránek samozřejmě nemusíte vynakládat přehnané úsilí, ale pouhé dodržování těchto tipů mezitím zajistí, že váš web nebude u vašeho publika vyvolávat žádné pocity nesouhlasu či odmítnutí.

2 října, 2026
5 důvodů, proč záleží na prázdném prostoru (whitespace)

V podstatě je bílé místo (whitespace) ve své nejzákladnější definici prostor kolem a mezi všemi prvky kompozice, který zůstává prázdný. Není to jen plýtvání místem na obrazovce, jak si většina majitelů webů myslí. Při správném použití může bílé místo přinést výhody k lepší propagaci produktu. Je to důležitý klíč k vytvoření dobrého designu a zlepšuje web v každém ohledu.

Ačkoli název bílé místo napovídá, že je tento prostor bílý, nemusí být vždy doslova bílý. Bílé místo může mít ve skutečnosti jakoukoli barvu – může mít dokonce jemný vzor nebo texturu. Je to oblast, na kterou nechcete, aby se oko zaměřovalo. Alternativně se mu říká negativní prostor.

Proč tedy na bílém místě záleží?

Zdroj obrázku: News Feed

Důvod č. 1: Zlepšuje čitelnost

Bílé místo mezi účařími a odstavci lidem pomáhá pohodlně číst veškerý obsah na webu. Úprava drobných detailů vašeho webu (jako je řádkování nebo prostrkání písmen) může mít obrovský vliv na to, aby bylo čtení snazší.

Cílem je přimět lidi, aby chtěli pokračovat ve čtení, a to navrhováním rozvržení, která jsou příjemná pro oči.

Zdroj obrázku: HP Magic Words

Důvod č. 2: Zrychluje interakci

Buďme upřímní: většina vašich návštěvníků nebude mít dostatek trpělivosti důkladně zkoumat obsah při procházení webových stránek. Když web působí přeplněně, odvádí to pozornost uživatelů od nalezení toho, co hledají.

Bílá místa by měla pomáhat vést diváka po stránce. Méně prvků soutěžících o pozornost a správné využití bílých míst dokáže zabránit rozptylování, které návštěvníky zpomaluje.

Zdroj obrázku: Google

Důvod č. 3: Přitahuje pozornost ke správným prvkům

Bílé místo může uživatelům poskytnout vizuální vodítka, kam by se měli dívat. Při správném použití pomáhají bílá místa zdůraznit informace a přitáhnout pozornost ke konkrétní oblasti na vašem webu.

Pamatujte, že pokud vyniká všechno, nevyniká nic.

Zdroj obrázku: Pocket Penguins

Důvod č. 4: Na prvním dojmu záleží

Vzhled a celkový dojem webu jsou hlavním klíčem k dobrému prvnímu dojmu. Dobrý první dojem často vede k delší době návštěvy. Příliš málo bílého místa může způsobit, že váš web bude vypadat lacině a nespolehlivě. Návštěvníci nebudou web ani značku považovat za důvěryhodné, pokud nevypadají atraktivně. Dostatečné množství bílého místa pomáhá vytvořit pro váš web ten správný tón. Bílé místo může být způsobem, jak komunikovat důmyslnost, svěžest a někdy i eleganci.

Tip: Zde je nápad, jak vytvořit webový design jednoduchý a povědomý.

Zdroj obrázku: Flock Knitwear

Důvod č. 5: Pomáhá vytvářet prostor k nadechnutí a rovnováhu

Vyvážený design neznamená symetrický. Velký designový prvek lze vyvážit několika menšími. Přidání bílého místa je skvělý způsob, jak vyvážit různě velké designové prvky na vaší stránce. Vytvořte plynulý tok, aby oči uživatelů netěkaly sem a tam. Dobrý design by měl dokázat uživatele provést od jednoho bodu k druhému, aniž by návštěvníka zmátl.

Závěr

Až příště navštívíte nějaký web a přistihnete se, že na něm chvíli zůstáváte, zamyslete se nad tím, co vás přimělo zůstat a číst. Myslíte si, že díky řádkování se článek čte snadněji? Vyvolává ve vás tento zážitek chuť se vracet pro další obsah? Měli jste potíže s hledáním navigace?

Všimněte si zdařilého použití bílého místa na webu. Pokud si myslíte, že by to mohlo fungovat i na vašem webu, naučte se aplikovat a řídit, kolik prostoru byste měli svým prvkům vyhradit, dokud nebudete mít pocit, že jste dosáhli správného tónu a čitelnosti, aniž byste obětovali požadovaný „tok“ vašeho webu.

Konečným cílem každého webu je komunikace. Vizuální přitažlivost jde ruku v ruce s úspěchem vašeho webu.

2 října, 2026
Přidání stylových map na vaše stránky představuje interaktivní zážitek
Nyní můžete do svých návrhů stránek vkládat mapy pomocí Page Builder Sandwich!

Být nadšený z map může působit zvláštně. Vezmete URL adresu z Google Map a vložíte ji. Nebo si najdete na internetu plugin pro mapy a vložíte zkrácený kód (shortcode). Nebo už váš jiný page builder mapy obsahuje a můžete si ji přidat, kdykoli chcete. Důvodem našeho nadšení však je, že jsme přidávání map posunuli na zcela novou úroveň.

Zde je ukázka:

Starý nudný způsob přidávání mapy

Takhle se přidává mapa v běžném page builderu:
1. Přetáhnete nový prvek mapy,
2. Do políček zadáte zeměpisnou šířku a délku,
3. Vyplníte další hodnoty v polích, jako je výška a šířka mapy, zaškrtnete styl silnic atd.,
4. Kliknete na náhled, zkontrolujete, jak to vypadá, a zjistíte, že potřebujete něco upravit, aby to vypadalo lépe,
5. Vrátíte se do page builderu, změníte hodnoty a zopakujete krok 4.
Přidávání mapy po způsobu Page Builder Sandwich

Mapy na webech jsou interaktivní – můžete se po nich posouvat, přibližovat je a oddalovat. Řekli jsme si tedy: proč se zdržovat hádáním a neumožnit lidem pracovat s mapou přímo během tvorby stránky?

Takhle se přidává mapa v Page Builder Sandwich:
1. Přidáte prvek mapy,
2. Zadáte zeměpisnou šířku a délku nebo adresu, na kterou chcete mapu vycentrovat,
3. Posunete mapu a přiblížíte či oddálíte ji přesně tak, jak potřebujete,
4. Přidáte mapám skvělé barvy, které ladí s vaším stylem,
5. Kliknete na uložit.
Náš způsob je mnohem zábavnější a intuitivnější. V podstatě s mapou pracujete tak, jak jste zvyklí u běžných Google Map.

Barevné mapy nebo stylování pomocí SnazzyMaps

Skvělou funkcí, kterou jsme přidali, je možnost tónovat a barvit mapy – a je to neuvěřitelně snadné. (Tato funkce je dostupná pouze v prémiové verzi). Pokud chcete mapu obarvit, stačí kliknout na náš výběr barev, zvolit barvu a mapa se okamžitě změní.

Zde je jedna tónovaná do růžova:

Page Builder Sandwich podporuje také propracovanější barevná schémata prostřednictvím SnazzyMaps. Nabízejí obrovský výběr barevných schémat od uživatelů a pokud chcete mít nad barvami větší kontrolu, můžete si vytvořit i vlastní.

Stačí najít barevné schéma, které se vám líbí, zkopírovat kód a vložit jej do Page Builder Sandwich. Barevné schéma se na vaši mapu ihned aplikuje.

Zde je skvělé barevné schéma s názvem papuportal dark ze SnazzyMaps:

Umístěte mapy kamkoli se vám zachce

S mapami můžete dělat ještě spoustu dalších skvělých věcí – třeba je přidat do řádků na celou šířku pro působivější efekt. Pokud chcete, můžete je také vložit do karuselu nebo do záložek (připravovaná funkce).

Pokud ještě Page Builder Sandwich nemáte, můžete si prémiovou verzi vyzkoušet kliknutím na odkaz „Živé demo“ výše.
2 října, 2026
Nevyřčený problém shortcodů

Shortcody představují jeden z vrcholů WordPressu. Shortcody tvoří most mezi vývojáři a tvůrci webů a umožňují lidem vkládat propracovaný obsah téměř kamkoli si přejí. Tvůrci pluginů shortcody milují, protože jim dávají větší flexibilitu v tom, jak a kde jejich uživatelé obsah zobrazují.

Pokud nevíte, co shortcody jsou a jak vypadají, jde o ony archaické texty připomínající kód uzavřené v hranatých závorkách. Vypadají nějak takto:

Tento konkrétní se nazývá embed shortcode a ve WordPressu je vestavěn ve výchozím nastavení. Tento konkrétní vkládá video z dané URL adresy přímo do vašeho obsahu. Pokud si ho chcete vyzkoušet, stačí výše uvedený shortcode zkopírovat a vložit na svůj web.

V zákulisí se děje to, že když WordPress ve vašem obsahu narazí na shortcode, zpracuje ho a převede na něco jiného. V našem případě výše, kdykoli je

shortcode detekován, WordPress vezme URL adresu v shortcodu a porovná ji s celou řadou poskytovatelů obsahu, které má k dispozici. Když nějakého najde, získá příslušný kód pro vložení přes iframe a zobrazí místo něj ten.

V čem je tedy problém? Zní to docela jednoduše – stačí zadat krátký text se závorkami a máte hotovo.

A zde přichází Shortcode API…

Záplava shortcodů

Shortcode API otevírá tvorbu shortcodů vývojářům. Díky tomu mohou vývojáři přidávat do svých pluginů vlastní shortcody.

To je skvělé – nyní mohou začátečníci i pokročilí uživatelé pomocí pouhého krátkého úryvku připomínajícího kód (odtud název „shortcode“) umístit prakticky jakýkoli typ obsahu kamkoli si přejí.

WordPress má ve výchozím nastavení jen hrstku shortcodů. Lze je snadno napsat zpaměti, protože jich je jen pár. Pokud ale nainstalujete několik pluginů, počet shortcodů rychle vyskočí na desítky a v některých případech i na více než stovku. Každý shortcode má vlastní sadu atributů a pokynů k použití. Každý plugin má s největší pravděpodobností nějakou dokumentaci, která vysvětluje, jak všechny jeho shortcody fungují, a uvádí všechny dostupné parametry pro každý z nich. Byli byste ale blázni, kdybyste se snažili zapamatovat si všechny shortcody a jejich atributy.

Problém je v tom, že neexistuje žádné centrální místo, kde byste našli všechny shortcody dostupné na vašem webu a návod, jak je používat.

Někteří se snaží problém vyřešit

Některé pluginy se snaží tento problém vyřešit tak, že všechny své vlastní shortcody nabízejí ve snadno dostupné rozbalovací nabídce. Kliknutím na některý z nich se pak vypíše shortcode včetně všech možných atributů. Už si ho nemusíte pamatovat, což je skvělá věc.

Některé jdou ještě dál a přidávají vyskakovací formulář s nastavením, který obsahuje zaškrtávací políčka a výběry barev pro vyplnění atributů shortcodu.

Toto řešení víceméně funguje. Každý plugin však uvádí pouze své vlastní shortcody. Pokud si tedy každý plugin vytvoří vlastní výběr shortcodů, nevyhnutelně nastanou situace, kdy budete mít na obrazovce několik různých výběrů najednou (to se mi už stalo).

Jinými slovy, každý plugin si dělá své vlastní věci a implementuje vlastní řešení pro své vlastní shortcody. Některé pluginy přidávají buď nové tlačítko vedle tlačítka „Mediální soubory“, nebo nové tlačítko přímo v editoru TinyMCE.

Možná si teď říkáte: „Proč neshromáždit i shortcody ostatních pluginů a nezahrnout je do rozbalovací nabídky / výběru shortcodů také?“ Přesně to mě napadlo. Snáze se to však řekne, než udělá. Za chvíli vysvětlím proč, ale nejprve se podívejme na to, jak by vypadalo ideální řešení.

Ideální řešení

Dokonalým plánem by bylo vytvořit plugin, který shromáždí všechny dostupné shortcody na vašem webu, nabídne vám jejich seznam a také vám pomůže vyplnit všechny atributy. A pokaždé, když nainstalujete nový plugin, zobrazí se vám i všechny tyto nově zavedené shortcody.

Představte si centrální místo, kde budou všechny vaše shortcody umístěny pro snadný přístup. U každého shortcodu by bylo popsáno, co dělá a ke kterému pluginu patří. A představte si, že u každého dostupného atributu by byl popisek, vhodný způsob výběru hodnoty a popis. Zobrazovaly by se vám rozbalovací nabídky, výběry barev, přepínače, přepínací tlačítka a podobně.

Něco takového by nám jako tvůrcům webů a obsahu usnadnilo život. Už žádné procházení různých dokumentací nebo různých částí administrace jen proto, abyste zkopírovali vygenerovaný shortcode pro slider, který chcete použít.

Háček

Bohužel je v současnosti docela obtížné něco takového udělat. Neexistuje žádný spolehlivý způsob, jak zjistit veškeré podrobnosti o shortcodu. Můžete získat seznam všech shortcodů, ale pouze jejich skutečné značky/názvy; nezískáte o nich žádné další podrobnosti, jako je seznam atributů, co dělají a jaké jsou jejich typy – například řetězec, barva nebo číslo. Stejně tak nelze získat ani náznak popisu pro jednotlivé atributy.

Poznámka pro vývojáře: ano, pro funkci shortcode_atts byl nově přidán třetí argument, ale není povinný. Pokud jej tedy neimplementuje každý vývojář pluginů na světě, stále nebudeme mít spolehlivý způsob, jak určit všechny atributy daného shortcodu.

Shortcode API neposkytuje žádné možnosti pro přidávání popisů shortcodů, typování atributů ani popisů atributů. A pokud samotný WordPress nepřidá centrální prostor pro přístup k shortcodům, pochybuji, že taková možnost vůbec vznikne.

Závěr

V současné době je úkol organizace shortcodů ponechán na každém vývojáři. Dokud nebude ve WordPressu vyvinuta centrální metoda, můžete očekávat, že v administraci budete i nadále vídat více tlačítek „Přidat shortcode“. Zda by mělo být něco takového přidáno přímo do jádra WordPressu, je samo o sobě tématem k další velké diskuzi.

Alternativa

Existují pluginy pro tvorbu stránek (page buildery), které k tomu přistupují jinak. Místo programového zjišťování shortcodů mají mapovače shortcodů, kde mohou uživatelé ručně zadat každý detail shortcodu. Jakmile je hotovo, shortcode je pak k dispozici v rámci page builderu. Ačkoli to funguje, je to dostupné pouze na vašem vlastním webu.

My v Page Builder Sandwich vytváříme něco, co snad tuto hádanku se shortcody vyřeší. Přihlaste se níže k odběru našeho newsletteru, abyste byli informováni o našem pokroku.

2 října, 2026

WordPress.com vs. WordPress.org

Pokud jste v tvorbě webových stránek relativně noví, je dost pravděpodobné, že velkou debatu WordPress.com vs. WordPress.org neznáte. Možná jste ani nevěděli, že vedle sebe existují obě varianty a jaké jsou jejich jednotlivé výhody a nevýhody. O co tedy v této velké debatě mezi používáním WordPress.com a WordPress.org vlastně jde? Je ta druhá varianta jen levná napodobenina čekající na žalobu?

Vlastně ne.

Tato debata je ve zkratce o tom, která z těchto dvou služeb WordPressu se lépe hodí pro web, který se snažíte vytvořit. Ani jedna není kopií té druhé a obě spadají pod WordPress; jde jen o to, že jedna (.com) je verzí přívětivější pro nevývojáře, zatímco .org má při tvorbě webu v porovnání s .com mnohem méně omezení.

„Jak ale poznám, kterou potřebuji?“

Odpověď na tuto otázku závisí výhradně na potřebách vašeho budoucího webu. Neexistuje žádný WordPress, který by byl objektivně „lepší“ nebo dokonce „nejlepší“ volbou. Obě verze mají své jedinečné funkce a stejné množství kladů i záporů.

WordPress.com: Proč a kdy po něm sáhnout?

WordPress.com se za vás postará o to nejnutnější, což vám umožní soustředit se více na obsah webu. Jde o nástroj pro tvorbu webu, který kompletně provozuje a hostuje společnost Automattic. Získáte prémiový hosting, zálohování, zabezpečení a podobně. To znamená, že se na obsah webu můžete soustředit mnohem snáze, než kdybyste museli trávit celé hodiny jeho stavbou od nuly.

Mějte však na paměti, že WordPress.com má také svá omezení. I když se nemusíte tolik starat o údržbu technického zázemí svého webu, musíte počítat s tím, že pravděpodobně nebudete mít tolik svobody, kolik byste si přáli. Zatímco přizpůsobení rozhraní webu nemusí být problém (WordPress.com například nabízí spoustu šablon), přidávání určitých funkcí a prvků v podobě pluginů se může stát překážkou, zvláště pokud váš web potřebuje specifické funkce, které na WordPress.com nejsou dostupné.

Jak web spravovat, to je úplně jiný příběh. Velmi záleží na tom, zda 1.) nejste vývojář WordPressu, 2.) nemáte v úmyslu se učit kódovat, nebo 3.) na to máte málo času či vůbec žádný.

WordPress.org: Kdy je čas o něm uvažovat?

Jedno ze základních pravidel při zvažování WordPress.org je: pokud se alespoň trochu vyznáte v tom, jak kód funguje, nebo jste ochotni investovat nějaký čas do toho, abyste se to naučili. Jelikož je WordPress.org verze s vlastním hostingem, můžete si ušpinit ruce přesně tak, jak sami chcete. Navíc máte svobodu si s ním pohrát tolik (nebo tak málo), jak se vám zlíbí. Budete mít na starosti nalezení vlastního hostingu, nastavení vlastních bezpečnostních záloh a celkovou správu webu zcela sami – a co je důležitější, podle svých vlastních podmínek.

„Ale počkat, proč bych to chtěl? Není smyslem WordPressu tvorbu webu usnadnit?“

…Ne tak docela. Představte si to takto: The Daily Post uvádí skvělou analogii mezi WordPress.org a WordPress.com, a to způsobem, který ihned pochopí i ten největší nováček (jako já).

Podle nich musíte WordPress.com vnímat jako něco, co plně nevlastníte. Představte si například své patnáctileté já, jak stále bydlí u rodičů. Kdybyste si chtěli vymalovat pokoj, museli byste nejprve požádat o svolení rodiče (kteří samozřejmě dům včetně vašeho pokoje plně vlastní). Technicky vzato je pokoj váš, ale když na to přijde, no… vlastně není.

Pokud tedy potřebujete nebo chcete udělat nějaké zásadní změny (jako vymalovat stěny nebo rozšířit pokoj), musíte si o tom promluvit a/nebo najít kompromis se skutečnými majiteli domu, alias mámou a tátou. Výhodou však je, že když v suterénu vyletí pojistky nebo přestane fungovat klimatizace, postarají se o to rodiče a vy se nemusíte o nic starat.

WordPress.org je naopak něco, co si můžete svobodně upravovat a přizpůsobovat podle vlastního uvážení. Dá se to přirovnat k situaci, kdy se v osmnácti konečně odstěhujete a pořídíte si vlastní byt. Jelikož své bydlení plně vlastníte, nemusíte dělat kompromisy s nikým, abyste si vymalovali stěny barvou, ze které měla vaše máma vždycky hrůzu; máte svobodu se rozhodnout a/nebo najmout někoho, kdo vyhovuje vašim nárokům, aby to udělal za vás. Navíc si můžete sami svobodně vybrat, jakou klimatizační jednotku do obýváku chcete. Jenže když se náhodou porouchá, budete muset zavolat opraváře, nebo sami přijít na to, co je špatně, a opravit to na vlastní pěst (což není tak zlé, protože hej – nová zkušenost a učení je dobrá věc).

Nyní už máte doufejme jasnější představu o tom, jaké zásadní rozdíly mezi WordPress.com a WordPress.org jsou. Ale ve zkratce:

instalujte tolik nebo tak málo, kolik chcete šablony jsou omezeny pouze na šablony WordPressu, musíte zaplatit určitý poplatek, abyste se zbavili reklam.Máte téměř plnou kontrolu nad svým webem; můžete přidávat, přizpůsobovat nebo dokonce vytvářet vlastní šablony.

Kontrola nad obsahem je omezená;

WordPress.com	WordPress.org
Kompletní hosting od WordPressu; veškeré základní náležitosti jsou zajištěny.	Vlastní hosting; vyberte si vlastní základy nebo zvolte lepší.
Funkce jsou omezeny na to, co nabízí WordPress.com	Tisíce funkcí v podobě pluginů;

Toto je několik srovnání, která přicházejí v úvahu při zvažování rozdílů mezi těmito dvěma možnostmi. Volba mezi nimi se nakonec scvrkává na míru svobody, kterou při tvorbě svého webu chcete mít, a kolik zdrojů (času, úsilí, peněz atd.) jste ochotni tomu obětovat. Nezapomeňte, že obě tyto možnosti je velmi důležité zvážit, než se rozhodnete, která platforma WordPressu vám vyhovuje nejlépe. S rozhodováním proto nespěchejte!

Úspěšnou tvorbu webu!

2 října, 2026

Proč WordPress?

Při tvorbě prvního webu je důležité zvážit jednu podstatnou věc – ať už jde o firmu, freelancera nebo kohokoli jiného – ne každý ovládá kódování a vývoj softwaru. Může jít například o kuchaře, který chce sdílet recepty online, studenta umělecké školy potřebujícího profesionálně vyhlížející portfolio, nebo začínající firmu, která potřebuje vlastní web. Ať už je to tak či onak, faktem zůstává, že ačkoli někteří z nás mohou znát základy programování, ne všichni jsme vývojáři na plný úvazek a ne každý, kdo web potřebuje nebo chce, jej zvládne vytvořit úplně od nuly. Právě zde může přijít vhod WordPress. Nabízí se tedy otázka: „Proč právě WordPress?“

DŮVOD Č. 1

WordPress je redakční systém, což zajišťuje maximální uživatelskou přívětivost.

Nejprve je potřeba vědět, že WordPress je redakční systém (neboli CMS). Zjednodušeně to znamená, že WordPress umožňuje vytvářet weby bez nutnosti psát kód od začátku. Nabízí systematické a přehledné rozhraní, díky kterému máte vše pod kontrolou, aniž by bylo nutné neustále zasahovat do kódu.

Zatímco tvorba webu od nuly obvykle začíná takto:

S redakčním systémem lze začít takto:

Administrační rozhraní WordPressu. Správa a tvorba webů je s CMS mnohem snazší.

Možná se však ptáte: „WordPress vypadá skvěle, ale co když nenabízí funkce, které pro web potřebuji?“, nebo „co když potřebuji mapu, přehrávač hudby, cachování nebo spolehlivější zabezpečení?“

…Technicky vzato WordPress požadovanou funkci s největší pravděpodobností má – v podobě pluginu pro WordPress.

DŮVOD Č. 2

Pluginy: třešnička na dortu WordPressu

Pokud máte obavy, že WordPress určitou konkrétní funkci pro web nenabízí, není se čeho bát: pravděpodobně ji má.

Pluginy jsou rozšiřující moduly, které slouží k rozšíření funkcionality webu ve WordPressu. Podnikatel potřebující kontaktní formulář zjistí, že WordPress sám o sobě tuto funkci nemá, existuje však spousta pluginů, které ji zajistí. A protože je WordPress open-source – což znamená, že k jeho vývoji může přispět prakticky kdokoli –, neustále vznikají pluginy nové. Lze tak získat požadovaný kontaktní formulář i mnohem více. Máte svobodu přidávat další pluginy od tlačítek pro sdílení na sociálních sítích přes mapy až po dodatečné zabezpečení webu, a mnoho dalších funkcí a rozšíření. Nezní to skvěle?

K dnešnímu dni existují tisíce takových pluginů – a některé z nich jsou dostupné zdarma nebo mají bezplatnou verzi, včetně PBS.

DŮVOD Č. 3

Open-source: komunita WordPressu

WordPress je open-source. To znamená, že kdokoli se může zapojit do jeho vývoje a zkoumat zdrojový kód, a tím se dozvědět více o vývoji softwaru i o samotném WordPressu. Existují dokonce firmy, které se věnují výhradně tvorbě a vývoji produktů souvisejících s WordPressem, jako jsou pluginy a šablony (jako my!).

Díky tomu, že je WordPress open-source, existuje obrovské množství uživatelů, vývojářů i designérů, kteří spolu neustále spolupracují a pomáhají si řešit problémy spojené s WordPressem. Tímto způsobem získáte skutečnou pomoc od skutečných lidí a zároveň se můžete učit navzájem. Něco takového běžná zákaznická podpora nabízí jen stěží.

DŮVOD Č. 4

WordPress je prověřená volba.

CNN, oficiální blog Star Wars, magazín Time a dokonce i Beyoncé provozují weby na WordPressu, a to je jen několik příkladů. Velká jména však nejsou jediným důkazem důvěryhodnosti WordPressu – podle Treehouse.com běží na WordPressu zhruba 25 % všech webů na internetu. Vzhledem k tomu, kolik milionů webů existuje… 25 % je opravdu obrovské číslo.

DŮVOD Č. 5

Přizpůsobení bez hranic!

Pro WordPress je k dispozici nepřeberné množství šablon. Vybírat můžete z bezplatných verzí, prémiových řešení nebo si dokonce vytvořit vlastní (či si její vytvoření zadat u profesionála!).

DŮVOD Č. 6:

Je zdarma.

Ano, čtete správně. Při lokálním vývoji je WordPress zcela zdarma a do počítače jej lze nainstalovat pouhým kliknutím na tlačítko. Stejně tak místo najímání vývojáře můžete využít své dosavadní znalosti kódování a zjistit více o tom, jak WordPress funguje (a učit se novým věcem je vždy přínosné).

…nemluvě o tom, že pokud nemáte čas pronikat příliš hluboko do WordPressu a tvorby webu, vždy si můžete pořídit šikovný plugin pro tvorbu stránek a vyzkoušet ten náš.

Pamatujte, že s WordPressem jsou možnosti nekonečné a k pochopení toho, jak vše funguje, není třeba být génius!

Používání WordPressu ušetří spoustu času, peněz i úsilí. A v době, kdy je těchto zdrojů málo, nezapomínejte, že weby na WordPressu, pluginy (jako PBS!), šablony a především komunita kolem něj vám mohou podat pomocnou ruku a vše výrazně usnadnit.

Úspěšnou tvorbu webu!

2 října, 2026
3 věci ke zvážení, než se pustíte do nástrojů pro tvorbu stránek

Je docela možné, že jste zde proto, že jste slyšeli, že PBS je dost možná jednou z nejrychlejších zkratek k tvorbě webu. Ačkoli page buildery obecně existují proto, aby věci usnadnily, stále existuje několik věcí, které byste měli vzít v úvahu, než se ponoříte hlouběji do této konkrétní oblasti vývoje ve WordPressu.

Naučit se WordPress: Zásadní předpoklad pro page builder

Toto je pravděpodobně nejzřejmější položka na tomto seznamu, ale stále ta nejdůležitější. Page buildery bohužel nelze koupit zcela samostatně. Přicházejí ve formě pluginů pro WordPress, které si budete muset nainstalovat a naučit se je ovládat. Buďte si jisti, že WordPress je jedním z nejjednodušších a nejspolehlivějších způsobů, jak vytvořit webové stránky. Vzhledem k době, ve které dnes žijeme, nebudete litovat, že ovládáte i něco technického. Existuje rozdíl mezi WordPress.com a WordPress.org, a vědět, který z nich vyhovuje vašim potřebám, vám také ušetří čas!

Pokud vás ale množství některých technických termínů v tomto článku trochu děsí, nezoufejte. Existuje několik užitečných webů, které můžete navštívit a které vám pomohou začít. Mezi ně patří WordPress Codex a Treehouse. Najdete tam tipy pro WordPress a tvorbu webu v závislosti na vašich potřebách a úrovni znalostí.

Možná byste měli nejprve otestovat terén, jen pro jistotu

Vždy je dobrý nápad vyzkoušet bezplatné a/nebo zkušební verze dříve, než uděláte jakékoli velké nákupy, kterých byste mohli v budoucnu litovat . Naštěstí většina page builderů nabízí bezplatné/demo verze. Samozřejmě se také můžeme podívat na spoustu spolehlivých recenzí o page builderech, zatímco jiné page buildery porovnávají a srovnávají. Nezapomeňte pečlivě zvážit své možnosti!

Kromě procházení článků a recenzí je jednou z věcí, které se nám na WordPressu líbí, to, že za ním stojí obrovská komunita. Jsou zde jednotlivci, týmy a dokonce i firmy, které jsou ochotné podat pomocnou ruku svým kolegům uživatelům WordPressu, zvláště těm novým, jako jste vy! Komunita v podstatě funguje spíše na principu posílání pomoci dál než na principu něco za něco.

Design dělá obrovský rozdíl

Nadšenkyně do WordPressu Donna Fontenot Cavalier uvádí velmi dobrý postřeh ohledně drag-and-drop page builderů a důležitosti základního designu. Zatímco drag-and-drop nástroje jako PBS vám mohou ušetřit spoustu času, základní know-how a alespoň určitý cit pro estetiku je další zásadní věcí, kterou je třeba při tvorbě webu zvážit. Představte si scénář – řekněme, že se vám dostane do rukou šikovný page builder dle vašeho výběru: to je skvělé! Ale pak řekněme, že jste člověk, který zrovna nemá ten nejlepší cit pro umění, design a funkčnost: a jeje.

Nemějte však obavy. Page Builder Sandwich není jen page builder; náš tým se také věnuje pomoci ostatním uživatelům WordPressu. Pokud tedy řešíte nějaké potíže týkající se designu, netrapte se tím – zde na blogu PBS máme spoustu článků s mnoha užitečnými tipy, které vám pomohou začít. Tímto způsobem zvládnete udělat více, více se naučit a méně se stresovat.

Pamatujte, pokud máte jakékoli dotazy nebo obavy týkající se page builderů či čehokoli souvisejícího s výše uvedenými body, neváhejte nám zanechat zprávu v sekci komentářů níže. Našim zákazníkům vždy rádi pomůžeme.

Přejeme úspěšnou tvorbu webu!

2 října, 2026
Jak vytvořit základní hero záhlaví ve 3 jednoduchých krocích

When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

Co jsou to Hero záhlaví?

The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

Chcete-li začít s tvorbou svého úplně prvního hero záhlaví v PBS, postupujte podle následujících rychlých kroků:

Krok 1: Vložte sloupec a upravte šířku řádku

Click 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

Full-Width – Background, text and other elements fill the entire width of your browser window

Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

Krok 2: Upravte vnější okraj pro vytvoření volného prostoru

Increase the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

Krok 3: Přidejte pozadí s textem a překryvnými prvky

To add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

Tip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

Type in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

Tip č. 2: U prvků značky zvažte použití bílého nebo černého loga, aby nekolidovalo s barevným obrázkem na pozadí.

You can also add buttons by clicking on Button below the Insert Content tab.

Nezapomeňte svou práci uložit a máte hotovo!

Gratulujeme k vytvoření vašeho prvního hero záhlaví pomocí PBS! Pokud se vám to však nepodařilo, nemusíte zoufat; začít od nuly je s PBS pravděpodobně jednodušší, takže by to neměl být takový problém.

Ať se vám tvorba webu daří!

2 října, 2026