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 ↑

 

Drátěný model (anglicky wireframe) je grafickým znázorněním hlavních prvků webové stránky. Drátěné modely se používají při tvorbě nových webů nebo při redesignu těch stávajících. V takovém případě navazují na audit webu.

---

Hlavními přínosy drátěných modelů jsou:

• přehlednost (ukazuje, kde co na stránce bude)
• možnost včasného provedení úprav (je to snazší a levnější, než když je už vytvořená grafika a muselo by se měnit něco zásadního)
• pozitivní dopad do celkové uživatelské přívětivosti (UX) a konverzního poměru webu (protože wireframy umožňují soustředit se na to nejpodstatnější v rámci navigace, jejich alfou a omegou je orientace na výsledek, ne na nejmenší detaily)
• snadnější tvorba v porovnání s kompletní grafickou podobou stránek

Jak vytvořit wireframe

Příprava drátěných modelů navazuje na analýzu klientů, konkurence, stanovení pozice značky, analýzu klíčových slov a audit webu. Díky těmto krokům je možné stavět na reálném základě a opřít se o něj. Jinými slovy – nepostupuje se naslepo.

1. Máme hotovou strukturu webu (víme, jaké stránky se mají vytvořit)
2. Víme, co na nich má být (typ a rozsah obsahu)
3. Můžeme se soustředit na poskládání jednotlivých typů obsahu dohromady

Na počátku stačí tužka a papír

Způsobů tvorby modelů je celá řada. Model je možné připravit i s pomocí obyčejné tužky a papíru (pro zachycení základního schématu, posloupnosti sekcí apod.). Kromě toho existuje celá řada programů (online i offline), které proces tvorby výrazně usnadní.

Software pro tvorbu wireframů

Já osobně používám pro tvorbu drátěných modelů program Project Pencil ↑. Je jednoduchý, ale obsahuje všechno podstatné, co mi umožní připravit model a exportovat jej do formy, kterou mohu prezentovat klientovi. Navíc je k dispozici zdarma.

Kromě toho existuje řada dalších nástrojů. Některé z nich mají formu online platformy, která se ovládá v okně prohlížeče, jiné můžete používat, i když jste offline. Zmiňme některé z nich:

• Axure ↑
• Justinmind ↑
• Wireframe.cc ↑
• MoqupsUXPin ↑
• Mockflow ↑

Tento výčet zdaleka není vyčerpávající. Na webu najdete celou řadu článků ↑, které se věnují jejich srovnání. Ty lepší jsou v 99 % případů placené, ale to je zcela v pořádku. Většina z nich má zkušební verze, takže nebudete kupovat zajíce v pytli. Jen pozor, jakou e-mailovou adresu budete zadávat jako kontaktní při registraci. Některé služby totiž doslova bombardují zprávami.

Další krok: texty a grafický design

Když jsou drátěné modely hotové, na řadě míst budete mít pouze zástupný text (např. díky tomuto generátoru textu ↑ Lorem Ipsum). Rámcově byste již měli vědět, co kde má být, takže copywriter se bude mít čeho chytit. Následně se připraví grafický design a může se začít s kódováním/tvorbou webu.

---

Pokud chcete vylepšit váš stávající web nebo vytvořit zcela nový, ozvěte se mi (klikněte sem). Jsem marketingový konzultant a pomáhám firmám výrazně přidat plyn. Rád pomohu i vám.

 

Doména (anglicky domain) je název, který se používá pro určení adresy internetové stránky. Domén existuje několik řádů.

Doména 1. řádu: za poslední tečkou

Jako doména prvního řádu se označují písmena, která jsou za poslední tečkou adresy. Nejznámější jsou např. .com, .cz, .net, .org.

Doména 2. řádu: před poslední tečkou

Domény druhého řádu se registrují a platí se za ně. Právě teď se díváte na stránku, na doméně druhého řádu, která se jmenuje MarketingMind.

Doména 3. řádu

Této doméně se říká subdoména. Příkladem může být eshop.znacka.cz.

---

Více informací o tomto tématu můžete najít například na

• webu xhosting.cz ↑ nebo
• na Wikipedii ↑.
• Článek o přesunu webu na nový hosting