Web a stránky
K čemu slouží web projektu
Každý projekt může mít jeden web — domovskou stránku a libovolný počet dalších stránek, které sdílejí společnou navigaci (hlavičku) a patičku. Web postaví AI podle vašeho zadání; potom ho upravujete v editoru Studia.
I samostatná vstupní stránka (landing page) je dnes web s jednou stránkou v projektu. Samostatné obrazovky Moje weby a Stránky v menu už nejsou.
Kde najdu web a jeho stránky
- V levém menu klikněte na Obsah → Projekty.
- Klikněte na kartu projektu. Otevře se Studio.
- V úzkém pásu ikon vlevo zvolte ikonu složky (Obsah).
- První sekce panelu obsahu je Stránky. Domovská stránka má ikonu domečku.
- Klikněte na stránku — otevře se v editoru (vlevo chat, vpravo náhled).
Pás ikon je jen v širokém okně (od 1200 px). V užším okně klikněte v horní liště na Rozbalit menu — panel obsahu se otevře jako boční panel a SEO a Nastavení jsou v něm pod nadpisem Projekt. Mezi stránkami můžete přepínat i přepínačem uprostřed horní lišty.
Pokud web ještě nemá stránky, v sekci je Zatím žádné stránky. Během prvního generování je tam řádek Domovská stránka — kliknutím se vrátíte k průběhu generování.
Jak vygenerovat web
Než začnete
- Musí existovat projekt.
- Potřebujete oprávnění Projects → Upravit v matici oprávnění.
- Připravte si podklady: logo, fotky, ceník nebo brand manuál (PDF, Word, Excel, PowerPoint) a případně adresu webu, jehož vzhled se vám líbí.
- Pokud má web sbírat kontakty nebo prodávat, můžete si předem připravit formulář a produkty; lze je doplnit i později.
- Kredity se za generování webu ani úpravy v chatu nestrhávají; platí se jen AI úprava obrázku.
Postup
- Otevřete projekt. V prázdném projektu se zobrazí Co postavíme v projektu „…“? — klikněte na kartu Webová stránka. (V projektu, který už má funnel nebo formulář, klikněte v panelu obsahu u nadpisu Stránky na +.)
- Zobrazí se Jaký web postavíme?
- Do pole napište vlastními slovy, co je to za web, pro koho, jaké stránky má mít a jaký má mít charakter, například Web pro kavárnu v centru — snídaně, vlastní pražírna, tichý dvorek. Klidný, teplý design.
- Volitelně přidejte podklady a nastavení pod polem (viz tabulka).
- Klikněte na Postavit.
| Prvek | Co dělá | Omezení |
|---|---|---|
| pole zadání | popis webu | alespoň jedna věta (min. 8 znaků) |
| + → Přiložit obrázek | logo, fotky; otevře obrázkové studio s ořezem a AI úpravami | nejvýše 10; JPG, PNG, GIF, WebP do 20 MB |
| + → Přiložit dokument | ceník, brand manuál, PDF — okno Přiložit dokumenty, potvrdíte Přidat | nejvýše 5; PDF, Word, Excel, PowerPoint do 20 MB; obsah AI přečte jen u souboru do 5 MB; dokumenty jsou dostupné přes veřejný odkaz |
| + → Referenční web | okno Web, ze kterého se má vycházet: do Adresa webu zadejte adresu a klikněte na Potvrdit; AI převezme barvy, písmo a rozestupy, obsah nekopíruje | platná adresa webu |
| + → Přiložit design z Claude | export .html z Claude; web se postaví přesně podle něj a generování se spustí hned | jen .html / .htm |
| čip Vzhled | okno Vzhled: Ať vybere AI (výchozí) nebo jeden z pojmenovaných stylů (např. Editoriál, Bento mřížka, Tmavý prémiový, Čistý SaaS); kliknutím na kartu se styl vybere | — |
| čip jazyka | jazyk webu: Slovenčina, Čeština, English, Deutsch, Polski | — |
| Pomoz mi s vytvořením | panel Poradím ti, co napsat s otázkami (Další, Přeskočit, Zpět); na konci Vložit zadání vloží hotové zadání do pole — nespustí ho | — |
| Vybrat hotové zadání (u Nevíš, jak to napsat?) | okno Vyber si, z čeho začneš s hotovými zadáními: Kavárna s vlastní pražírnou, Online kurz, Stavební firma, Služby na objednávku, Portfolio a reference; kliknutí vloží text do pole | — |
Přiložené položky vidíte pod polem jako čipy (Obrázek 1, název dokumentu, doména); křížkem je odeberete.
Co se děje během generování
- Plátno ukáže Stavím tvůj web a okno s průběhem (Inicializuji..., Čtu obsah stránky, Upravuji obsah stránky, … Dolaďuji a kontroluji stránku…).
- Generování trvá několik minut. Okno můžete zavřít — web se dopíše na serveru. Po návratu uvidíte Připojuji se k probíhající generaci...
- Zastavit ho můžete tlačítkem Zastavit v chatu. Zobrazí se Generování zastaveno; co AI stihla, zůstane.
- Pokud generování selže, v chatu uvidíte Generování selhalo, zkus to znovu.
Jak ověřit, že to funguje
- Po dokončení se v sekci Stránky objeví stránky webu a v náhledu domovská stránka.
- Klikněte v horní liště na ikonu Otevřít na nové kartě. Uvidíte web s proužkem Náhled — tohle ještě není publikované, vidíš to jen ty.
- Web ještě není veřejný. Zveřejníte ho podle Publikování.
Jak přidat stránku do webu
Nová stránka se vyžádá v chatu — AI z popisu odvodí její název i adresu a přidá ji do navigace.
- V panelu obsahu klikněte u nadpisu Stránky na + (tooltip Nová stránka).
- Otevře se okno Novou stránku si vyžádej v chatu.
- Klikněte na jeden z příkladů (např. Vytvoř stránku Kontakt s mapou, otevírací dobou a formulářem.) — vloží se do chatu. Nebo okno zavřete a napište vlastní větu.
- Větu v chatu upravte podle sebe a odešlete.
Po dokončení se stránka objeví v sekci Stránky i v navigaci webu. Pokud web ještě není publikovaný, návštěvníci stránku uvidí až po publikování; na publikovaném webu hned.
Jak změnit název, adresu a SEO stránky
- V sekci Stránky klikněte na stránku.
- V záložkách nad chatem přepněte z Builder na Nastavení. (Na telefonu přepněte v přepínači ploch Builder / Nastavení / Náhled na Nastavení.)
- Upravte pole v kartách.
- Klikněte dole na Uložit (aktivní až po změně). Zobrazí se Uloženo.
| Karta / pole | Povinné | Co znamená | Omezení |
|---|---|---|---|
| Stránka → Název | ano | název stránky ve Studiu | nejvýše 255 znaků; prázdný: Stránka potřebuje název |
| Stránka → Adresa | ano | část adresy za adresou webu | jen malá písmena, číslice a pomlčky, nejvýše 120 znaků; změna nerozbije odkazy; u domovské stránky ji nelze měnit (Domovská stránka JE adresa webu.) |
| Stránka → Povolit v modulu Ambasador | — | stránku mohou propagovat ambasadoři | — |
| Ve výsledcích hledání → Titulek | ne | titulek ve vyhledávači | doporučeno 60 znaků, nejvýše 255 |
| Ve výsledcích hledání → Popis | ne | popis ve vyhledávači | doporučeno 155 znaků, nejvýše 500 |
| Ve výsledcích hledání → Jazyk | ne | jazyk stránky | — |
| Ve výsledcích hledání → Povolit indexování | — | Podle projektu (indexovat) (nebo Podle projektu (neindexovat), pokud má projekt indexování vypnuté), Indexovat tuto stránku nebo Neindexovat | — |
Skripty v <head> → HTML pro <head> | ne | kód jen pro tuto stránku; pokud je vyplněný, projektové skripty se na stránce nevypíšou | nejvýše 20 000 znaků |
Skripty před </body> → HTML na konec stránky | ne | totéž na konec stránky | nejvýše 20 000 znaků |
| Měření a pixely | ne | GTM, GA4, Meta Pixel jen pro tuto stránku; nahradí projektové měření | tvar ID jako v Nastavení a SEO projektu |
| Obrázek při sdílení | ne | obrázek při sdílení odkazu na stránku | PNG, JPG, WebP do 5 MB, ideálně 1200 × 630 px; ukládá se hned po nahrání |
Společné SEO, favicon a měřicí kódy pro celý web nastavíte v Nastavení a SEO projektu.
Jak změnit, která stránka je domovská
V Nastavení projektu (ozubené kolo v pásu ikon) → karta Domovská stránka → pole Otevře se vyberte stránku nebo funnel. Viz Nastavení a SEO projektu.
Jak upravit navigaci a patičku webu
Navigace (hlavička) a patička jsou společné pro všechny stránky webu — změna se projeví na každé stránce najednou. Samostatný formulář pro ně není; upravují se přímo v editoru:
- Text (např. název položky menu, kontakt v patičce): v náhledu zapněte Upravit text a přepište ho — viz Editor ve Studiu.
- Kam vede položka nebo tlačítko: najeďte myší na položku, klikněte na Upravit a v panelu Upravit tlačítko změňte cíl.
- Cokoli jiného (přidat položku, změnit rozložení, logo): napište to do chatu, například Do menu přidej odkaz na stránku Ceník a logo zvětši.
Jak změnit barvy, písmo a design webu
Samostatný formulář na barvy a písmo webu není. Vzhled měníte těmito cestami:
- Chatem (hlavní cesta). Napište větu o vzhledu celého webu, například Změň design celého webu — ať je tmavší a elegantnější. AI pozná, že jde o celý web, navrhne novou paletu, písma, navigaci a patičku a potom předělá každou stránku. Texty zůstanou. Trvá to několik minut.
- Nejasná věta změní jen jednu stránku. Pokud z věty není jasné, že myslíte celý web (např. změň barvu nadpisu), AI upraví jen otevřenou stránku. Chcete-li změnit celý web, napište to výslovně.
- S označeným blokem se celý web nepředělává. Když máte v náhledu označený blok, změna se týká jen jeho. Před změnou celého webu výběr zrušte.
- Čip Vzhled u zadání webu (viz Jak vygenerovat web) platí jen pro první generování. U hotového webu se styl mění chatem.
- Panel nástrojů v režimu Upravit text. V náhledu zapněte Upravit text a označte text. V panelu najdete Barva textu (barvy webu i Vlastní barva, která novou barvu přidá do palety webu), Písmo nadpisů, Písmo textu, Větší písmo, Menší písmo, tučné, kurzívu a Přeškrtnuté. Mění se jen označený text.
- Editor kódu (pro pokročilé). V přepínači režimů v horní liště zvolte Editor kódu. Soubor
site.json(stránky, navigace, barvy) obsahuje barvy a písma webu; dodesign.css(vlastní CSS — přepíše generované) můžete dopsat vlastní CSS.
Změnu vidíte hned v náhledu. Na publikovaném webu ji hned vidí i návštěvníci, jinak až po publikování.
Jak smazat stránku webu
Stránka se maže přes chat, aby AI nejdřív přesměrovala nebo odstranila odkazy, které na ni vedou z navigace, patičky a sekcí.
- V sekci Stránky klikněte na stránku.
- Přepněte na záložku Nastavení.
- Dole klikněte na červené Smazat.
- Otevře se okno Stránku „…“ smaž přes chat. Klikněte na jednu z vět, například Smaž stránku „…“ a všechny odkazy na ni přesměruj na „…“.
- Věta se vloží do chatu. Upravte ji a odešlete.
Tlačítko Smazat se nezobrazí u domovské stránky a když má web jedinou stránku. Bez oprávnění Projects → Upravit ho nevidíte vůbec.
Pokud otevřete smazanou stránku ze starého odkazu, uvidíte Tato stránka už neexistuje a tlačítko Zpět.
Kde najdu obrázky webu
- V horní liště Studia klikněte v přepínači režimů na ikonu Média.
- Zobrazí se Média webu — všechny obrázky, které web používá.
- Najeďte myší na obrázek, klikněte vpravo nahoře na ⋮ → Použít v chatu. Do chatu se vloží věta Použij obrázek asset:… a doplníte, kam ho dát. Kliknutím na samotný obrázek ho otevřete na nové kartě.
Média lze otevřít jen na počítači, na telefonu přepínač režimů není.
Nahrávat a mazat v médiích nelze. Nový obrázek přiložte v chatu (+ → Přiložit obrázek) — po použití se v médiích objeví.
Kdo může pracovat s webem
| Co chcete dělat | Potřebné oprávnění |
|---|---|
| vidět stránky webu a náhled | Projects → Zobrazit |
| generovat web, přidávat, upravovat a mazat stránky, publikovat web | Projects → Upravit |
Řádky Moje weby a Stránky v matici oprávnění web projektu neovládají.
Časté otázky a problémy s webem
„Napiš aspoň větu — ze dvou slov AI nic nepostaví.“ Zadání je kratší než 8 znaků.
„Stránku jsem vytvořil, ale podklady se nepodařilo nahrát — přilož je v chatu.“ Dokumenty z okna Přiložit dokumenty se nenahrály. Nahrávají se hned po potvrzení, ještě před Postavit — generování tedy nezačalo. Zkuste je přiložit znovu.
AI ignorovala můj PDF dokument. Dokument má více než 5 MB — AI přečte jen menší. Na stránce se na něj dá odkázat.
„Tohle nevypadá jako adresa webu“. U referenčního webu zadejte celou adresu, například https://example.com.
„Web se nepodařilo načíst“. Klikněte na Zkusit znovu.
Změnil jsem text v patičce na jedné stránce a změnil se všude. Patička i navigace jsou společné pro celý web.
Nevidím tlačítko Smazat u stránky. Je to domovská stránka nebo jediná stránka webu, případně nemáte oprávnění Projects → Upravit.
Upravujeme web dva najednou. Studio nezamyká projekt pro jednoho člověka. Dokud běží změna AI jednoho z vás, druhý se k ní připojí; další změnu spusťte až po jejím dokončení, jinak uvidíte Generování selhalo, zkus to znovu.
Související
- Projekty
- Editor ve Studiu — úpravy chatem, v textu, vkládání, obrázky, historie
- Nastavení a SEO projektu — favicon, SEO, měření, domovská stránka
- Vlastní doména
- Publikování
- Formuláře
- Postup: Jak spustit web na vlastní doméně