# Vytvoření webu restaurace ve WordPressu URL: https://canvaswp.com/cs/guides/build-a-restaurant-website-with-wordpress/ Updated: 2026-11-03 Příručka Restaurační web má čtyři úkoly: ukázat jídlo, přesvědčit, že restaurace stojí za cestu přes celé město, přijímat rezervace a sdělovat, kdy je otevřeno. Tento návod zvládne všechny čtyři, od prázdné instalace WordPressu až po web, který lze předat zákazníkovi. Publikováno 5. září 2026 Aktualizováno 3. listopadu 2026 Napsal tým Canvas ze SemiColonWeb ## Krok 1: Připravte WordPress Web restaurace se opírá o tři nastavení WordPressu víc než většina webů, proto je nastavte dříve, než začnete upravovat design. - **Název webu a podtitulek.** Nastavení, poté Obecné. Název restaurace napište do názvu webu a jídlo a okolí do podtitulku. Karta prohlížeče, výsledek vyhledávání i karta, kterou host přepošle přátelům, vznikají právě z těchto dvou řádků. - **Trvalé odkazy.** Nastavení, poté Trvalé odkazy, poté Název příspěvku. Stránka s nabídkou dostane adresu, která je dost krátká na to, aby se vytiskla na stolní kartičku nebo leták. - **Časové pásmo.** Vraťte se na obrazovku Obecné a vyberte město, ve kterém restaurace sídlí. Žádosti o rezervaci se podle něj časově označují a při špatném nastavení se dnešní rezervace zapíše na zítřek. Ostatní přípravy WordPressu jsou u každého webu Canvas stejné: verze WordPressu a PHP, záloha, kterou jste skutečně ověřili, a dost paměti PHP pro fotografie, které import stahuje. Průvodce importem to probírá jednou pro všechny projekty. [Požadavky a zálohy před importem](https://canvaswp.com/cs/guides/import-a-wordpress-demo-website/#before) Žádost o rezervaci má cenu, jen pokud ji kuchyně uvidí před začátkem služby. WordPress předává své e-maily vašemu serveru, pokud mu neřeknete jinak, a mnoho hostingů tyto e-maily bez upozornění zahodí. Nastavte si nyní službu pro doručování e-mailů nebo plugin SMTP a odešlete si testovací zprávu. ## Krok 2: Nainstalujte Canvas a spusťte průvodce nastavením Nahrajte zip soubor šablony z nástěnky v části Vzhled, Šablony, Přidat nový, a aktivujte ji. Průvodce nastavením se otevře sám a pro tento projekt jde o rychlou práci. - **Nejdříve licence.** Vložte licenční klíč z nástěnky. Právě on umožní průvodci stáhnout balíček pro restauraci v dalším kroku. - **Vyhledejte Italian Restaurant** v kroku výběru dema. Jeho karta vypisuje stránky, příspěvky a pokrmy, které přinese, ještě než se rozhodnete. - **Krok s pluginy se přeskočí sám.** Design restaurace nepotřebuje nic kromě šablony Canvas a pomocného pluginu, který za vás průvodce nainstaluje. Pokud průvodce nastavením zavřete v polovině, bude čekat v nabídce Canvas, dokud se k němu nevrátíte. **Krok s demem.** Vyhledejte ho podle názvu a přečtěte si, co podle karty dema přináší. [Co dělá každý z 9 kroků průvodce](https://canvaswp.com/cs/setup-wizard/) ## Krok 3: Importujte demo restaurace Otevřete [živý náhled](https://demos.canvaswp.com/restaurant/) dema Italian Restaurant ještě před importem a proklikejte se k menu a stránce rezervací. Náhled běží na stejné šabloně, kterou instalujete, takže co tam funguje, bude fungovat i u vás. ### Pro celý web, na novém webu Na prázdné instalaci importujte celý web. Písma, barvy, Možnosti šablony a menu restaurace se stanou součástí vašeho webu, takže stránka pro soukromé stolování, kterou příští zimu přidáte, bude ladit s ostatním webem. Import do již běžícího webu je druhá možnost a příručka k importu vysvětluje, kdy se hodí. ### Co je v balíčku - 6 stránek, od úvodní stránky po jídelní lístek, příběh a kontakt - 6 blogových příspěvků se svými kategoriemi, aby sekce novinek nebyla hned první den prázdná - 50 jídel, každé jako vlastní záznam Menu Item - Slider, funkční rezervační formulář a 2 navigační menu přiřazená k jejich umístěním - Hlavičky, patičky a návrhy titulků stránek, každý jako upravitelný záznam - Fotografie jídel zkopírované do vaší knihovny médií **Domovská stránka po importu.** Skutečný obsah, připravený k nahrazení vaším. Pokud jídelna na fotografiích vůbec nevypadá jako ta vaše, vraťte import zpět přes Canvas, pak přes Demo Import, a vyzkoušejte jedno z dalších dem restaurací. Vaše předchozí nastavení se vrátí spolu s ním. [Rozsahy, fáze importu a vrácení zpět, vysvětleny na jednom místě](https://canvaswp.com/cs/guides/import-a-wordpress-demo-website/) ## Krok 4: Nahraďte ukázkové texty a obrázky Otevřete domovskou stránku ze sekce Stránky. Editor vykreslí hlavičku, slider, pás s titulkem stránky a patičku kolem vašeho obsahu tak, jak je uvidí host restaurace, takže uvítací větu napíšete v reálném prostředí stránky. ### Klikněte, napište, nahraďte Každý nadpis, odstavec a obrázek na stránce je blok. Klikněte na něj a začněte psát, nebo u obrázku zvolte Nahradit a vyberte si vlastní fotografii. Panel vpravo obsahuje vše ostatní, co blok umí, od barev po odkaz. ### Řekněte konkrétní věc Ukázkový text je záměrně obecný, a proto ho snadno poznáte a snadno překonáte. Nahraďte „Autentická italská kuchyně“ tím, co můžete říct jen vy: oblastí, odkud recepty pocházejí, jménem kuchaře u výdeje, dřevem v peci, hodinou, kdy z pece vyjde chléb. Host, který vybírá mezi dvěma restauracemi, čte kvůli detailům, ne kvůli přídavným jménům. Pokud se některá sekce k vaší restauraci nehodí, smažte ji a na její místo vložte vzor. K výběru je jich 183 vzorů, každý se vloží jako běžné bloky připravené k přeskládání. **Úprava domovské stránky.** Co vidíte při psaní, to se hostům zobrazí. ## Krok 5: Sestavte jídelní lístek Jídelní lístek je stránka, kvůli které lidé přicházejí, proto si zaslouží víc než odstavec textu. Dema přináší typ obsahu Menu Items s jedním záznamem pro každý pokrm, který je v administraci zobrazen stejně jako příspěvky. ### Upravte pokrmy, ne stránku Otevřete Položky menu a upravte záznam: název pokrmu, popis, fotografii, cenu a jeho kategorii v menu. Nutriční hodnoty jsou k dispozici jako samostatná pole, pokud je chcete zveřejnit. Uložte záznam a stránka s menu se aktualizuje, protože obsahuje blok, který záznamy vypisuje a pokaždé je načítá znovu. Právě toto oddělení dělá z jídelního lístku něco, co se dobře udržuje. Když se cena pokrmu v úterý změní, upravíte jeden záznam a každá stránka, která pokrm zobrazuje, se podle něj aktualizuje. ### Seskupte jídelní lístek stejně, jako to dělá kuchyně Pro předkrmy, těstoviny, hlavní chody, dezerty a nápoje použijte kategorie nabídky. Blok Menu Items může tyto kategorie zobrazit jako záložky, jako jednoduchou sadu karet nebo jako karusel, takže dlouhý seznam zůstane čitelný i na telefonu. Nastavte, kolik položek se zobrazí, ze které kategorie se mají čerpat a jaké bude jejich pořadí. Projděte záznamy jednou, smažte pokrmy, které nepodáváte, a přidejte vlastní. Je to rychlejší, než to zní, a je to naposledy, kdy musíte řešit rozvržení. Zveřejňujte ceny jako čísla, která vaše kuchyně udrží celou sezonu. Stránka s jídelníčkem, která je tři měsíce neaktuální, způsobí větší škodu než stránka s jídelníčkem, která je jednodušší, než jste chtěli. ## Krok 6: Přijímání rezervací pomocí formuláře Demo obsahuje funkční formulář. Formulář v Canvasu je záznam sestavený z bloků: blok Form drží pole, blok Form Field definuje každé pole, blok Form Submit Button jej odešle a blok Form Embed vloží hotový formulář na libovolnou stránku. ### Pole, která rezervace vyžaduje - Pole **Datum** a **Čas** s nejdřívějším a nejpozdějším časem. Nastavte nejdřívější čas na hodinu otevření, nejpozdější na poslední sezení a interval na patnáct nebo třicet minut, abyste nedostali rezervaci na 19:07. - Pole **Číslo** pro počet osob s minimem a maximem, které odpovídají vašemu největšímu stolu. - Pole **Text** a **Telefon** pro jméno a telefonní číslo a pole **E-mail** pro potvrzení. - **Textové pole** pro alergie, dětské židličky a výročí, na které byste jinak zapomněli. - Zaškrtávací políčko **Souhlas**, pokud plánujete hosty později oslovovat e-mailem, a pole **Honeypot**, což je neviditelná past, která tiše zachytí většinu spamu, aniž by obtěžovala člověka. ### Kam směřují požadavky Formulář pro rezervace v demu obsahuje pole pro jméno, telefonní číslo a e-mailovou adresu, výběr data, který zešedí dny v minulosti, nabídku času a nabídku počtu osob. Každý požadavek ukládá do tabulky na vašem webu, kde je uveden v administraci WordPress pod položkou Odeslání. Zatím nikomu neposílá e-mail: otevřete formulář, v záložce Akce zapněte možnost Odeslat e-mailové upozornění a nastavte adresu, kterou někdo během provozu čte. Potom si sami zarezervujte stůl a ověřte, že zpráva dorazí. S každým záznamem zacházejte jako s žádostí, kterou potvrdíte. Formulář rezervaci jen zaznamená, nepočítá kuverty ani nedrží stůl. Potřebujete-li živou dostupnost, k tomu slouží vyhrazený rezervační systém. Akce webhooku formuláře může každou žádost předat dál. Nastavte také dobu uchovávání dat u formuláře, aby se telefonní čísla hostů mazala podle plánu, který zvolíte. 83 z dem obsahuje alespoň jeden funkční formulář, takže většinou jen upravujete formulář a zapojení je hotové. ## Krok 7: Nastavte hlavičku, otevírací dobu a kontaktní údaje Hlavička je místo, kde hladový návštěvník hledá telefonní číslo, a patička místo, kde hledá adresu. Obojí jsou záznamy tvořené bloky Canvas a upravují se stejně jako stránka. ### Hlavička Záznam hlavičky obsahuje zóny a zóna je buňka v řádku hlavičky. Logo dejte do první, navigaci doprostřed a do poslední zóny vložte Header Icon Link s vaším telefonním číslem vedle Header Button s textem Rezervovat stůl. Blok Header Info uvádí adresu nebo otevírací dobu, pokud je pro ně dost místa. Přidejte horní lištu nad hlavičku pro dnešní otevírací dobu nebo zavření kvůli svátku. Horní lišta je samostatný záznam, takže se zpráva mění bez otevírání hlavičky. ### Otevírací doba v patičce Patička potřebuje blok Footer Contacts pro adresu a telefonní číslo a vedle něj sloupec s otevírací dobou. Otevírací dobu zapište jako text, který člověk snadno přečte, a udržujte ji aktuální, protože nic návštěvníka nerozčílí víc než příchod k zavřeným dveřím. Hlavička i patička mají výchozí nastavení pro celý web a přepsání pro jednotlivé stránky, takže landing page pro soukromé večeře může mít průhlednou hlavičku nad fotografií, zatímco zbytek webu si ponechá vlastní. [Tvůrce hlavičky a patičky v plném rozsahu](https://canvaswp.com/cs/header-builder/) [Čtyři restaurační dema v porovnání](https://canvaswp.com/cs/wordpress-themes/restaurant/) ## Krok 8: Zkontrolujte to a pak otevřete Než web komukoli ukážete, projděte si tento seznam. Je krátký a každá položka na něm už někoho jednou dostala do rozpaků. - **Odešlete z telefonu skutečnou testovací rezervaci**, přičemž Wi-Fi restaurace bude vypnutá, a ověřte, že oznámení dorazí. - **Přečtěte si každou stránku na telefonu.** Většina lidí, kteří dnes večer hledají večeři, je zrovna na cestách. - **Zkontrolujte adresu, telefonní číslo a otevírací dobu** na každé stránce, která je opakuje, včetně patičky. - **Napište alternativní text** k fotografiím. Pomáhá lidem, kteří používají čtečku obrazovky, a vyhledávač ho čte spolu se stránkou, aby pochopil vaši jídelnu. - **Podívejte se na obrazovku SEO.** Canvas odvozuje titulky, popisy, karty pro sdílení a strukturovaná data z publikovaného obsahu, takže zde jde o to, aby byl obsah konkrétní, a ne o vyplňování další sady polí. - **Zapněte přepínače výkonu**, které potřebujete. K dispozici máte 35 optimalizací, každou lze vrátit zpět a každá z nich načítá méně toho, co vaše stránky nikdy nepoužijí. Poté web zveřejněte, adresu vložte tam, kde ji lidé hledají, a vraťte se k vedení restaurace. Web je nyní soubor záznamů, které upravujete, když se změní jídelní lístek, nikoli projekt. ## Zdroje Tam, kde tento průvodce popisuje něco mimo samotný Canvas, najdete oficiální stránky, které to dokumentují. - [Obrazovka Obecné nastavení](https://wordpress.org/documentation/article/settings-general-screen/) wordpress.org · Kde WordPress uchovává titulek webu a slogan, s časovým pásmem na stejné obrazovce - [Obrazovka Trvalé odkazy v Nastavení](https://wordpress.org/documentation/article/settings-permalinks-screen/) wordpress.org · Struktura „Název příspěvku“, která každé stránce dává krátkou a čitelnou adresu - [wp_mail()](https://developer.wordpress.org/reference/functions/wp_mail/) developer.wordpress.org · WordPress ve výchozím nastavení předává poštu funkci mail() v PHP a úspěšné odeslání neznamená doručení - [Návod k obrázkům](https://www.w3.org/WAI/tutorials/images/) w3.org · Čtečky obrazovky nahlas čtou textovou alternativu obrázku - [Obecné zásady pro strukturovaná data](https://developers.google.com/search/docs/appearance/structured-data/sd-policies) developers.google.com · Správné značkování umožňuje bohatý výsledek, ale Google rozhoduje, zda ho zobrazí. Co dělat dál ## Kam dál Dva návody k práci, která navazuje na spuštění webu, a demo, na kterém tento návod stojí. [Příručka **Založte obchod s WooCommerce** Co se změní, když importujete demo s funkčním obchodem.](https://canvaswp.com/cs/guides/start-a-woocommerce-store-with-wordpress/) [Příručka **Napište texty webu pomocí AI** Popis firmy nastavte jednou, poté generujte přímo v poli, které právě upravujete.](https://canvaswp.com/cs/guides/write-website-copy-with-ai-in-wordpress/) [Produkt **Šablony pro restaurace** Demo, ze kterého tento návod vychází, s náhledem po jednotlivých stránkách.](https://canvaswp.com/cs/wordpress-themes/restaurant/) Otázky ## Časté otázky Na zbytek odpoví [kompletní FAQ](https://canvaswp.com/cs/faq/) a [dokumentace](https://docs.canvaswp.com/) podrobně popisuje každé nastavení. **Potřebuji plugin pro přijímání rezervací?** Ne, rezervace na restauračním webu Canvas přicházejí přes formulář sestavený z bloků Canvas. Jeho záznamy se ukládají do tabulky na vašem vlastním webu a jsou vidět v administraci WordPress. Plugin přidáte jen tehdy, pokud chcete rezervace předávat externímu rezervačnímu systému, který spravuje stoly a počty hostů. **Mohu použít vlastní fotografie?** Ano, a měli byste každou fotografii, kterou přináší restaurační demo, nahradit vlastní. Každý obrázek z dema se přidá do knihovny médií jako běžná příloha, takže nahrazení je stejná práce jako výměna jakéhokoli obrázku ve WordPressu. Tvar udržujte co nejblíž originálu, aby se rozložení neposunulo, a zároveň napište krátký popis do pole alternativního textu. **Co když mi demo restaurace nevyhovuje?** Vraťte import zpět a importujte další ze sady: 88 Canvas dem, protože každý tarif zahrnuje všechna dema a každý import se eviduje zvlášť. Další demo lze importovat i jen pro jeho stránky, takže zůstane zachován váš stávající design. **Zobrazí se ceny z jídelníku v Googlu?** Canvas vytváří strukturovaná data z toho, co je na stránce v okamžiku vykreslení, pro 16 typů schémat, které zahrnují otevírací dobu, nabídky a recenze. Co vyhledávač zobrazí, je jeho vlastní rozhodnutí, ale značkování je k dispozici bez druhého SEO pluginu.