Jak vytvořit web v roce 2020: Kompletní podrobný návod

Ari Denial
19 Srpna 2020

Vytvoření webu se může zdát jako složitý úkol. Pokud však budete postupovat správně, bude to jednodušší, než se na první pohled zdá. Abyste si vytvořili atraktivní webové stránky, nemusíte být profesionální web designér s mnoha lety zkušeností. A ani vás to nemusí stát spoustu peněz!

Vytváření webů se věnuji již přes 10 let a téměř stejně tak dlouho recenzuji editory webů a poskytovatel webhostingu.

Vytvořit si webové stránky lze dvěma způsoby. První možností je editor webů. To je platforma navržená tak, aby usnadnila tvorbu webových stránek každému, dokonce i někomu bez přechozích zkušeností nebo technických znalostí.

Druhý způsob představuje WordPress. Ten zabere více času a úsilí, ale pořád je to celkem jednoduché řešení, pokud již nějaké ty technické dovednosti máte. Navíc je flexibilnější.

V tomto návodu se podíváme na obě možnosti. Pokračujte tedy ve čtení a zjistěte, které řešení je pro vás to pravé.

1. Možnost: Editor webů

Editory webů vám tvorbu webových stránek nejvíce zjednoduší. Tyto online nástroje nevyžadují technické dovednosti ani znalost programování a cílí přímo na začátečníky, i když často je používají i vývojáři.

Editor webů vám umožní vytvořit si atraktivní webové stránky během pár hodin, někdy dokonce i minut. Většina z nich nabízí přívětivé ceny, některé jsou i v češtině a mnoho jich má bezplatné nebo zkušební verze, takže ani nebudete muset hned zadávat údaje o platební kartě.

Nástroje pro tvorbu webových stránek obsahují hotové šablony, které udají styl, rozvržení a barevné schéma webu. Stačí si jednu vybrat a přidat vlastní obsah a obrázky.

Různé editory mají různé způsoby úprav. Osobně dávám přednost rozhraní drag-and-drop, protože s ním máte větší kontrolu nad rozvržením. Prvky si umístíte, kam chcete, nebo přidáte nové jednoduše jejich přetažením na místo.

Některé nástroje nabízí také aplikace a rozšíření. Snadno si tak přidáte nové funkce – newsletter, rezervační systém, živý chat nebo vlastně cokoliv vás napadne, většinou navíc bez poplatků navíc.

Na internetu existuje nespočet editorů webů, některé jsou samozřejmě lepší než jiné. Mým favoritem je Wix, protože nabízí stovky šablon a obrovskou flexibilitu spolu s mnoha bezplatnými (i placenými) aplikacemi. Pokud hledáte nejlepší editor webových stránek, podívejte se na náš návod.

Použití editoru webů: Podrobný návod

1. Rozhodněte se, jaký web chcete vytvořit

Prostřednictvím editoru webů vytvoříte jakýkoliv typ webových stránek, např. osobní web, blog, online portfolio nebo životopis. Vybudujete si stránky i pro firmu nebo online obchod, kde budete prodávat své produkty či služby.

Webové stránky samozřejmě nemusí mít jen jeden jediný účel. Například můžete vytvořit firemní web spolu s portfoliem a e-shopem. Se správným editor se fantazie meze nekladou.

2. Vyberte si editor dle svých potřeb

Některé nástroje se specializují na určité aspekty webových stránek. Proto je třeba si vybrat editor, který bude nabízet funkce pro vaše potřeby. Většina editorů vám umožní vytvořit si online obchod, ale například Shopify je navržený přímo pro e-shopy. Na druhou stranu jsou ale obecné funkce, například pro blogy, hodně omezené.

Nejflexibilnější editor je Wix. S ním zvládnete cokoliv! Nabízí skvělé funkce pro prodej produktů, nespočet aplikací a jeho drag-and-drop rozhraní vám dá absolutní kontrolu nad vzhledem vašeho webu. Je naším favoritem a v tomto návodu budu jednotlivé kroky ukazovat právě na něm. Ve většině editorů se ale pracuje podobně.

Jednou z nejlepších věcí na Wixu je, že je v češtině. Web si tak vytvoříte velice snadno.

Doporučené editory webů

Nevíte si s výběrem editoru webů rady? Podívejte se na doporučení pro různé účely.

  • Pokud vytváříte stránky pro malou až střední firmu, doporučuji Wix kvůli jeho flexibilitě a funkcím. Nabízí bezplatnou verzi, se kterou si vytvoříte plně funkční web (i tak tam jsou ale nějaká omezení).
  • Pokud nemáte žádné technické znalosti a chcete mít na webu od všeho trochu – blog, ukázky práce nebo online obchod – Weebly všestranný editor se skvělými funkcemi pro e-shopy.
  • Chcete-li posunout svůj e-shop na vyšší úroveň, s Shopify neuděláte chybu. Je to velice jednoduchá platforma se stovkami aplikací a spoustou nástrojů, které vám pomohou získat vyšší tržby.

3. Vyberte si tarif

Většina editorů webů nabízí bezplatnou verzi nebo alespoň zkušební období. Pokud s webovými stránkami teprve začínáte nebo máte nízký rozpočet, bude bezplatná verze nejlepším řešením. Vyzkoušíte si tak kompletně celý editor bez jakékoliv investice a nepřijdete o žádné peníze, kdyby se vám nelíbil.

