Kdo chce mít web na internetu, potřebuje hosting. To je místo, kde je web uložen a je úplně jedno, zda je to e-shop, klasická prezentace, diskusní fórum nebo srovnávač cen. Hosting je dům, a doména jeho adresa. Ale stejně jako se ve skutečném světě mohou domy diametrálně lišit (chata na zahrádce je zcela jiná stavba než mrakodrap na Manhattanu nebo velkosklad u dálnice), liší se od sebe i různé hostingy. A stejně jako v běžném životě potřebujete dům, který vám bude vyhovovat, je potřeba dobře vybrat i hosting.

Hosting pro prezentace a e-commerce

Už řadu let stavím a spravuji webové prezentace a e-shopy. Firemní stránky, magazíny a jiné „statické“ projekty vytvářím s pomocí technologie WordPress, u řešení pro e-commerce využívám osvědčenou platformu Shoptet. Shoptet poskytuje pro svá řešení svůj vlastní spolehlivý hosting, takže v tomto případě není co řešit. U WordPressu je situace trochu složitější.

Specifika Worpdressu

WordPress je jedním z nejpopulárnějších systémů pro tvorbu webu. Původně vznikl jako platforma pro tvorbu blogů, ale postupem času se vyvinul v naprosto plnohodnotné řešení pro malé, střední i velké weby. Nehodí se úplně na vše (např. pro již zmíněné e-commerce stránky nebo rozsáhlé dynamické systémy), ale statistiky (zde a zde) ukazují, že cca 35–38 % stránek na internetu běží na WordPressu. Prakticky je to už skoro půl miliardy webů – a to už něco znamená. WordPress má řadu výhod a některé nevýhody.

Mezi výhody počítám například tyto:

• Snadno se instaluje a používá,
• obsah dovede vytvořit i upravit opravdu každý jako když se píše ve Wordu,
• již v základu nabízí WP řadu užitečných funkcionalit od automatické optimalizace obsahu pro mobilní zařízení až po elegantní práci s multimédii,
• neuvěřitelná šíře šablon a pluginů, které přidávají funkce.

Ale zmiňme poctivě i ony stinné stránky:

• Web vytvořený na WordPressu může být – zejména při práci se složitějšími šablonami a při použití různých kombinací pluginů – pomalejší. To lze řešit optimalizací a různými triky pro zrychlení webu, ale právě i kvalitním hostingem,
• protože je WP tak populární, na weby neustále zkouší někdo zaútočit (hackeři). Kvůli tomu je mimořádně důležité web dobře zabezpečit.

Weby na WordPress se šablonou Divi

Už několik let tvořím wordpressové weby v prostředí Divi. To je šablona, nebo spíše vývojové prostředí z dílny Elegant Themes. Na Divi velice oceňuji neuvěřitelnou šířku i hloubku možností, které mi jako vývojáři nabízí. Díky ní člověk prakticky není omezen v tvorbě a může z pohledu grafiky a uživatelského rozhraní vytvořit prakticky cokoli si usmyslí. Když si někdy nevím rady, jak by se něco mohlo udělat, stačí se podívat do rozsáhlé databáze znalostí a videonávodů, které Elegant Themes dávají k dispozici, a je to.

Zkrátka a dobře – Divi mi skutečně přirostla k srdci a zatím jsem nenašel důvod, proč se dívat po čemkoli jiném. Jedinou stinnou stránkou (nebo nutnou daní) tohoto řešení jsou vyšší nároky na hosting.

Mé zkušenosti s levnými hostingy pro WordPress

Když jsem začínal tvořit weby, používal jsem téma West od A-themes. To není na hosting nijak přehnaně náročné. Z počátku jsem využíval levnější sdílené hostingy, které ročně stojí několik set korun, měsíčně kolem 60 až 80,- Kč (hostingy zdarma nezmiňuji, protože je nepovažuji pro komerční weby za řešení). Nějakou dobu to fungovalo, ale za poměrně krátkou dobu jsem si uvědomil, že jestli to s vývojem webů myslím vážně, bude potřeba zvolit něco rychlejšího. Po přechodu na Divi se tato potřeba stala ještě naléhavější.

