Naklikejte si web za pár minut

aneb webové stránky nejen pro překladatele

Web snadno a rychle!

Dávno jsem toužila mít vlastní webové stránky. Výkladní skříň, která ukáže potenciálním klientům, kdo jsem a co umím, s čím jim mohu pomoct. Kde bude každému návštěvníkovi příjemně, kam se lidi budou rádi vracet pro zajímavý obsah. Dlouho se mi to nedařilo.

Párkrát jsem už začala, založila si profil na WordPressu, stáhla si šablony, objednala webhosting. Ale nikdy jsem to nedotáhla do konce: buď se mi nahrnula práce, pro kterou jsem stavbu webu nestíhala, nebo jsem se zadrhla na nějakém problému, který byl nad mé síly. Ono totiž naklikat si web za pár minut nejde. Tedy technicky vzato jde, ale jen když za tím stojí spousty hodin práce.

Loni v létě mi téměř ze dne na den skončilo několik velkých překladatelských projektů, na kterých jsem průběžně pracovala a které byly mým hlavním zdrojem příjmů. Najednou jsem měla spoustu volného času, a pohled do budoucnosti mě naplňoval nejistotou. Usoudila jsem, že lepší příležitost konečně si vytvořit webové stránky a zlepšit dosavadní způsob svého podnikání těžko dostanu, a rozhodla se jednat. Začala jsem hledat webdesignéra, který by mi vytvořil stránky podle mých představ, ale na první pohled mi nic nepadlo do oka a navíc ve mně hlodala touha naučit se to sama. Dnes už ke stavbě webových stránek nemusíte umět kódovat, existuje spousta nástrojů a aplikací, které vám všechno usnadní, stačí jen začít. Přihlásila jsem se do kurzu, který vytvořila moje kolegyně Tanya Quintieri, a který se jmenuje „Postavte si webovou stránku ve WordPressu za 30 dní*“. Tušila jsem, že 30 dní mi stačit nebude, ale za 60 bych to při troše dobré vůle zvládnout mohla, a pustila se do toho.

Snadno a rychle?

I když jsem už měla jistou průpravu a zhruba věděla, co stavba webu obnáší, až v jednotlivých lekcích kurzu jsem přicházela na to, co všechno si budu muset rozmyslet, napsat, obstarat. Naučit se a pochopit, pokud to tedy chcete dělat správně a tak, aby výsledek měl smysl. Aby na konci byl pěkný web, který bude dobře vypadat, návštěvník se v něm bude dobře orientovat a web bude plnit svou funkci – oslovovat potenciální zákazníky, informovat, prodávat, bavit… doplňte si účel sami.

Celé to složité soukolí se velmi laicky a zhruba dá rozdělit na tyto oblasti:

  • technická stránka – s čím web postavit – tedy v jakém systému a s jakými nástroji
  • struktura a obsahová stránka – jak web strukturovat a čím ho naplnit – členění stránek, menu, patička webu, texty, fotky, logo atd.
  • uživatelská stránka – jak web vystavět, aby se v něm návštěvník dobře orientoval a našel, co hledá – nebo aby našel, co vy mu chcete ukázat
  • provozní stránka – jak web budete spravovat a provozovat – tedy záležitosti kolem hostingu, fungování webu, úpravy stránek, přidávání nového obsahu atd.
  • SEO stránka – jak na to, aby vás na internetu vůbec někdo našel
  • sociální stránka – jak o svém webu dát vědět na sociálních sítích

O každém z těchto aspektů byly napsány miliony slov a natočeny miliony videí, a já si rozhodně nepřipadám povolaná dávat vám tu nějaké svoje rozumy. Zkusím jen shrnout, co pro mě jednotlivé části znamenaly, co jsem se musela naučit a co byl největší problém.

Technická stránka

Tady nebylo o čem přemýšlet. WordPress patří k nejoblíbenějším redakčním systémům na světě, navíc už jsem s ním měla drobné zkušenosti z předchozích pokusů. Věděla jsem, že na něj existují spousty šablon, které stačí naplnit vlastním obsahem, nemusíte se učit žádné kódování a v podstatě mu nepotřebujete ani dvakrát rozumět. Co mě však vždycky iritovalo, byla skutečnost, že i když zvolená šablona vypadala v ukázce fantasticky, mně se z ní tak pěkný výsledek nikdy dostat nepodařilo. Nechápala jsem, jaký je mezi šablonami rozdíl, a můj výsledek byl pokaždé neuspokojivý a nepoužitelný.