Nevýhodou bezplatných verzí je, že mají značná omezení. Vytváříte-li webové stránky pro firmu, potřebujete vlastní doménu (vasefirma.cz), kterou si zákazníci snadno zapamatují. V bezplatných verzích získáte jen subdoménu (např. uzivatelskejmeno.wixsite.com/vasefirma). Dále se v bezplatné verzi zobrazují reklamy daného editoru a to nevypadá profesionálně.

Také budete mít dost omezenou návštěvnost, kterou může web mít, a nebudete si možná moci naistalovat aplikace ani používat funkce pro e-shopy. Pokud to se svým webem myslíte vážně, budete muset pravděpodobně přejít na placenou verzi.

Při výběru tarifu se hodí vědět, jaký typ webových stránek chcete vytvořit. Určíte si tak své požadavky a rozpočet. Příklad:

  • Chcete-li prodávat produkty online, vyberte si tarif vytvořený přímo pro e-shopy (nebo alespoň takový, který podporuje prodej produktů). Na Wixu máte na výběr z obecných a firemních/e-commerce tarifů, platby lze však přijímat jen s tarify firemními/e-commerce.
  • Chcete-li mít na svých stránkách hodně videí, vyberte si takový tarif, který zahrnuje velký úložný prostor a velké množství přenesených dat.

Hodí se začít na nejlevnějším tarifu, který vám nabídne veškeré funkce, co budete potřebovat. Přejít na vyšší můžete kdykoliv.

4. Začínáme: Zvolte si šablonu

Volba šablony je při vytváření nového webu vždy prvním krokem. Všechny editory používají šablony (někdy je nazývají jinak, ale vždycky jde o stejnou věc). Šablony jsou navrženy tak, aby vypadaly dobře na všech možných zařízeních, a umožní vám dokončit web za relativně krátkou dobu.

Šablona určuje styl a rozvržení webových stránek (i to si lze však později upravit) a poskytne vám základní stavební kameny. Poté stačí už jen přidávat obsah.

Většina editorů webů má knihovny šablon, které lze procházet dokonce ještě před registrací. Šablony jsou řazeny do kategorií, jak vidíte na snímku obrazovky z knihovny šablon na Wixu. Samozřejmě si můžete vybrat jakoukoliv šablonu, ale šablony jsou rozřazeny do kategorií tak, aby odpovídaly stylu daného typu webových stránek, například fotografování, firemní stránky, hudba nebo portfolia.

List of all Wix template categories

5. Upravte si šablonu

Šablonu nemusíte vůbec upravovat, ale pokud se tak rozhodnete, dáte svému webu trochu osobitější nádech a oddělíte se od ostatních. Například můžete sladit barvy a styl písma s vaším brandem.

Úpravy jsou velice snadné. Rozhraní jednotlivých editorů webů (a také proces úprav) se sice liší, ale postup, kterým vám ukážu na příkladu Wixu, bude podobný i pro ostatní editory.

Změna písma

Pro změnu písma na Wixu stačí označit text, který chcete změnit, a kliknout na tlačítko Upravit text. Textová pole lze upravovat samostatně nebo můžete využít možnost Uložit téma a písmo se změní globálně na celém webu.

Pro různé typy textů můžete na Wixu nastavit různé styly písma – jeden styl písma například zvolíte pro Nadpis 5, který bude sloužit jako hlavní nadpis, a jiný typ písma zvolíte pro Nadpis 6 sloužící jako podnadpis (viz příklad níže). Pokud byste chtěli, je tu možnost nastavit různé styly písma i pro odstavce.

Jak vytvořit web v roce 2020: Kompletní podrobný návod

Některé editory umí změnit písmo jen pro celý web, nikoliv jednotlivé nadpisy. Na druhou stranu bych vám stejně doporučil, abyste udržovali na svém webu konzistenci stylů.

Změna barev

Barvu písma na Wixu snadno změníte v nastavení textu a stejně jednoduše změníte i barvu jiných prvků, například pozadí sloupců. K výběru barvy můžete použít i kapátko, jak je vidět na obrázku níže.

Wix automaticky vybírá paletu barev, která se doplňuje s vaší šablonou, ale snadno ji změníte v nastavení “Změnit barvy webu”. Také je tu možnost přidat vlastní barvy pro sladění s brandem.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Na Wixu snadno změníte barvy i pozadí

Přemístění prvků na stránkách

V drag-and-drop editoru (např. Wix) je přemístění obsahu záležitostí pár tahů myší. Jiné editory zase nabízí úpravu sekcí metodou aktivace/deaktivace jednotlivých prvků.

Jednou ze skvělých výhod Wixu je funkce Oddálit a uspořádat. Ta vám zobrazí kompletně celou stránku a umožní přetahovat jednotlivé sekce a/nebo prvky. Na obrázku níže vidíte, jak snadno s tímto nástrojem přemístíte svůj obsah.

Rearranging sections in Wix editor
Použití drag-and-drop editoru Wix pro úpravu sekcí

6. Přidejte svůj obsah

Pro přidání vlastního obsahu stačí nahradit „ukázkový“ text a obrázky šablony vlastní tvorbou. Jednodušší už to být nemůže, ale pokud máte obsahu hodně, zabere vám to nějaký čas.

Pokud nemáte vlastní obrázky, tak můžete využít bezplatné knihovny editorů webů, které nabízí většina z nich.

Jak přidat text

Nové textové sekce přidáte na webové stránky během několika kliknutí. V případě Wixu kliknete po levé straně na panelu s nástroji na Přidat a v novém menu zvolíte Text.

