Tvorba webu online snadno a bez programování

Způsob, jakým se tvoří moderní webové stránky, se od základu mění. Doba, kdy profesionální web uměli vytvořit jen programátoři se znalostí kódu a složitých systémů, je pryč.

Přicházejí nové nástroje, které celý proces zjednodušují a mění ho v přehledné prostředí, kde si může web vytvořit skoro každý. A přesně takovým nástrojem je Linelabox, pokročilý vizuální editor šablon pro Joomla, který vám dává do rukou vše potřebné pro tvorbu webu bez znalosti jediného řádku kódu.

Současnost: Jednoduchá tvorba webu v reálném čase

Linelabox je online editor, ve kterém můžete tvořit webové stránky a okamžitě vidět, jak budou vypadat. Jeho hlavní výhoda je v jednoduchém a přehledném ovládání, které odstraňuje technické překážky. Díky tomu se můžete soustředit jen na to, co je důležité, na vzhled a funkčnost vašeho webu.

Jak práce v editoru probíhá?

Celý postup je navržen tak, aby byl co nejjednodušší a nejrychlejší:

Výběr šablony
Začnete jednoduchým přihlášením ke svému účtu. Můžete si buď vybrat jednu z připravených hotových šablon pro rychlý start, nebo si dát úplnou tvůrčí volnost a začít s prázdnou stránkou (Blank). Vlastní šablony můžete také klonovat. Linelabox také podporuje komunitu uživatelů. Své vlastní šablony můžete snadno sdílet s ostatními, a naopak se inspirovat jejich prací, pokud nabídnou šablonu ke sdílení.
Spuštění online editoru
Po výběru šablony stačí kliknout na "Načíst (Load Template)". Pokud vám šablona vyhovuje, kliknutím na tlačítko "Upravit (Customize Template)" můžete začít s tvorbou. Ocitnete se v samotném editoru, který je rozdělen do několika úrovní pro detailní kontrolu.

Řádky a sloupce (Rows): Základy struktury webových stránek

Představte si, že chcete na zdi pověsit obrázky. Nejdřív si rozmyslíte, kam co přijde, aby to vypadalo hezky. Webová stránka funguje podobně. Potřebujete systém, který vám pomůže uspořádat text, obrázky a další obsah, aby vše bylo přehledné a pěkné na pohled.

A přesně k tomu slouží řádky (Rows) a sloupce (Columns), které jsou základem takzvaného grid systému. V případě, že používáte systém Joomla (což je takový stavební balíček pro webové stránky) a k tomu Linelabox postavený na frameworku Bootstrap (což je sada předpřipravených nástrojů a pravidel, která vám usnadní práci), je to vlastně hodně jednoduché.

Co jsou "řádky" ve webdesignu?

Řádek si představte jako takovou vodorovnou linku nebo pás, který si na stránku přidáte. Je to jako řádek v sešitě. Každý takový řádek je připravený na to, abyste do něj vložili nějaký obsah. Na stránce můžete mít až 20 řádků jeden pod druhým, aby se obsah postupně odvíjel dolů.

A co jsou "sloupce" ve webdesignu?

Teď si představte, že ten váš vodorovný řádek chcete rozdělit na menší, svislé části. To jsou sloupce. Do každého sloupce pak můžete umístit něco jiného, třeba v jednom sloupci text, ve druhém obrázek a ve třetím video.

Hlavní pravidlo Bootstrapu pro rozvržení

Bootstrap pracuje s takovým jednoduchým pravidlem, každý řádek má šířku rozdělenou na 12 pomyslných dílků. Je to, jako byste měli metr, který je rozdělený na 12 stejných částí. Když do řádku přidáváte sloupce, musíte si rozmyslet, kolik těch dílků každý sloupec zabere.