Díky Tanyině kurzu jsem se dozvěděla o šabloně s názvem Divi, která má tu fantastickou vlastnost, že se dá editovat nejenom v tzv. backendu, tedy v administraci webu, ale i ve frontendu, tedy v podstatě v okně prohlížeče, kde hned vidíte, jak vše vypadá, a každá změna se vám okamžitě zobrazí v reálu.

Napřed jsem si samozřejmě musela zaregistrovat doménu marketademlova.com a objednat si pro ni webhosting u poskytovatele, na jehož serveru bude stránka chodit. To není nic složitého, vše vyřídíte na pár kliknutí (opravdu), součástí balíčku služeb je také vlastní e-mail. Šablonu jsem měla v ceně kurzu, jinak se dá pořídit na webu tvůrců za necelých 90 eur na rok, doživotní neomezená licence stojí 249 eur.

Prokousala jsem se instalací i základním nastavením včetně výběru pluginů (česky „zásuvných modulů“), které k šabloně přidávají funkce podle vašich požadavků, např. propojení na sociální sítě, zabezpečení, zálohování, více jazykových verzí apod. Chvíli mi trvalo, než jsem pochopila, jak s šablonou pracovat, ale na webu naštěstí najdete spoustu návodů a videí, kde vám všechno polopaticky vysvětlí. V podstatě je to tak, že si každou stánku rozdělíte na sekce a řady a do nich pak jako na nástěnku věšíte jednotlivé moduly – texty, obrázky, videa, tlačítka s odkazem na jinou stránku, kontaktní formuláře a všemožné další prvky, jaké na internetových stránkách běžně vídáme. Chce to trochu trpělivosti, ale když se do toho ponoříte, za chvíli už si můžete s šablonou hrát jako se stavebnicí a nejspíš zjistíte, že vás to vlastně docela baví. S Divi máte automaticky k dispozici knihovnu s desítkami návrhů různých typů stránek – profesní stránky webdesignéra, blog o jídle, o cestování, svatební stránky atd. Můžete je použít celé a naplnit vlastním obsahem (ale pak máte předem daný styl a rozvržení), nebo si z nich vybrat jen prvky, které se vám líbí, a ty přenést do vlastních stránek. Já jsem je využila k tomu, abych se v administraci webu podívala na strukturu jednotlivých prvků a pochopila, jak byly vytvořené. Vážně báječná studijní pomůcka.

Jakmile tu technickou stránku trochu dostanete do ruky, můžete začít zkoušet různé varianty rozvržení, střídat barvy, fonty, přidávat pozadí textům i fotkám, oživovat prvky animací – možnosti jsou neomezené. Můžete popustit uzdu vlastní fantazii a kreativitě, ale pokud podobně jako já nemáte moc zkušeností, snažte se udržet jednotný styl a moc to s efekty nepřehánět – jednak byste si tím zpomalili načítání a výkon stránek, a pak by také výsledný dojem mohl působit rušivě a přeplácaně.

Divi je plně responzivní, to znamená, že se přizpůsobí velikosti vašeho zařízení – stránky budou vypadat výborně nejen na velké obrazovce, ale i na displeji mobilu nebo tabletu, aniž byste si museli posunovat nebo zvětšovat text. Při editaci máte možnost neustále kontrolovat, jak bude váš návrh v mobilu nebo tabletu vypadat, a v případě potřeby upravit velikost písma, výšku řádků apod.

Pokračování příště

*Čtenářům tohoto článku Tanya nabízí slevu 10 % z ceny kurzu, která činí necelých 90 eur. Stačí u pokladny zadat kód STAR2018. Připomínám však, že kurz je v angličtině.

Líbil se vám článek?
Můj zpravodaj vás 
upozorní pokaždé, když napíšu nový.

Objednejte si jednou týdně čtení k ranní kávě!