Pokud si chcete nejdříve vytvořit textové oblasti a obsah do nich vkládat až zpětně, využijte bezplatný nástroj Generátor Lorem Ipsum, který vám vytvoří dočasný ukázkový text.

Jak vytvořit web v roce 2020: Kompletní podrobný návod

Jak přidat obrázek

Přidání obrázků je stejně jednoduché jako přidání textů. V případě Wixu kliknete na Přidat, zvolíte Obrázek (hned pod Text) a vyberete si rozměry. Můžete přidávat vlastní obrázky, bezplatné obrázky a ilustrace Wixu, obrázky z databáze Unsplash nebo klidně placené obrázky z knihovny Shutterstock. Následně si pro ně už jen vyberete vhodné místo na stránce.

Přes nástroj Přidat obrázek můžete také nahrát logo webových stránek. K logům se ještě později vrátíme.

Pokud používáte obrázky Wixu nebo Unsplash, pravděpodobně už jsou optimalizované – mají nižší velikost, aby nezpomalovaly načítání webu. Pokud používáte vlastní obrázky, hodí se před nahráním na web snížit jejich velikost. K tomu vám skvěle poslouží bezplatný nástroj Komprese obrázků.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Na Wix si můžete přidat obrázky hned několika způsoby

Jak přidat stránku na web

Šablony většinou obsahují několik vytvořených stránek jako Domovská stránka, O nás a Kontakt. Pro přidání dalších stránek (např. Služby) klikněte na tlačítko Nabídka a stránky v levém panelu nástrojů a v novém menu zvolte možnost Přidat stránku.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Přidání nové stránky na Wix nemůže být jednodušší

Nové stránky se po přidání automaticky zobrazí v menu navigace.

7. Přidejte aplikace

Ne všechny editory aplikace mají, Wix jich však nabízí stovky. Spousta z nich je zadarmo, ale i ty placené se pohybují v nižší cenové kategorii. Aplikace využijete k přidání dalších funkcí, a to během pár minut. Například lze přidat online rezervace, živý chat, odběr newsletteru, odkazy na sociální sítě a nespočet dalších.

Wix App Market

Přidání aplikace je na Wixu velice snadné. Stačí v nabídce vlevo kliknout na ikonu Přidat aplikace (přímo pod možností Přidat) a ve vyskakovacím okně se vám otevře Wix App Market. Můžete si vyhledat konkrétní aplikaci, procházet si kategorie nebo použít aplikace doporučené Wixem pro váš typ webových stránek.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Wix navrhne aplikace vhodné pro váš typ webu

Až najdete aplikaci, kterou chcete, klikněte na tlačítko + Přidat a na další obrazovce potvrďte, že ji chcete opravdu použít.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Instalujte aplikace pomocí pár kliknutí přímo z Wix App Market

Po instalaci aplikace je k dispozici na vaší webové stránce. V tomto případě jsem přidal aplikaci Contact Collection, která zajišťuje přihlášení k newsletteru. Netrvalo mi to ani 30 vteřin!

8. Zvolte si název domény

Před zveřejněním svých webových stránek je třeba si zvolit název domény. Pokud pracujete v bezplatné verzi, nemáte vlastně moc na výběr, protože dostanete subdoménu (např. Uzivatelskejmeno.wixsites.com/nazevwebu). Pokud si ale zaplatíte roční tarif, většina editorů do něho zahrnuje váš vlastní název domény na první rok.

Název domény si lze zaregistrovat prostřednictvím daného editoru webu a poté vám bude doména automaticky k dispozici. Takže vám stačí si jen vybrat ten nejlepší název domény. Při výběru názvu webu je potřeba se zamyslet nad spoustou věcí. Nespěchejte na to! Největším problémem je nakonec to, že váš vybraný název nebude k dispozici.

Máme pro vás užitečný návod na výběr názvu domény se spoustou tipů a triků. Určitě se na něj podívejte!

9. Zkontrolujte a zveřejněte své stránky

Po přidání veškerého obsahu a výběru domény je čas webové stránky zveřejnit. Ve většině editorů je to jen prosté kliknutí na tlačítko.

Před stisknutím tlačítka Zveřejnit využijte možnost Náhledu a zkontrolujte, jestli vše vypadá tak, jak má. Na web se můžete samozřejmě kdykoliv vrátit a provést jakékoliv změny, ale náhled vám umožní zobrazit si svůj web tak, jak ho uvidí návštěvníci bez rozptýlení možností a funkcí editoru.

Budete si moci prohlédnout i mobilní verzi stránek a ujistit se, že je vše na svém místě.

Site published pop-up in Wix
Budete si moci prohlédnout i mobilní verzi stránek a ujistit se, že je vše na svém místě.

Po kliknutí na tlačítko Zveřejnit je váš web online a můžete ho začít propagovat.

Srovnávací tabulka editorů webů

Editor webůBezplatný tarifDrag & DropAplikace/rozšířeníPočet šablonK dispozici v češtiněCena od
Wix500+$0.00Recenze >>
SITE123180+$0.00Recenze >>
Squarespace60+$12.00Recenze >>
Jimdo100+$0.00Recenze >>
Weebly50+$0.00Recenze >>
SimpleSite30+$0.00Recenze >>
Volusion40+$26.00Recenze >>
Shopify70+$29.00Recenze >>
BigCommerce140+$29.95Recenze >>

Časté dotazy týkající se editorů webů