Chcete jeden velký sloupec, který zabere celou šířku? Dáte mu šířku 12 dílků.
Chcete dva sloupce vedle sebe, které jsou stejně široké? Každý z nich bude mít šířku 6 dílků (6 + 6 = 12).
Chcete tři stejně široké sloupce? Každý bude mít šířku 4 dílků (4 + 4 + 4 = 12).
Nebo třeba jeden široký a dva úzké? Můžete mít sloupec o šířce 6 dílků a k němu dva sloupce o šířce 3 dílků (6 + 3 + 3 = 12).

Tohle pravidlo 12 dílků je super, protože vám dává obrovskou volnost v tom, jak si obsah na stránce rozložíte a uspořádáte. Zároveň to ale zajišťuje, že všechno bude hezky pasovat a nevyleze "mimo".

Co můžete s řádky a sloupci dělat v editoru?

V Linelabox editoru se o toto pravidlo 12 dílků nemusíte starat ani počítat. Editor vše automatizuje. Jednoduše myší přetahujete okraje sloupců nebo si vybíráte z předdefinovaných rozvržení (jak je vidět na obrázku), a editor se postará o to, aby se sloupce správně roztáhly a zapadly do celkové šířky řádku.

Můžete si intuitivně nastavit rozdělení "6,6" pro desktop, "6,6" pro tablet a "12" pro mobil, a Linelabox automaticky zajistí správné přizpůsobení. Je to jako skládačka. Hned vidíte, jak se vám stránka tvoří.

Dělení na sloupce: Každý řádek si můžete rozdělit přesně tak, jak potřebujete, na jeden sloupec, dva, tři, nebo třeba i víc a editor se postará o správné rozložení.
Přetahování obsahu: Do připravených sloupců pak jednoduše myší přetáhnete to, co tam chcete mít. To jsou takzvané moduly (Modules), což jsou předpřipravené bloky, které rozšiřují funkčnost webové stránky, jako třeba menu, patička stránky, přihlašovací formulář, nebo galerie obrázků. Custom HTML modul má navíc snippety (menší, často opakované části obsahu, třeba tlačítka nebo ikony).
Vlastní vzhled (stylování): Každý řádek a sloupec si můžete upravit, aby vypadal přesně podle vašich představ. Můžete mu dát jinou barvu pozadí, přidat rámeček, nastavit mezery kolem obsahu (tomu se říká padding), nebo třeba upravit zarovnání textu uvnitř. Vše, co ovlivňuje vzhled, se nazývá stylování.

Stránka pro každé zařízení: Responzivní design

Žijeme ve světě, kde si lidé prohlížejí webové stránky na spoustě různých zařízení, na velkých monitorech počítačů, na středních tabletech a hlavně na malých obrazovkách mobilních telefonů. A vy chcete, aby vaše stránka vypadala skvěle na všech z nich.

Tohle kouzlo se jmenuje responzivní design. A právě Bootstrap vám s ním hodně pomáhá. Každý řádek, který vytvoříte, má svá vlastní nastavení pro různé typy zobrazení, které upravíte po kliknutí na ikonky v horní části editoru:

Pro mobily: Jak se bude řádek a jeho obsah chovat, když ho někdo otevře na mobilu?
Pro tablety: Jak to bude vypadat na tabletu?
Pro počítače: A jak na velkém monitoru počítače?

V online editoru máte šikovná přepínací tlačítka, kterými si můžete "přepnout pohled". Jedním kliknutím uvidíte, jak se váš řádek zobrazí na mobilu, dalším kliknutím na tabletu, a dalším na počítači. A co je super, můžete si stránky pro každé zařízení upravit jinak.

Schovat něco jen na mobilu: Například na počítači máte velký obrázek, ale na mobilu by zabíral moc místa. Můžete si nastavit, aby se ten obrázek na mobilu jednoduše neukazoval.
Změnit šířku sloupců pro tablet: Co je na počítači ideální, může být na tabletu moc široké nebo naopak. Můžete si pro tablet nastavit jiné šířky sloupců, aby se obsah lépe vešel.
Upravit text nebo jeho zarovnání: Na mobilu chcete mít text třeba zarovnaný na střed a větší písmo, na počítači zase doleva a menší. Žádný problém, můžete to pro každé zařízení nastavit zvlášť.