Někdy se totiž stávalo, že na běžném hostingu po zadání adresy trvalo i několik vteřin (klidně i 5-8), než „server začal něco dělat“. Pro návštěvníka webu je z pohledu UX (uživatelské zkušenosti) nesmírně důležité, aby měl pocit, že stránka na jeho požadavky reaguje rychle, rychle se načítá atd. Při první interakcí se stránkou stačí i řád jednotek vteřin kdy se nic neděje, aby potenciální zákazník získal pocit, že s webem něco není v pořádku. Pak se dostavuje frustrace a významně se zvyšuje pravděpodobnost, že odejde jinam, kde vše funguje rychleji a lépe.

Jak už jsem zmiňoval výše: prezentace vytvořené na WordPressu je důležité pro zvýšení rychlosti optimalizovat. Tím spíše, pokud používáte komplexnější šablonu nebo některé pluginy (na tom samo o sobě není nic špatného, jen je nutné s tím počítat). Problém nastává ve chvíli, kdy už nevíte, co optimalizovat, ale web se neustále načítá pomalu (nebo alespoň ne tak rychle, jak si přejete). Pak už je zkrátka potřeba poohlédnout se po lepším hostingu.

Kde poběží WordPress rychle

Já osobně pro své klienty dlouhodobě využívám agenturní hosting v jednom datovém centru, takže problémy s rychlostí mě netrápí. Řada lidí ale může potřebovat rychlé řešení pro 1 či několik málo WP webů. Podle mých zkušeností to ale nejsou ty za několik desítek korun měsíčně (ač se tak často tváří).

Shodou okolností jsem před Vánoci dostal možnost vyzkoušet si hosting pro WordPress od firmy Ionos, optimalizovaný přímo pro weby běžící na enginu WP. Popravdě jsem o tomto poskytovateli předtím neslyšel a předvánoční doba byla tak hektická, že jsem se k vyzkoušení dostal až teď. Slíbil jsem, že popravdě napíši své zkušenosti bez příkras. Takže – do toho.

Test WordPress hostingu od Ionos

Na počátku jsem byl trochu skeptický. Mám zkušenosti s nastavováním hostingů od velkých mezinárodních hostingových společností. To někdy nebývá moc intuitivní. Ačkoli Ionos není českou firmou, má web i administrační rozhraní kompletně v češtině. Na některých místech je sice znát, že texty byly přeloženy z angličtiny (?) nebo jiného jazyka, někde je místo „OK“ na tlačítko napsáno „Tak“, ale to jsou jen drobnosti.

Práce v rozhraní

Založení účtu je jednoduché, platba rychlá a doslova během několika minut můžete hosting začít používat. To zmiňuji zejména proto, že u nejlevnějších hostingů často musíte čekat i několik hodin, než se hosting aktivuje a můžete s ním začít pracovat. U Ionosu šlo všechno rychle. Rozhraní je čisté a docela přehledné. Hledal jsem na Ionos recenze a zkušenosti ostatních lidí. Někdo zmiňuje, že pro začátečníka může být obtížnější např. nainstalovat v adminu WordPress nebo něco nastavit. Já si myslím, že i když jste v systému noví, instalace je otázkou chvilky a v každém případě je k dispozici velmi pěkná nápověda.

Zákaznickou podporu jsem otestoval formou chatu v okénku, vše bez problémů. Navíc je možné zavolat i na českou zákaznickou linku. Po zadání dotazu se mi operátor na chatu ozval zpět za 1 minutu (= rychle). Založení uživatele, databáze, mailu, registrace, koupě a napojení domény, aktivace SSL certifikátu – to vše zabere jen pár kliknutí.