Který editor webů se nejsnadněji používá?
Na trhu je několik editorů s jednoduchým ovládáním, například WeeblySITE123. Úplně nejjednodušší je ale Wix, protože nemá jen jednoduché ovládání, ale i mnohem více funkcí než ostatní editory.

obrazí se můj web na Googlu a jiných vyhledávačích?
Ano, vaše webové stránky se budou zobrazovat ve výsledcích vyhledávání. Všechny editory nabízí možnost pomoci s lepším umístěním vašeho webu ve vyhledávání.

V některých případech můžete přidat jen meta názvy a popisky, které pomáhají vyhledávačům a návštěvníkům zjistit, čemu se váš web věnuje.

Jiné editory vám nabídnou i pokročilé nástroje pro SEO (search engine optimization = optimalizace pro vyhledávače). Například ve Wixu máte nástroj SEO Wiz, který vám doporučí nastavení SEO a dá vám podrobné pokyny, jak svůj web zviditelnit.

Budou mé stránky vypadat dobře na mobilních zařízeních?
Zkráceně: ano. Šablony většiny editorů jsou responzivní (automaticky se přizpůsobí obrazovkám) nebo máte možnost přepnout do režimu pro mobilní zařízení a v něm si vzhled upravit. Pokud si chcete responzivitu svých stránek ověřit, vyzkoušejte bezplatný nástroj Kontrola responzivity.

Potřebuji editor se specializací na online obchody?
To závisí především na tom, kolik produktů hodláte prodávat. Pokud se například chystáte psát blog nebo vytvářet obsah, a přitom něco málo prodávat, vyplatí se vám spíše klasický editor s obchodem v podobě rozšíření.

Smyslem specializovaných editorů je totiž především prodej a při psaní článků vám příliš nepomohou. Wix vám nabídne to nejlepší z obou oblastí, skvělé nástroje pro tvorbu obsahu and kvalitní sadu nástrojů pro obchody.

Pokud se však chystáte prodávat velké množství produktů, rozhodně bych vám doporučil spíše specializované řešení, například v podobě  Shopify. E-commerce editory nabízí lepší nástroje pro řízení prodeje a v některých případech je můžete využít i k prodeji přes Instagram a Facebook.

Můžu vytvoření webu přenechat na někom jiném?
Ano, rozhodně můžete! Pokud jednoduše nemáte čas nebo byste vše raději nechali na profesionálovi, najděte si designéra na Fiverru, kde ceny začínají na 5 USD.

2. Možnost: WordPress

Editory webů zaručeně nabízí nejjednodušší cestu vytváření webových stránek, ale oproti WordPressu s webhostingem se mohou prodražit. Pokud hledáte něco levnějšího a nedělají vám problém aktivity techničtějšího rázu, WordPress je pro vás vynikající řešení s velkou dávkou flexibility.

Existují celkem dvě verze WordPress: WordPress.com, což je zjednodušená verze, a WordPress, u kterého si hosting řešíte sami. V této části se budu věnovat WordPressu, kde si hosting řešíte sami.

WordPress není tak intuitivní jako editory webů, ale nemáte se čeho bát – rozsáhlý výběr bezplatných šablon a pluginů vám zajistí absolutní volnost při úpravách vašich stránek. Na WordPressu vytvoří pěkné stránky i někdo, kdo vůbec neumí programovat a má málo zkušeností. Navíc je rozhraní WordPressu dostupné v češtině, což vám práci ještě více ulehčí.

Pokud byste raději přenechali tvorbu webu na WordPressu profesionálovi, vždycky si můžete najít někoho na Fiverru, kde ceny začínají od 5 USD. K tomu se ještě vrátíme.

Podrobný návod

1. Vyberte si hosting

WordPress je sice kompletně zdarma, ale abyste mohli své stránky zveřejnit, budete si muset koupit webhosting (u editorů webů je hosting již součástí předplatného). Potřebujete odbornou radu? Podívejte se na náš krátký seznam nejlepších webhostingů.

Webhostingů jsou spousty, ale jen některé z nich projdou přes náš odborný filtr.

Nejlepší webhostingy pro WordPress na základě našeho doporučení

  • InterServer – Nízká a garantovaná cena dělá z tohoto poskytovatele skvělé řešení pro rostoucí podnikatele. Jeho servery se nachází v USA, takže nabízí vynikající rychlost načítání pro návštěvníky z této oblasti.
  • Hostinger – Jeden z nejlevnějších poskytovatelů představující skvělé řešení, pokud je váš rozpočet omezený. Nabízí skvělou rychlost načítání (podrobně testováno) a expresní instalátor pro WordPress na sdíleném hostingu. Pokud využijete spravovaný hosting pro WordPress, získáte navíc lepší zabezpečení a optimalizované servery.
  • A2 Hosting – Nabídka sdíleného a spravovaného hostingu, A2 Hosting patří mezi „zelené“ společnosti, které se snaží snížit svou uhlíkovou stopu. Vynikající rychlost a zabezpečení, o které se stará bezplatný nástroj HackScan pro vyhledávání a odstranění hrozeb.
  • SiteGround – SiteGround je cenově dostupný hosting pro váš web na WordPressu. Součástí jeho speciální nabídky jsou například pluginy pro zvýšení rychlost načítání webových stránek. SiteGround má také vynikající zabezpečení.
  • WP Engine – Jelikož nabízí pouze hosting pro WordPress, má v tomto ohledu bohaté zkušenosti. Nabízí skvělý výkon, automatické SSL a šikovné rozdělení prostředí do různých fází – můžete testovat změny, aniž by se projevily na veřejné verzi vašeho webu.