Díky těmto nastavením máte jistotu, že vaše webová stránka bude vždycky vypadat profesionálně, bude se na ní pohodlně číst a pracovat, ať už ji návštěvník otevře na jakémkoli zařízení. A to je pro dobrou webovou stránku naprosto zásadní.

Moduly: Stavební bloky vaší webové stránky

Při tvorbě webových stránek se často setkáváme s potřebou umístit na stránku různé opakující se části obsahu nebo funkce. Může jít o hlavní navigaci, kontaktní informace, přehled nejnovějších článků, nebo třeba galerii obrázků. V systému Joomla!, na kterém Linelabox staví, se těmto samostatným a znovu použitelným blokům říká moduly.

Moduly si můžete představit jako chytré "mini-aplikace", které vykonávají specifickou úlohu. Nejsou to celé stránky, ale spíše flexibilní bloky, které můžete přidávat do předem definovaných pozic v rámci vaší webové šablony. Každý sloupec má název např. "CBOX2" a tak se pak jmenuje i pozice v šabloně.

Linelabox vám nabízí širokou škálu základních i pokročilých modulů přímo k použití. Mezi ty nejčastěji používané patří například:

Custom HTML/Snippet: Univerzální modul, do kterého můžete vložit jakýkoliv vlastní HTML kód, text, obrázky nebo jiný obsah.
Menu: Moduly pro zobrazení hlavní navigace vašeho webu.
Login: Umožňuje uživatelům přihlásit se na váš web.
Breadcrumbs: Zobrazuje navigační cestu (drobečkovou navigaci) pro snadnou orientaci uživatele na webu.
Articles - Category, Latest, Most Read, Newsflash: Různé moduly pro dynamické zobrazování článků z Joomly – ať už z konkrétních kategorií, nejnovějších, nejčtenějších nebo ve formě krátkých novinek.
Footer: Modul určený pro obsah v patičce stránky, jako jsou kontaktní údaje, copyright nebo odkazy.
Search: Poskytuje vyhledávací pole pro prohledávání obsahu vašeho webu.
Tags - Popular: Zobrazuje nejpopulárnější tagy (štítky) použité na vašem webu.

Kromě těchto základních modulů Linelabox podporuje i moduly třetích stran, jako jsou Phoca Cart Modules (moduly e-shopu), AcyMailing Modules, nebo Virtuemart Modules (moduly e-shopu), což vám dává velké možnosti při rozšiřování funkcionality vašeho webu.

Hlavní výhodou modulů je jejich flexibilita a možnost opakovaného použití. Jeden modul můžete umístit na několik různých stránek, aniž byste ho museli pokaždé znovu konfigurovat. Linelabox vám navíc umožňuje snadno měnit jejich pozici, vzhled a chování, což vám dává plnou kontrolu nad finálním designem a funkčností vašeho webu.

Moduly v Linelabox editoru, jednoduché ovládání

V Linelabox editoru je to s moduly super jednoduché. Když už máte připravené řádky a sloupce, jednoduše si modul vyberete a myší ho přetáhnete do sloupce, kam ho chcete umístit. A je to! Objeví se tam, kde má. Můžete vybírat z předpřipravených stylů (skinů), nebo si vytvořit a uložit do knihovny vlastní upravené vzhledy pro použití na dalších částech webu.

Nastavení viditelnosti modulů: Kde se modul ukáže a kde ne?

Někdy nechcete, aby se modul ukazoval na každé stránce.

Každý modul si můžete nastavit tak, aby se zobrazil jen:

Jen na hlavní stránce (homepage): Ideální pro speciální pozdrav, reklamu nebo aktuální nabídku.
Podle menu: Můžete si říct, že se modul zobrazí jen tehdy, když uživatel klikne na konkrétní položku v menu (třeba "Naše služby").