Hned po instalaci WordPressu jsem nahrál Divi (pozor, tu nebo jakékoli jiné placené „téma“ musíte mít koupenou zvlášť, Ionos s nimi nemá nic společného) a naimportoval vzorový web s řadou funkcionalit (myslím, že se to rozložení jmenuje Digital Agency) a nainstaloval základní bezpečnostní a cache pluginy.

Test rychlosti hostingu

Práce v rozhraní WordPressu i Divi je svižná. Všechno reaguje tak, jak má. I na frontendu se web načítá velice rychle. Pomocí nástroje tools.pingdom.com. se prezentace načetla do 2 vteřin a i bez jakékoli další optimalizace dosáhla skóre B (85). To hodnotím jako výborný výsledek a s trochou optimalizace se bude dát dosáhnout i na „áčko“.

Cena WP hostingu Ionos

Běžná cena za rok je cca 3.900 Kč bez DPH, čili cca 393 Kč s DPH měsíčně včetně SSL certifikátu. To je více, než „desetikorunové“ hostingy, ale na druhou stranu má-li web vydělávat peníze, investice do kvalitního hostingu je nutností. V čase, kdy tento článek píšu (leden 2021) navíc běží akce s téměř 90 % slevou. Za takovou cenu doporučuji Ionos alespoň vyzkoušet. Myslím, že co se rychlosti týká, budete mile překvapeni.

WordPress je nejpopulárnější redakční systém pro tvorbu a správu webových stránek na světě. 32 % stránek na internetu běží na WordPressu. Celkový počet jeho instalací  se blíží číslu 20 milionů. 

---

Původně byl WordPress určen pro tvorbu blogů, postupem času se však platforma vyvinula ve zcela plnohodnotný nástroj pro weby živnostníků, malých a středních firem, neziskových organizací i větších projektů. Ostatně podívejte se sami na příklady mnou vytvořených webů, které běží na WordPressu. Tento systém má řadu výhod i nějaké nevýhody (řešení, které by mělo jen samé výhody, na světě neexistuje).

Princip práce s WordPressem

WordPress je systém s neuvěřitelně širokými možnostmi. Napadá mě, že je to podobné jako se psy:

Jak čivava, tak německý ovčák jsou psi. Liší se však od sebe tak, že byste je na společného předka skoro netipovali. S WordPressem je to podobné. Můžete z něj vytvořit jednoduchou mikrostránku i rozsáhlý publikační web. A v obou případech bude fungovat skvěle.

Začněme instalací.

Instalace WordPress

Vše funguje tak, že na hosting (na jehož kvalitě opravdu záleží a nevyplatí se šetřit!) se nahraje jádro systému. To se stahuje jako ZIP, nahrává se rozbalené (odkaz na stažení je dole), propojí se s vytvořenou databází a na několik kliknutí se systém nainstaluje. Tento krok není nijak složitý, stačí v podstatě jen znát správné přístupové údaje a vytvořit si login.

Výběr šablony

Po instalaci máte čistou verzi WordPressu, která obsahuje standardní šablonu (teď v lednu 2019 je aktuální Twenty-nineteen). Web se dá postavit i na ní, ale je to sice kvalitní, přesto generická šablona. Proto doporučuji dvě cesty:

• vybrat si šablonu (zdarma nebo placenou); já osobně stavím prakticky všechny weby na úžasné Divi
• nakódovat si vlastní šablonu (na to ale musíte umět programovat)

U řady šablon máte předpřipravené sekce, stránky, vzhled blogových příspěvků apod. Práci výrazně usnadní, pokud využívají i WYSIWYG editor. Ten výrazně usnadňuje práci. A například Divi má svůj vlastní, pravidelně aktualizovaný Divi Builder. Téma West používá PageBuilder (plugin, který lze zdarma stáhnout). Ale ten není ani zdaleka tak dobrý jako Divi Builder.

Přizpůsobení šablony

Web je potřeba odlišit od konkurence. Toto téma velmi úzce souvisí s pozicí značky, informační architekturou i obsahem, webovými texty a v neposlední řadě i designem. Zde bych pouze rád připomněl, že začínat grafickým designem je chyba. Musí mu předcházet řada kroků, včetně analýzy cílů, zákazníků, konkurence, analýza klíčových slov atd.