Při výběru poskytovatele webhostingu pro web na WordPressu se zaměřte na následující:

  • SSL certifikát. SSL certifikát vaše webové stránky zabezpečí a zajistí, že se u adresy v prohlížeči bude zobrazovat ikona zámku. Většina poskytovatelů vám dá jeden certifikát zdarma. Po zveřejnění svého webu si v nástroji SSL Checker zkontrolujte, jestli váš certifikát funguje správně.
  • Optimalizace pro WordPress. Ti nejlepší poskytovatelé webhostingu mají optimalizované servery pro WordPress, které zajistí lepší výkon a rychlejší načítání.
  • Zabezpečení. Někteří poskytovatelé chtějí za základní zabezpečení připlatit. Proto se pohlédněte po takové službě, která bude zahrnovat všechny důležité funkce, jako je ochrana proti malwaru, firewally a automatické zálohy.

2. Zvolte si název domény

Proces výběru domény je tady téměř stejný jako u editorů webů. Někteří poskytovatelé hostingu ve svých ročních tarifech nabízejí bezplatnou doménu, ne však všichni. Pokud si vyberete poskytovatele, který bezplatnou doménu nenabízí, bude pravděpodobně levnější koupit si ji u někoho jiného než vašeho poskytovatele, protože na některých místech se dá doména sehnat už za 1 $.

3. Pro instalaci WordPressu použijte expresní instalátor

Některé hostingy už obsahují nainstalovaný WordPress. Pokud ho ve svém tarifu nemáte, nepanikařte. Stačí použít expresní instalátor, který jste dostali.

Pomocí pár kliknutí nainstalujete všechny skripty a databáze potřebné pro fungování WordPressu. Po dokončení instalace si stačí jen nastavit uživatelské jméno a heslo, které chcete používat pro přihlašování do WordPressu.

Každý poskytovatel používá jiný instalátor, ale ve skutečnosti jsou všechny stejné a jejich použití je extrémně intuitivní.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Většina instalátorů WordPressu bude podobných tomuto od SiteGround

4. Přejděte do WordPressu přes rozhraní hostingu

Přesný postup, jak se budete přihlašovat do WordPressu, se liší podle poskytovatele webhostingu, ale ve většině případů najdete v hlavním ovládacím panelu sekci pro WordPress.

Ukážu vám to na SiteGround. Na snímku níže vidíte tlačítko, na které když kliknete, tak vás to automaticky přihlásí a přesměruje na nástěnku WordPressu. U jiných poskytovatelů bude možná třeba zadat uživatelské jméno a heslo.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
SiteGround nabízí možnost přihlášení do hlavního panelu jedním kliknutím

Při prvním spuštění WordPress se může zdát hlavní panel nepřehledný, ale ve skutečnosti je to celkem jednoduché. Následující snímek obrazovky zobrazuje hlavní panel se zvýrazněnými důležitými prvky.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Pokud víte, kde se co nachází, tak se na nástěnce WordPressu budete orientovat velice snadno!

WordPress používá rozdílnou terminologii než editory webů. Abych vám to ulehčil, vytvořil jsme shrnutí různých sekcí:

Prvek WordPressuCo děláEkvivalent v editoru webů
PříspěvkyZobrazení, úprava a přidávání nových příspěvků na web (více informací o příspěvcích a stránkách najdete níže)Blog
MédiaZobrazení, úprava a nahrávání obrázků a jiných typů souborů (např. videí)Galerie
StránkyZobrazení, úprava a přidávání nových stránek na webStránky
Instalátor šablonZobrazení šablon, vyhledávání bezplatných šablon z archivu WordPress a přidání šablon třetích stranŠablony
VzhledPřizpůsobení barev, stylů písma, rozvržení webu a dalších (záleží na šabloně) s aktuálním náhledem provedených změnDesign
Nastavení šablonyNe všechny šablony tuto sekci mají, ale prémiové šablony mají většinou více možností nastavení, které nejsou dostupné v části vzhledNeexistuje
PluginyZobrazení a aktivace/deaktivace pluginů, vyhledávání a instalace pluginů z archivu WordPressu a nahrávání pluginů třetích stranAplikace
NastaveníZměna základního nastavení, jako je název, podnázev, formát data a trvalých odkazy (struktura URL adres stránek a příspěvků)Nastavení

5. Zvolte si šablonu

Šablony WordPressu se velice podobají šablonám editorů webů. Největším rozdílem je, že šablony na WordPressu neovlivní jen obecné rozložení, ale i jiné oblasti. Jejich součástí mohou být i pluginy, které přidávají speciální možnosti, jako například stránky s portfoliem.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Všechny nainstalované šablony najdete na panelu „Šablony“

S výchozí šablonou WordPressu toho moc nevykouzlíte, takže budete pravděpodobně hledat nějakou náhradu, což je naštěstí velice jednoduché. WordPress totiž nabízí vlastní knihovnu šablon, ve které si můžete najít a rovnou nainstalovat bezplatné šablony. Počet nainstalovaných šablon není nijak omezen a pokud si je chcete prohlédnout, stačí je aktivovat na záložce „Přizpůsobit“.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Vyhledávejte, instalujte a aktivujte si bezplatné šablony z knihovny WordPressu

Kromě těchto bezplatných šablon se také můžete podívat na externí placené šablony, které najdete na tržištích jako TemplateMonster a ThemeForest.

6. Přidejte pluginy