Máte tak plnou kontrolu nad tím, jak se vaše stránka chová a co se kde zobrazuje, což je skvělé pro přehlednost a uživatelskou přívětivost. Všechny moduly můžete klonovat.

Vlastní moduly a "snippet" knihovna: Rychlé stavební bloky

Kromě těch základních modulů, které Joomla! nabízí, máte v Linelabox editoru k dispozici ještě speciální Custom HTML modul. Tady najdete něco, čemu se říká snippety.

Snippety si představte jako předpřipravené, hotové stavební bloky, které jsou už hezky navrženy a poskládány. Jsou to takové "šablony v malém" pro konkrétní části webu. Jejich hlavní kouzlo je v tom, že vám neskutečně zrychlí tvorbu webu. Místo abyste si něco stavěli od nuly, prostě si vezmete hotový kousek a jen si ho trochu upravíte.

Mezi ty nejpoužívanější snippety patří:

CTA (Call to Action - Výzvy k akci): Bloky, které mají uživatele k něčemu vyzvat, např. "Kupte teď!", "Stáhněte si zdarma e-book!" nebo "Kontaktujte nás!". Obvykle obsahují výrazné tlačítko.
Accordion (rozbalovací sekce): "Harmoniky", kliknete na nadpis a pod ním se rozbalí text, další kliknutí text zase schová. Ideální pro často kladené otázky.
Countdown / Counter (časovače a čítače): Odpočítávání do konce slevové akce nebo počítadlo prodaných produktů.
Hero sekce (vizuálně výrazné úvody stránek): Velký, nápadný úvod nahoře na stránce, často s obrázkem nebo videem na pozadí, nadpisem a tlačítkem pro okamžitou pozornost.
Další: Progress bar, Tabs, Testimonials, Team, Icons, Tables a mnohé další.

Detailní stylování modulů: Jak modulu dát ten správný vzhled

Každý modul, který na stránku vložíte, si můžete vzhledově upravit. Webové stránky jsou postaveny na kódu, který se jmenuje CSS (Cascading Style Sheets). Tenhle kód říká prohlížeči, jak má co vypadat, jakou má mít barvu text, jak velký je obrázek, kde jsou mezery atd.

Struktura modulu vypadá přibližně takto:

section.cbox, největší "obalová krabice" pro oblast modulu.
#cbox, řádek (row), do kterého je modul vložen.
#cbox2, sloupec, konkrétní pozice modulu.
#cbox2 .style_box, obal přímo kolem obsahu modulu.
Modules Header a Modules Content, hlavička (nadpis) a tělo (obsah) modulu.

Díky této struktuře můžete pomocí CSS pravidel stylovat jakoukoliv část zvlášť, nadpis, pozadí, text, mezery a další.

Přímá editace CSS kódu: Pro ty, co chtějí mít plnou kontrolu

Pokud jste zkušenější a rozumíte CSS, máte v Linelabox editoru možnost přímé úpravy CSS kódu.

Otevřete si speciální okno a pište vlastní CSS pravidla přesně podle potřeby. Můžete tak vytvořit unikátní vzhled, který byste jinak jen těžko naklikali.

Součástí jsou i pomocníci, například tlačítko INSERT IMAGE, které usnadní vkládání obrázků na pozadí bez nutnosti psát složité kódy. Toto tlačítko je přímo propojeno s fotobankou Pixabay, což znamená, že můžete vyhledávat obrázky podle klíčových slov, filtrovat je podle kategorií (např. příroda, technologie, lidé…) a rovnou vložit vybraný obrázek jako pozadí do sekce, řádku, pozice nebo modulu.

Vlastní CSS (Custom CSS): Když chcete webu dát svůj "rukopis"

Představte si, že máte dům a chcete, aby všechno ladilo dohromady, barvy stěn, typ nábytku, velikost oken. Na webových stránkách tohle všechno určuje speciální jazyk, kterému se říká CSS.

