Registrace

Funkce

Nahrajte HTML a CSS, šablonu z nich udělá systém

Vezměte hotový design, ať už vlastní, koupený nebo stažený, a nahrajte ho. Systém ho rozloží na sekce, napojí na váš obsah a převede do šablony. Obsah v ní není zadrátovaný: přepnete ji, vrátíte se k předchozí a z webu nic nezmizí.

Vyzkoušet zdarma Prohlédnout šablony

Pevné jádro obsahu a tři vyměnitelné pláště vzhledu, jeden se právě nasazuje

Dnes

Vzhled srostlý se systémem

Hotové HTML z internetu vám v běžném CMS není k ničemu. Musíte ho přepsat do šablonovacího jazyka systému, naučit se jeho bloky a smířit se s tím, že každý plugin přidá do výstupu, co uzná za vhodné. Výměna designu je projekt na týdny.

S Mini-webem

HTML a CSS nahrajete tak, jak jsou. Systém v nich rozpozná hlavičku, patičku, výpisy a formuláře, napojí je na obsah webu a převede do Twigu, otevřeného šablonovacího jazyka, který znáte ze Symfony, Drupalu nebo Craftu. Do výstupu nejde nic, co jste do šablony nedali.

Jak to funguje

Z HTML předlohy je šablona ve čtyřech krocích

  1. Připravte HTML — Statické stránky, jak jste zvyklí: úvod, výpis, detail článku, kontakt. Jeden skelet, hlavička, patička, sekce. Čím čistší HTML, tím přesnější převod.
  2. Nahrajte je v administraci — Soubor nebo archiv se styly a obrázky. Zpracování běží na pozadí, průběh vidíte ve frontě.
  3. Zkontrolujte návrh — Systém ukáže, co v předloze rozpoznal: které bloky jsou hlavička a patička, kde je výpis článků, kde formulář, a jak si je jistý. Co nesedí, opravíte výběrem, ne kódem.
  4. Přepněte a publikujte — Šablona se objeví ve výběru v Konfiguraci webu. Vyberete ji, napíšete poznámku a potvrdíte. Předchozí vzhled zůstává v historii na jedno kliknutí.
Nahrání šablony v ZIP archivu v administraci a fronta zpracování s hotovými převody a jejich skóre
Nahrání je jeden krok: vyberete archiv, způsob přenosu a odešlete. Ve frontě pak vidíte stav a skóre každého převodu.

Co se při převodu napojí

Design dostane živá data

  • Menu a patička

    Odkazy v hlavičce a patičce se napojí na navigaci webu. Položky pak přidáváte v administraci, ne v kódu.

  • Výpisy a detaily

    Karty článků v předloze se stanou skutečným výpisem: nejnovější, rubrika, štítek, produkty. Detail článku a produktu dostane vlastní stránku.

  • Obrázky ve správné velikosti

    Z každého nahraného obrázku vzniknou varianty pro výpis, detail i sociální sítě. Do výpisu už nejde fotka v plném rozlišení.

  • Formuláře

    Kontaktní formulář z předlohy se propojí s formuláři webu: odeslání, antispam, e-maily a přehled zpráv řeší systém.

  • Metadata a strukturovaná data

    Title, popisek, canonical, Open Graph a JSON-LD podle typu stránky se doplní automaticky. V předloze je mít nemusíte.

  • Vaše CSS beze změn

    Styly se převezmou celé. Vzhled stránky po převodu odpovídá předloze, žádný framework navíc se nenačítá.

Detail převodu: stav hotovo, míra jistoty 90 %, zdroj ZIP a rozpoznaná stránka se 13 částmi a společnou hlavičkou a patičkou
Před použitím vidíte, co systém rozpoznal a jak si je jistý. Použití založí novou pracovní verzi, živý web se nezmění.

Rozsah

Vzhled se mění, obsah zůstává

Šablona a obsah jsou dvě vrstvy. Články, rubriky, produkty i formuláře žijí v databázi, šablona je jen čte. Proto přepnutí šablony nic nemaže a proto se dá vrátit: historie šablon eviduje, co web kdy používal, od kdy a s jakou poznámkou.

Přepnutí samo o sobě nic neimportuje. Když nová šablona nese ukázkový obsah nebo menu, sami řeknete, jestli ho chcete přidat. Import je aditivní, existující stránky nepřepíše a předem ukáže, kde by se adresy křížily.