Pluginy jsou to samé, co aplikace u editorů webů – přidávají na vaše stránky speciální funkce, které samotný WordPress neobsahuje. Například si můžete nainstalovat plugin pro vytváření kontaktních formulářů (např.  NinjaForms) nebo využít WooCommerce pro vytvoření online obchodu. Pro každou věc, která vás napadne, existuje nějaký plugin. Od SEO (optimalizace pro vyhledávače) až po vytvoření online portfolia.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Na panelu pluginů můžete přidávat nové a spravovat nainstalované pluginy

Pro vyhledání pluginů slouží vyhledávací pole a zjistíte i jejich kompatibilitu, k čemu slouží a co si o nich myslí ostatní uživatelé.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Vyhledávejte a instalujte pluginy jednoduše ve WordPressu

Instalaci pluginy zvládnete na jedno kliknutí, ale aby byly k něčemu užitečné, musíte si je také „aktivovat“.

7. Vytvořte svůj první příspěvek

Lidé se mě nejčastěji ptají na rozdíl mezi stránkou a příspěvkem. Na stránkách většinou najdete statický obsah, který se příliš nemění (např. O nás). Příspěvky jsou více dynamické a zobrazují se na stránce „blog“ nebo na tematických stránkách vašeho webu. Hlavním rozdílem mezi příspěvky a stránkami je v tom, jakým způsobem je WordPress zobrazuje.

Editor pro vytváření příspěvků a stránek je úplně stejný, takže v této části se nic neliší. Na obrázku níže vidíte záložku „příspěvky“ obsahující seznam vytvořených příspěvků (některé šablony mají „ukázkový“ obsah) a možnost Vytvořit příspěvek.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Panel s příspěvky ve WordPressu

Pokud kliknete na Vytvořit příspěvek, budete přesměrování do editoru. Výchozí editor WordPressu příliš možností nenabízel, ale s verzí 5.0 přišel na řadu editor Gutenberg, a ten je v tomto ohledu mnohem přívětivější. K vytváření příspěvků a stránek slouží „bloky“, sekce, sloupce, a skupiny. Další bloky přidáte do Gutenbergu prostřednictvím bezplatných pluginů.

Gutenberg block plugins for WordPress
Blokové pluginy pro rozšíření editoru Gutenberg

Mezi výchozí bloky editoru Gutenberg patří:

  • Odstavec
  • Nadpis
  • Citace
  • Obrázek
  • Seznam
  • Úvodní obrázek
  • Galerie
  • Slideshow
  • Tabulka
  • Tlačítka

Pro přidání bloku stačí kliknout na ikonu „+“, kterou najdete na straně každého odstavce nebo napište „/“ do prázdného pole s textem „Začněte psát nebo napište / pro zvolení bloku“.

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Editor příspěvků a stránek ve WordPressu

8. Zveřejněte své webové stránky

Na rozdíl od některých editorů webů (např.  Wix), WordPress nemá konkrétní tlačítko pro Publikování celého webu. Jakmile vytvoříte na WordPressu webové stránky, okamžitě jsou přístupné na internetu. Tlačítko Publikovat však najdete ve WordPressu na třech různých místech, a to:

  • V sekci Přizpůsobení, v horní části panelu sloužící pro uložení a publikování změn.
  • Vpravo nahoře u každého nově vytvořeného příspěvku. Pokud na toto tlačítko nekliknete, příspěvek zůstane ve formě konceptu a nebude viditelný. Nové změny staršího příspěvku musíte vždy tímto tlačítkem potvrdit nebo se na publikovaných stránkách neprojeví.
  • Vpravo nahoře u každé nově vytvořené stránky. Stejně jako v případě příspěvků je obsah konceptem, dokud nepotvrdíte provedené změny kliknutím na tlačítko Publikovat nebo Aktualizovat.
Jak vytvořit web v roce 2020: Kompletní podrobný návod
Tři místa, kde se ve WordPressu kliká na Publikovat

Zvažte investici 5 USD do vývojáře a ušetříte si čas i nervy

Pokud prostě nemáte čas nebo jen nechcete řešit potenciální problémy při vytváření webových stránek, možná by bylo lepší, abyste si zaplatili profesionála, který udělá práci za vás.

Asi si říkáte, že vývojář nezní úplně jako levná zábava, ale díky Fiverru nemusíte hned prodávat svou ledvinu. Právě jsem projel nabídky na Fiverru a našel jsem hromadu profesionálů, kteří nabízí vytvoření celého webu od 5 USD!

Jak vytvořit web v roce 2020: Kompletní podrobný návod
Levnější vývojáři na Fiverru vás vyjdou klidně na 5 USD

Jednou z nejlepších vlastností Fiverru je možnost prohlížet předchozí projekty designéru, takže si můžete udělat obrázek o tom, zda se jejich styl hodí pro vaše webové stránky. Navíc jste tu kompletně v bezpečí, protože převod peněz k freelancerovi probíhá až po tom, co vám odevzdá svou práci.

WordPress časté dotazy

Je WordPress zdarma?

Technicky ano. Platforma je 100% zdarma, ale musíte si koupit webhosting a doménu (tady najdete seznam nejlepších webhostingů) Zpoplatněné jsou také prémiové šablony a pluginy z externího tržiště.

Můžu si vytvořit web na WordPressu sám?

Ano, web na WordPressu si vytvoříte i sami bez pomoci vývojáře. Pokud jste ale v oblasti tvoření webů noví. bude pro vás pravděpodobně jednodušší (a rychlejší) Wix. WordPress je složitější a mnohem snadněji tu uděláte chybu, například při změně nastavení nebo instalaci pluginů, které spolu nemusí být kompatibilní.