CSS říká webovému prohlížeči, jak má co vypadat: jakou má mít text barvu, jakým písmem je napsaný, jak daleko jsou od sebe obrázky, jestli má nějaký prvek rámeček nebo jak je prvek velký.

Sekce "Vlastní CSS" je část, kde můžete psát svá vlastní speciální pravidla, kterými ovlivníte celkový vzhled vaší šablony (toho celkového plánu webu).

Co můžete dělat s vlastním CSS?

Měnit barvy: Třeba barvu pozadí celé stránky, barvu textu, nebo barvu tlačítek.
Upravit písma (typografii): Můžete si vybrat, jakým písmem se bude psát text, jak bude tlusté, jak velký bude nadpis.
Nastavit mezery: Určit, jak daleko od sebe budou různé části stránky, aby nebyly nalepené na sobě.
Rámečky: Přidávat rámečky kolem obrázků nebo textových bloků.

Proč je vlastní CSS super?

Protože si můžete web přizpůsobit přesně podle sebe a svých představ. Můžete si hrát s detaily, které dělají váš web jedinečným.

Detailní úprava stránky (Edit Page)

Tato sekce je vaše hlavní pracovní plocha. Tady nepracujete s kódem, ale přímo s tím, co vidíte. Když si na stránce kliknete myší na nějaký modul, nebo na jeho rodičovský prvek, otevře se vám menu s možnostmi úprav.

Co všechno můžete dělat v sekci Úprava stránky?

Linelabox vám umožňuje nahrávat a aplikovat předdefinované styly modulů (tzv. skiny) nebo si uložit vlastní upravené vzhledy do knihovny pro budoucí použití.
Upravovat obsah: Změnit text v modulu, nahrát jiný obrázek a podobně.
Přidávat vlastní styly: Konkrétnímu modulu nebo jeho obalu můžete dát speciální barvu, rámeček, nebo jiné stylování, které se bude týkat jenom jeho.

Všechno si prostě naklikáte a hned vidíte v reálném čase výsledek.

Zpět a znovu (Undo / Redo)

Každý se občas splete. Smažete něco omylem, nebo přesunete něco, kam to nepatří. Ale v Linelabox editoru se nemusíte bát. Máte k dispozici skvělé funkce "Zpět" (Undo) a "Znovu" (Redo).

Zpět (Undo): Když něco uděláte a nelíbí se vám to, nebo jste udělali chybu, jednoduše kliknete na tlačítko "Zpět" (je to taková šipka doleva) a poslední změna se vrátí zpět. Je to, jako by se nic nestalo. Můžete se takhle vracet i o několik kroků dozadu.
Znovu (Redo): Pokud jste se vrátili zpět a pak si to rozmysleli, že ta předchozí změna byla vlastně dobrá, kliknete na tlačítko "Znovu" (šipka doprava) a vrátíte se k té změně, kterou jste předtím zrušili.

Proč jsou funkce Undo/Redo tak důležité?

Bezpečné experimentování: Můžete si hrát s rozložením, zkoušet různé styly nebo měnit obsah, aniž byste se báli, že něco pokazíte nebo ztratíte svou práci. Vždycky se můžete vrátit zpět.
Záchrana před chybami: Omylem jste smazali celý modul? Nevadí, prostě klikněte na "Zpět".
Funguje to všude: Tyhle šikovné šipky najdete nahoře v editoru a fungují spolehlivě i po velkých změnách a napříč různými částmi vaší šablony.

Rychlý náhled a plný náhled vzhledu stránek

Když tvoříte web, chcete samozřejmě vidět, jak vypadá. Linelabox editor vám nabízí dva způsoby, jak se podívat na svou práci.

Quick Preview (Rychlý náhled)