Obrazovka Šablona webu: výběr šablony, poznámka do historie a náhled toho, co balíček nese, s volbou importu obsahu
Přepnutí šablony s poznámkou do historie. Náhled ukáže, co balíček nese a kde by se adresy křížily; bez zaškrtnutí se obsah nemění.

Nemusíte měnit všechno najednou

  • Postupně, stránku po stránce — Převedená stránka může převzít adresu stávající stránky webu. Zbytek webu běží dál na původní šabloně.
  • Částečné přepisy — Kdo pracuje přímo s Twigem, mění jen soubory, které potřebuje. Zbytek se bere z výchozí šablony.
  • Jiná šablona pro část webu — Kampaňová mikrostránka nebo jeden typ produktu může běžet na jiném vzhledu. Řídí to pravidlo podle adresy nebo typu obsahu.

Čtyři cesty

Vlastní HTML, katalog, builder, nebo bez vzhledu

  • Vlastní HTML

    Pro agentury, kodéry i každého, kdo má hotový design. Nahrajete, převedete, přepnete. Kdo chce, sáhne do Twigu i ručně.

  • Šablona z katalogu

    Hotové šablony pro magazín, firemní web, e-shop i portál. Vezmete ji, jak je, nebo změníte pár CSS proměnných v hlavičce stylu. Prohlédnout katalog.

  • Builder a AI Studio

    Kdo nemá ani HTML, složí web ze sekcí nebo ho nechá postavit Studiem. Výsledek je stejná šablona jako z nahraného HTML.

  • Headless

    Chcete frontend v Next.js nebo Astru? Startovací šablona bez vzhledu: obsah spravujete v administraci a čtete ho přes API.

Upřímně

Co převod neumí

  • Číst myšlenky. Návrh sekcí zkontrolujte. Blok, který systém rozpozná špatně, mu přeřadíte výběrem; bez kontroly to ven nepouštějte.
  • Váš vlastní JavaScript. Běžné chování jako menu, rozbalovací otázky nebo přepínače dostanete ze systému. Skripty psané na míru předloze se nepřenášejí, doplníte je ručně.
  • Nahrát ručně psaný Twig z administrace. Kdo píše šablonu rovnou v Twigu, pošle nám balíček a nasadíme ho. Přepínání a historie jsou pak stejné.
  • Zvládnout každou předlohu sám. Na složité HTML, kde automatický převod nestačí, máme hotový skill pro Claude, naučený přepsat HTML do Twigu přesně podle pravidel Mini-webu. Výsledek je šablona, jako by ji psal kodér, jen bez týdne práce.

Otázky

Časté otázky k šablonám

Musím umět Twig?

Ne. Twig vzniká převodem sám. Sáhnete na něj jen tehdy, když chcete něco, co se z HTML odvodit nedá. Kdo ho zná ze Symfony nebo Drupalu, je doma.

Můžu použít šablonu koupenou na tržišti nebo staženou z internetu?

Ano, pokud je to HTML a CSS. Nahrajete ji i se styly a obrázky. Licenci šablony si hlídáte vy.

Zůstane můj design stejný?

Styly se přebírají celé, takže stránka po převodu odpovídá předloze. Rozdíl uvidíte jen tam, kde systém doplní živá data: víc článků ve výpisu, skutečné položky menu.

Co když design později upravím?

Nahrajete novou verzi a převod proběhne znovu. Obsah se nemění, protože žije mimo šablonu. Drobnosti upravíte přímo v builderu bez nového nahrávání.

Zpomalí vlastní šablona web?

Systémová vrstva funguje stejně pro vaši šablonu jako pro katalogovou: cache celé stránky, WebP, komprese, minifikace. Výsledné skóre ovlivňuje hlavně to, co do šablony pustíte. Víc na stránce Rychlost a výkon.

Jde jednu šablonu použít pro víc webů?

Ano. Převedená šablona je balíček, který se instaluje na libovolný web pod vaší správou. Může nést i výchozí menu a ukázkový obsah, takže nový web klienta z ní vznikne během minut.

Chci vlastní frontend a Mini-web jen jako administraci. Jde to?

Jde. Startovací šablona headless nemá žádný vzhled, obsah spravujete v administraci a čtete ho přes API. Podrobnosti na stránce API a headless režim.

Nahrajte HTML, které už máte

Založte si účet zdarma, nahrajte jednu stránku své předlohy a podívejte se, co z ní systém rozpozná. Než cokoli zaplatíte, víte, jak převod dopadne.

Vyzkoušet zdarma Prohlédnout šablony