Funkce webu a pluginy

Pokud je potřeba, aby web uměl nějakou činnost (odeslání formuláře, registrace do newsletteru atd.), kterou WordPress sám od sebe neumí, existují tisíce a tisíce pluginů, které lze do systému přidat. Doporučuji používat pouze odzkoušené, široce používané, vývojáři dobře podporované a vzájemně kompatibilní pluginy. Kvalitní šablony, jako třeba Divi, mají řadu funkcionalit zabudované v sobě, nebo přímo seznam doporučených pluginů.

Důležitá poznámka: Některé věci není třeba řešit pluginy. Typicky jde například o nasazení kódů pro sledování Google Analytics či jiných systémů. To lze vyřešit přidáním pár řádků do kódu. Čím více pluginů se totiž používá, tím více je potřeba výkonu pro generování podoby webu jak ho vidí uživatel. A proto je zbytečné systém zatěžovat.

Návody a tutoriály

Protože je WordPress tak rozšířený a pracuje s ním tolik lidí, existuje také řada návodů, jak zprovoznit či upravit tu či onu funkcionalitu. Já jsem napsal například Jak posílat zprávy pomocí SMTP, Jak přesunout web na nový hosting apod.

---

Tvořím weby pro malé a střední firmy

Jsem marketingový konzultant a pomáhám firmám i jednotlivcům růst. Tvořím webové prezentace na zakázku na WordPressu. Pokrývám celý proces tvorby značky a loga přes analytickou část až po návrh a realizaci komunikačních kampaní. Rád pomohu i vám. Stačí se jen ozvat.

---

Další zdroje informací:

• Statistiky ↑ o WordPressu (Codeinwp)
• Stažení zdrojových souborů ↑ WordPress
• Placené šablony pro WordPress – ThemeForest ↑
• Konference WordCamp 2018, 2019
• WPbeginner.com ↑ – pokladnice informací o WordPressu

 

23. února (sobota) proběhne v Praze již tradiční konference pro všechny příznivce platformy WordPress. Čeká na nás 10 přednášek, 2 workshopy, networking a afterparty. Pražského WordCampu jsem se osobně poprvé účastnil vloni a rozhodně jsem nelitoval. Na co se můžeme těšit letos?

---

Program konference

Program bude rozdělen do dvou linií – pro vývojáře (kódování, technické aspekty) a pro uživatele (běžná tvorba a správa webů na WordPressu).

Vstupenky jsou k dispozici zde ↑, jedna stojí 499,- Kč. Akce se koná v areálu pražské Vysoké školy ekonomické (VŠE) na Churchillově náměstí.

Důvody, proč na konferenci přijet osobně

Pravdou je, že všechny přednášky z WordCampu jsou k dispozici online na YouTube (rok 2018 pro uživatele zde ↑a pro vývojáře zde ↑). Za sebe však musím říci, že osobní účast je něco jiného, mnohem lepšího. Jednak máte možnost osobně vidět špičky v oboru a pokládat jim dotazy, zadruhé můžete potkat řadu nových lidí z oboru a možná i potenciální klienty či dodavatele (a nebo stávající klienty, jako se to vloni povedlo právě mně).

Být přímo na akci je příjemné zpestření. Vzdělávat se a nedívat se přitom do monitoru či knížky je moc fajn. V neposlední řadě pak sezení v posluchárně vyvolává hezké vzpomínky na studentská léta (dnes už se ve vysokoškolském prostředí pohybuji jako přednášející a zkoušející externista).

A nesmím zapomenout na to, že právě díky WordCampu 2018 jsem začal pro tvorbu webových prezentací používat skvělou a neuvěřitelně flexibilní šablonu Divi, na kterou nedám dopustit. No a aby toho nebylo málo, shodou okolností si mě vloni všiml i konferenční fotograf a skončil jsem v albu WordCamp ↑ Praha 2018. Tak na shledanou v sobotu 23. února v Praze!