Co dělá: Zobrazí vám ihned všechny úpravy, které jste právě provedli.
Jak to funguje: Neopouštíte přitom prostředí editoru, takže můžete dál pokračovat v práci. Je to takové malé okno nebo zobrazení přímo ve vašem pracovním prostoru.
Kdy ho použít: Ideální pro rychlou kontrolu, jestli se vám povedlo zarovnání textu, jestli se obrázek zobrazil tam, kde má, nebo jestli má tlačítko správnou barvu. Prostě pro malé, okamžité kontroly.

Full Page Preview (Plný náhled)

To je jako když si hotový dům prohlížíte zvenčí, bez lešení a stavebních plotů.

Co dělá: Zobrazí vám stránku přesně tak, jak ji uvidí vaši návštěvníci.
Jak to funguje: Zmizí všechny rušivé prvky editoru, žádné mřížky, žádné boční panely, žádné nástroje. Vidíte jen čistou, hotovou stránku.
Kdy ho použít: Perfektní pro prezentaci klientovi, kontrolu celkového dojmu a odladění detailů.

Obě možnosti najdete snadno v horní části editoru a můžete mezi nimi jednoduše přepínat podle toho, co zrovna potřebujete zkontrolovat.

Barevné palety, písma a stylování vzhledu: Váš osobní webdesigner

Tahle část je o tom, jak dát vašemu webu ten správný "look & feel", tedy jak bude vypadat a působit. Linelabox editor je tady jako váš osobní designer, který vám dovolí ovládat vzhled, aniž byste museli rozumět složitému kódu. Máte plnou kontrolu nad barvami, písmy (typografií) a celkovým vzhledem každé části webu.

Předdefinované barevné palety a vlastní barvy
Hotové sady: Místo abyste vymýšleli barvy od nuly, editor vám nabídne několik připravených barevných palet. To jsou sady barev, které k sobě hezky ladí. Můžete je aplikovat na celý web a hned vidíte, jak se změní barvy textu, pozadí, tlačítek atd.
Vlastní tvorba: Pokud máte jasnou představu, můžete si vytvořit i vlastní barevnou paletu. Vyberete si hlavní barvu, doplňkové barvy, barvy pro pozadí a pro texty.
Přehled: Editor vám navíc ukáže všechny barvy, které aktuálně na webu používáte. To je skvělé, protože hned vidíte, jestli se vám tam omylem nevkradla nějaká barva, která tam nepatří, a pomůže vám to udržet web barevně jednotný. Editor navíc rozpozná velmi podobné barvy a nabídne vám jejich sjednocení, třeba tím, že zachováte pouze jednu z nich a ostatní barvy webu s ní automaticky nahradíte.

Výběr a správa písem (Fonts)

Písmo je na webu hodně důležité, ovlivňuje čitelnost a celkový dojem. Linelabox online editor vám dává spoustu nástrojů, jak si s písmy hrát, jednoduše, přehledně a bez psaní kódu.

Knihovna Google Fonts: Máte přístup k obrovské databázi Google Fonts přímo z editoru. To znamená stovky různých písem, která můžete použít.
Filtrování a hledání: Můžete písma vyhledávat podle názvu nebo filtrovat podle různých kritérií:
- Podle typu:
  - Serif: Klasická písma s "patičkami". Hodí se pro seriózní a tradiční vzhled.
  - Sans-Serif: Moderní, čistá písma bez patiček. Vypadají jednoduše a čitelně.
  - Monospace: Technická písma, kde má každé písmeno stejnou šířku.
  - Google Fonts: Celá databáze.
- Podle popularity: Nejoblíbenější písma.
- Podle "subsetů": Zda písmo obsahuje české znaky, řecká písmena atd.
Okamžitý náhled: Editor vám hned ukáže, jak bude text vypadat s daným písmem, takže nemusíte složitě hledat a zkoušet.

Styly a detaily textu

Můžete také nastavovat:

Velikost písma (font size),
Řádkování (line height),
Tloušťku písma (font weight, například tučné, normální, lehké),
Barvu textu,
Odstupy mezi odstavci a písmeny (letter spacing, margin, padding),
Styly pro nadpisy, podnadpisy a odstavce.