Najmutí vývojáře, který vám web na WordPressu vytvoří, nemusí být tak drahé, jak se na první pohled zdá! Ve skutečnosti na Fiverru najdete profesionály ze všech cenových kategorií.

Jaký je rozdíl mezi WordPress.com a WordPress.org?

Hlavním rozdílem mezi WordPress.com a WordPress.org je v hostingu. Na WordPress.com si nemusíte hosting platit zvlášť, ale stačí si pořídit jeden z jejich tarifů (Business nebo eCommerce). Poté můžete používat pluginy a nahrávat šablony třetích stran.

Na WordPress.org si hosting řešíte sami, zvlášť. S touto verzí získáte úplnou kontrolu nad svým webem a vyjde vás to i levněji než s WordPress.com.

Je lepší Wix nebo WordPress?

Wix i WordPress mají oba své plusy a mínusy. Wix je vhodnější pro začátečníky, ale také dražší než WordPress.

WordPress je flexibilní a nemá téměř žádná omezení díky pluginům, které vám umožní si na web přidat téměř cokoliv. Je ale složitější se s ním ze začátku naučit a můžete toho více pokazit. Například nekompatibilní pluginy mohou způsobit, že váš web přestane úplně fungovat. WordPress je také náchylnější k bezpečnostním hrozbám.

Potřebuji speciální hosting pro WordPress nebo si vystačím s obyčejným hostingem?

Nepotřebujete speciální hosting pro WordPress. Stačí vám jakýkoliv sdílený hosting s expresním instalátorem pro WordPress. Zvolení hostingu speciálně pro WordPress má však své značné výhody.

Hosting pro WordPress může být spravovaný a nespravovaný. Nespravovaný hosting je v podstatě to samé jako běžný hosting, ale vaše webové stránky poběží na serverech optimalizovaných pro WordPress a někdy získáte přístup k různým pluginům pro optimalizaci.

U spravovaného hostingu pro WordPress se o aktualizace, zabezpečení a zálohy stará poskytovatel. Na vás pak je jen vytvoření samotných webových stránek. Tady najdete seznam nejlepších poskytovatelů spravovaného hostingu pro WordPress.

Posun na vyšší úroveň

Po vytvoření webu je načase dát o sobě vědět. Dle mých zkušeností tvorba webu nikdy nekončí, protože ho budete pořád aktualizovat, měnit a vylepšovat. Chcete, aby lidé navštěvovali vaše webové stránky, a to zajistíte mnoha způsoby.

Vytvoření loga

Logo nepotřebujete hned, než začnete web vůbec vytvářet, ale díky němu budou vaše stránky vypadat profesionálněji a odliší vaši značku.

Logo o vás mnoho vypovídá, proto je důležité se nad ním pořádně zamyslet. Je třeba vzít v potaz i takové věci, jako například barevné schéma. Víte, jak vámi vybrané barvy působí na vaše návštěvníky? Další informace najdete v aktuálních statistikách ze seznamu Fortune 500.

Logo získáte dvěma způsoby a ani jeden není nijak drahý. Můj kolega vyzkoušel všechny známější služby pro tvorbu loga, aby vytvořil nové logo pro Website Planet. Kompletní informace o jeho experimentu a vítězi najdete v našem srovnání nejlepších služeb pro tvorbu loga.

1. Vytvořte si ho sami pomocí online nástroje pro tvorbu loga

Vytvoření loga vlastními silami zní jako nejlevnější možnost, ale není tomu tak vždy. Většinu platforem pro tvorbu loga si vyzkoušíte zdarma, ale za stažení a používání loga budete muset zaplatit. Na internetu najdete i pár bezplatných nástrojů, ale ty jsou celkem omezené a nedoporučuji je. Také se u každého programu ujistěte, že umí zobrazit logo se znaky české abecedy.

Mým osobním favoritem je Wix Logo Maker. Tento nástroj využívá umělou inteligenci a generuje loga na základě vašich osobních preferencí. Až objevíte logo, které se vám bude líbit, upravíte si v něm podle svých představ vše od stylů písma po barvy. Dokonce si můžete stáhnout své logo v nízkém rozlišení zdarma, abyste se ještě před jeho zakoupením podívali, jak bude vypadat na vašem webu a sociálních sítích.

2. Najměte si grafika

Možná si myslíte, že vás designér přijde draze, ale na Fiverr pořídíte profesionální logo již od 5 USD. Většina designérů z Fiverru má navíc na profilech příklad své tvorby, takže můžete snadno vybírat podle jejich stylu. Sami jsme si Fiverr vyzkoušeli a kvalita výsledných návrhů nás velice mile překvapila.

K samotnému logu budete potřebovat také favicon – malý obrázek, který se obvykle zobrazuje na panelu vedle názvu webových stránek a u záložek. Ten si s naším skvělým nástrojem pro generování faviconů vytvoříte během několika vteřin.

Optimalizace webových stránek

Ani překrásné webové stránky se bez kvalitní optimalizace neobjeví na prvním místě výsledků vyhledávání (SERP). Měli byste se zaměřit na optimalizaci pro vyhledávače (SEO), analýzu návštěv a pochopení potřeb vašeho publika.

Co se týká SEO, tak existují skvělé nástroje, které vám s optimalizací pomohou. Jedním z nejlepších nástrojů je SEMrush (bližší info najdete v našem návodu na SEMrush), ale pokud nemáte dostatečný rozpočet, najdou se i jiná řešení. Abychom vám s výběrem pomohli, otestovali jsme ty nejlepší SEO nástroje.