---

Jsem marketingový konzultant. Pomáhám tvořit a budovat značky včetně loga. Navrhuji a stavím webové prezentace pro malé a střední firmy, texty pro web i jiné použití (copywriting) a plánuji i realizuji také komunikační kampaně. Zkrátka realizuji kompletní online marketing. Rád pomohu i vám. Stačí mě jen kontaktovat.

---

Další informace:

• oficiální stránky konference ↑

Divi je vynikající placená šablona (nebo možná přesněji řečeno prostředí) pro tvorbu webových stránek, které běží na systému WordPress. Jejím tvůrcem je firma Elegant Themes a pravděpodobně jde o jednu z nejpoužívanějších profesionálních šablon na světě.

Výhody Divi

Téma (šablona) Divi má řadu výhod a mezi ty nejdůležitější jako marketingový konzultant řadím tyto:

1. fantastické možnosti pro kreativní zpracování webu (téměř bez limitů)
2. skvělá a dlouhodobá zákaznická podpora
3. univerzálnost použití
4. technologická vyspělost a neustálý vývoj
5. obrovské množství dostupných zkušeností, tipů a triků (jak Elegant Themes, tak i řada samostatných vývojářů nebo vývojářských firem zveřejňují různé „how to“ návody a tutoriály)
6. jednoduchost použití: Divi obsahuje WYSIWYG editor, takže tvorba i úprava stránek je pohodlná
7. možnost stáhnout si připravené layouty a naučit se díky nim co jak dělat

Na WordPressu jsem postavil již celou řadu webů. Některé byly pro firmy, jiné pro jednotlivce, další pro neziskové organizace a ještě další pro mé přátele nebo pro své vlastní projekty. Vyzkoušel jsem spoustu šablon. Namátkou West od A-Themes, Dyad, Kontrast a další (to jsou jen ty, na které si rychle vzpomenu). Kromě WordPress šablony West se žádná Divi ani vzdáleně nepřiblížila – jak z pohledu funkcionalit, tak možností pro tvorbu designu. Nicméně vývoj West byl již zřejmě zastaven a její poslední update je z roku 2016.

Mé začátky s Divi

Jak jsem se vlastně k Divi dostal? Nejdříve asi přes nějaké fórum nebo reklamu na Facebooku. Na WordCamp Praha v roce 2018 pak někdo zmínil, že Tomáš Cirkl už nestaví weby na ničem jiném než na Divi. Tak jsem si koupil licenci (89 USD na rok), téma nainstaloval a vyzkoušel, co umí. Po necelém týdnu jsem si aktivoval doživotní členství a aktualizace – dalších 160 USD. Vynaložených peněz jsem ale nikdy ani na chvilku nezalitoval. Mám zajištěny veškeré průběžné aktualizace, Divi byla výborně připravena na přechod na WordPress 5.0 a pořád v ní přibývají nové a nové funkce.

Na co dát pozor?

Jestli jsem zaznamenal nějaké potíže? Ano, dílčí, ale nejde o žádné tragédie. O co konkrétně šlo: WordPress může mít problémy s rychlostí. Hodně důležitá je kvalita hostingu, klíčovou roli však hraje i vlastní nastavení, použité pluginy, velikost obrázků, minifikace kódů apod. Kvalitní hosting se mimo jiné pozná i v tom, jak dlouhé jsou prodlevy „Waiting for Server“ ve vodopádovém diagramu (např. Pingdom Tools).

Divi mohu jen doporučit

Celkově mohu Divi jen doporučit. Když píšu tyto řádky, mám před sebou 4 webové projekty, které na této technologii poběží. Rozšíří tak portfolio prezentací jako Čápátka.cz ↑, AkademieBudějovice.cz ↑, Rudovský.cz ↑ nebo Zámecká kamnářská manufaktura ↑.

---

Další užitečné informace:

• Web Elegant Themes ↑
• Pingdom Tools pro měření rychlosti webu ↑