Component Pages, Tvorba skutečných podstránek vašeho webu

Díky této funkci si můžete přímo v editoru navrhnout vzhled konkrétních podstránek vašeho webu. Jsou to ty stránky, které Joomla! (váš "stavební systém" pro web) automaticky generuje pro různé typy obsahu.

Co jsou to ty "Component Pages"?

V systému Joomla! se různé typy obsahu (například vaše články, produkty v e-shopu, blogové příspěvky, nebo třeba i ten nákupní košík) starají o to, aby se vám ukázaly prostřednictvím takzvaných komponent. Komponenta je v podstatě takový "specialista" na určitý typ obsahu. Třeba jedna komponenta se stará o to, jak se zobrazí jednotlivé články, jiná o e-shop.

Každá taková komponenta má svůj vlastní "výstup", tedy to, co vidíte na obrazovce. A právě vzhled těchto výstupů můžete v Linelaboxu přesně navrhnout a vyšperkovat.

V editoru najdete speciální sekci "Component Pages", která vám nabídne hotové "šablony" pro zobrazení těchto komponent. To znamená, že si můžete dopředu připravit, jak bude vypadat uspořádání (layout), jaké budou použity barvy, písma (typografie) nebo třeba obrázky na pozadí pro tyhle konkrétní typy stránek. Můžete si dokonce určit, kde budou na těchto stránkách umístěny moduly (například boční menu, reklamy, nebo formuláře).

Jaké komponenty si můžete v editoru navrhnout?

Základní komponenty Joomla! (tzv. "core komponenty")

Category Blog (Výpis článků v režimu blogu): Jak bude vypadat stránka, která zobrazuje seznam vašich blogových článků (s náhledy, obrázky, datem, atd.).
Featured Articles (Výpis vybraných článků): Vzhled stránky, která zobrazuje jen speciálně vybrané, "doporučené" články.
Category List (Seznam článků v dané kategorii): Jak bude vypadat stránka, která vypíše všechny články v jedné konkrétní kategorii.
Single Article (Šablona pro zobrazení jednoho článku): Jak bude vypadat detail, když si někdo rozklikne jeden konkrétní článek. (Kde bude obrázek, kde název, kde text, kde autor, atd.)

Phoca Cart (e-shop systém)

Categories View (Přehled kategorií): Jak budou vypadat stránky se seznamem kategorií produktů.
Category View (Výpis produktů v kategorii): Jak vypadají stránky, když si uživatel otevře jednu kategorii a vidí seznam produktů v ní.
Product View (Detail produktu): A co je důležité pro e-shop, jak vypadá detail jedné konkrétní položky, tedy produktu (s obrázky, popisem, cenou, tlačítkem "Přidat do košíku" atd.).

Virtuemart (další oblíbený e-shop systém)

Tato funkcionalita je Premium (tedy dostupná jen v placené verzi editoru), ale umožňuje vám to samé, co u Phoca Cart, jen pro e-shop systém Virtuemart:

Categories View
Category View
Product View

Proč je to tak důležité a užitečné?

Většina lidí, kteří si tvoří webové šablony, narazí na jeden problém. Hlavní stránka vypadá úžasně, ale jakmile se prokliknete na nějakou vnitřní stránku (třeba detail článku nebo produkt v e-shopu), najednou to vypadá, jako by to dělal někdo jiný. Vzhled není jednotný, nebo je to vizuálně "nedotažené", a to pak kazí celkový dojem z webu.

Díky funkci "Component Pages" v Linelaboxu řešíte tento problém s předstihem a přímo v editoru, aniž byste museli něco programovat.