Vytváření správného obsahu pro vaše webové stránky může být oříšek, ale s využitím analytických nástrojů se dozvíte klíčové informace o svých zákaznících (kde žijí, věk, pohlaví atd.), abyste jim obsah ušili na míru. Přečtěte si náš návod na Google Analytics, který vám prozradí, jak využívat analytické nástroje na maximum. Pokud by vás zajímalo, co lidé hledají, můžete využít nástroj Answer the Public. Bližší informace se o něm dozvíte v našem návodu na Answer the Public.

Rozšiřte své publikum díky e-mail marketingu

E-mail marketing je jedním z nejlepších způsobů pro rozšíření publika a existuje mnoho nástrojů, které vám ho usnadní.

S e-mail marketingem můžete rychle podpořit své podnikání. Také nabízí skvělou míru prokliků (CTR) – až 100x více než sociální sítě jako Twitter. Využijete ho pro nabízení slev a promoakcí svým zákazníkům, pro nabízení bezplatného obsahu a následného získání nových návštěvníků do seznamu kontaktů a přesvědčíte své zákazníky, aby se o vašem podnikání podělili s ostatními.

Pokud z něj chcete vytěžit co nejvíce, zamyslete se nad frekvencí zasílání e-mailů, automatickým zasíláním e-mailů a také obsahem newsletterů. Další tipy najdete v našem výběru nejdůležitějších faktorů e-mail marketingu.

Otestovali jsme a ohodnotili nejlepší platformy pro e-mail marketing. Nemáte čas na čtení recenzí? Žádný problém, tady je krátký přehled našich favoritů.

  • Constant Contact – Naše nejoblíbenější řešení, stovky šablon a 30denní zkušební verze. Hodí se pro vytváření automatizovaných e-mailů a je velice intuitivní, takže vám nic nestojí v cestě.
  • Benchmark Email – Rozhraní ve více jazycích, které ocení především neangličtináři. Nabízí také bezplatné tarif. Představuje skvělé řešení pro nováčky, ale nechybí ani pokročilé nástroje, které dobře doplní růst vašeho podnikání.
  • Sendinblue – Intuitivní rozhraní, e-mail marketing a zároveň SMS marketing za dostupnou cenu. Nechybí ani štědrý bezplatný tarif. Poslouží vám k vytváření automatizovaných e-mailů, workflow a nabízí možnost „zaslat v nejlepší dobu“.
  • Active Campaign – Pokročilejší platforma, kterou ocení především profesionálové, ale zkrátka nepřijdou ani vlastníci menších a středních podniků.
  • AWeber – Jedinečný drag-and-drop editor kampaní a vše potřebné pro úspěšný e-mail marketing. Je velice intuitivní, ale zároveň nabízí komplexnější funkce v podobně split testování a přes 850 integrací.
  • GetResponse – Multifunkční platforma nabízející nejen e-mail marketing, ale také systém pro řízení vztahů se zákazníky (CRM) a webináře. K dispozici máte 30denní zkušební verzi.

Pár slov na závěr

Uf… Probrali jsme toho celkem hodně. Shrneme si několik klíčových informací, které byste měli z tohoto návodu na tvorbu vlastních webových stránek odnést:

  • Editory webů jsou skvělým odrazovým můstkem pro nováčky. Wix je jedním z nejflexibilnějších editorů pro stavbu základů, které si můžete později okořenit pokročilými aplikacemi.
  • WordPress je oproti editorům webů složitější, ale nabízí volnější ruku. Díky levným webhostingům jsou také náklady na zprovoznění stránek mnohem nižší.
  • Pokud nemáte čas vytvářet webové stránky sami, najměte si vývojáře na Fiverru, kde ceny začínají na 5 USD. Kdo tvrdí, že vývojáře musíte platit zlatem?
  • Zveřejněním webu vaše práce ještě nekončí. Můžete ho dále propagovat a optimalizovat pomocí analytických, marketingových a SEO nástrojů.

Zvládne to každý a je úplně jedno, jestli má malý rozpočet nebo žádné zkušenosti. Přeji vám při vytváření webových stránek mnoho štěstí a zábavy!

Obsah článku
1. Možnost: Editor webů
Srovnávací tabulka editorů webů
Časté dotazy týkající se editorů webů
2. Možnost: WordPress
WordPress časté dotazy
Posun na vyšší úroveň
Pár slov na závěr
Ohodnoťte článek
4.6 Hlasovalo 137 uživatelů

Podělte se o svůj názor

Povinné pole Maximal length of comment is equal 80000 chars Minimální délka komentáře je 100 znaků
0 z minimálních znaků 100

Všechny komentáře uživatelů ověřujeme do 48 hodin, abychom se ujistili, že jsou od skutečných lidí, jako jste vy. Jsme rádi, že jste byl tento článek pro vás užitečný – ocenili bychom ho, kdybyste o něm dali věděli více lidem.

Sdílejte tento příspěvek s přáteli a spolupracovníky nyní:

Jsme si jistí, že bude pro ostatní užitečná. Náš tým vaši recenzi zkontroluje a pokud.

Každý měsíc vás budeme informovat o zajímavých tipech, radách a doporučeních, které vám pomohou zlepšit účinnost vašich webových stránek a dosáhnout vašich cílů.

Máme radost, že se vám líbí!

Sdílejte to s přáteli!