Vidíte, co dostanete: Hned vidíte, jak bude vypadat například seznam vašich blogových článků nebo detail konkrétního produktu v e-shopu.
Vizuální ladění: Můžete si přidávat vlastní obrázky na pozadí, měnit vzhled tlačítek, upravovat texty a písma tak, aby vše ladilo s celkovým vzhledem vašeho webu.
Přizpůsobení modulů: Můžete si pro každý typ Component Pages nastavit, kde se budou zobrazovat moduly (ty malé bloky, jako menu nebo vyhledávání), aby to dávalo smysl pro daný typ stránky.
Jednotný vzhled: Celý váš web bude vypadat profesionálně a konzistentně, od hlavní stránky až po jednotlivé podstránky.

Jak s tím pracovat?

V horní nabídce editoru jednoduše zvolíte možnost "Component Pages".
Zobrazí se vám seznam typů stránek (viz ty, co jsme si popsali výše). Vyberete si ten, který chcete upravit (např. "Single Article" pro detail článku nebo "Product View, Phoca Cart" pro detail produktu v e-shopu).
Editor vám okamžitě zobrazí vizuální reprezentaci vybraného typu stránky. Je to, jako byste měli živý náhled.
Všechny vaše změny se automaticky uloží a promítnou, když budete šablonu exportovat a použijete ji na svém webu.

Funkce Component Pages v Linelaboxu je jako mít designéra a programátora v jednom. Přináší vám obrovskou výhodu, protože si můžete navrhnout každou podstránku webu samostatně, jako byste stavěli kompletní, hotový web.

Už žádné frustrující přepínání, hádání se s kódem nebo vizuální "díry" ve vzhledu vašeho webu. Díky Linelaboxu máte vše pod kontrolou ve vizuálním rozhraní. A co je podstatné, výsledná šablona bude vypadat konzistentně, profesionálně a jednotně napříč celým webem. A to je přesně to, co chcete pro své návštěvníky.

Budoucnost: Chytrý pomocník s umělou inteligencí

Současná verze Linelaboxu je sice robustním a intuitivním nástrojem pro vizuální tvorbu webových stránek, ale víme, že jeho potenciál je mnohem větší. Rychlý rozvoj umělé inteligence (AI) nám otevírá cestu, jak Linelabox proměnit z výkonného editoru na "skutečně chytrého a efektivního tvůrčího pomocníka", který posune vaše možnosti na zcela novou úroveň..

Připravované zapojení AI nebude jen nějaká funkce navíc. Představte si, že řeknete, o čem má váš web být, a AI vám navrhne celou jeho stavbu, doporučí nejlepší rozložení prvků a pomůže s obsahem. Ve spolupráci s vámi pak dokáže psát texty, vybírat vhodné obrázky a zajistit, aby vše dohromady ladilo a vypadalo profesionálně.

Cílem je dokonalé propojení vaší kreativity s výkonem a rychlostí umělé inteligence. Díky tomu bude možné vytvářet i složité webové stránky během několika minut, nikoli dnů.

Nejčastější dotazy

Šablonu můžete využít pro neomezený počet webových stránek i klientů.

Ne, účty nejsou určeny ke sdílení. Každý uživatel by si měl vytvořit vlastní.

Ano, téměř celý kód šablony můžete upravit podle potřeby. Jediným omezením je, že nesmíte měnit nebo odstraňovat copyright kód v XML souborech.

Postup instalace:

Přihlaste se do administrační části svého Joomla! webu.
V menu zvolte Rozšíření > Správce rozšíření.
Klikněte na Procházet a vyberte ZIP soubor šablony z vašeho počítače.
Potvrďte tlačítkem Nahrát a nainstalovat.
Po úspěšné instalaci se zobrazí potvrzovací zpráva.

Stáhněte si nejnovější verzi šablony ve svém uživatelském účtu na Linelabox a znovu ji nainstalujte.

Ano, každou šablonu i rozšíření si můžete prohlédnout v online editoru.

Ano, všichni uživatelé mohou používat libovolný počet šablon současně.

Ano, všechny Joomla! šablony jsou uvolněny pod licencí GPL, takže je můžete upravovat, prodávat nebo volně šířit, za předpokladu, že zachováte stejnou licenci.