Projekt jaknawebovky.cz vznikl za účelem pomoci začátečníkům, snadno vytvořit webové stránky bez znalostí složitého programování a kódování v HTML / CSS / PHP.

V této „webové příručce“ si ukážeme, jak vytvořit stránky rychle, jednoduše a co nejlevněji.

Pokud, nedejbože, budete mít s čímkoli problém a nebudete si vědět rady, nebojte se a napište mi. Rád vám pomůžu.

Na začátek trochu teorie

Internet je tvořen miliony a miliony webových stránek, přesněji se toto číslo vyšplhalo k cifře 1,5 miliardy. Toto neskutečné množství webů je možné díky stále jednoduším a přístupnějším nástrojům pro tvorbu stránek.

Dnes lze stránky vytvořit pomocí webových editorů a nástrojů, například Wix, Webnode, Jomla, Drupal či WordPress…

Nebo je lze také vytvořit naprosto od nuly, ale nejenže to bude trvat o poznání déle, ale také výsledek nemusí být takový, jaký jste si představovali. Programování není pro každého, proč by taky malíř pokojů, co chce své internetové stránky, měl umět programovat.

Jak si tedy vytvořit stránky svépomoci?

Začneme s grafem, který nám ukazuje poměr, co za nástroj se používá na internetu nejvíce.

Rozložení CMS na internetu

Dnes je dle statistik vytvořeno až 59% webových stránek s redakčním systémem za pomoci WordPress. Zbytek je rozstříšten mezi další CMS, jako je Joomla, či Drupal, ale také webový nástroj Wix si začal získávat svoji oblibu. U nás v ČR na internetu vévodí také WordPress, ale díky jednoduchosti si hodně lidí oblíbilo Webnode.cz

Co je to redakční systém neboli CMS? Redakční systém je naprogramovaný nástroj pro správu webových stránek, přidávání článků a obrázků.

Proč použít právě WordPress

WordPress – nejenže je zdarma, ale je i také jednoduchý a přehledný. Lze s ním vytvořit, jak osobní stránky či firemní web, tak i velké webové portály a magazíny. I tento web je postaven právě na wordpressu.

  • zdarma
  • jednoduchý na používání
  • nepřeberné množství funkcí – pluginy
  • odborná pomoc – oblíbený mezi programátory
  • spousta grafických šablon

Pokud stále váháte, zda si opravdu vybrat wordpress či jiný redakční systém nebo se začít učit programovat, nevadí. Stále máte dostatek času se rozhodnout. Avšak já používám wordpress a můžu ho jen vřele doporučit.

Krok č. 1 – Registrace domény a výběr hostingu

Nejprve si řekněme, co je to vlastně doména. Doména je zjednodušeně řečeno název stránky – v našem případě jaknawebovky.cz. Za tímto názvem se skrývá spousta další teorie, dómeny 1., 2. a 3. úrovně, DNS a IP adresy, ale pro nás je to naprosto nedůležité.

Hosting je v podstatě prostor pro naše stránky, kde budou uloženy. Hosting je poté dokáže spojit s internetem, a vlastně tak s celým světem.

Určitě jste se setkali s doménami typu velkej.chytrak.cz nebo krutimaso.wz.cz. Tyto domény jsou většinou zdarma, ale kdo chce mít svůj web pojmenovaný lukasperny.chytrak.cz? Já bych mohl 😀 , ale rozhodně to nevypadá profesionálně.

Proto rozhodně doporučuji si svoji doménu zakoupit, cena se pohybuje okolo 200 kč za rok pro koncovku .cz.

Kde si svoji doménu registrovat a objednat hosting?

Já ve většině případů používám WEDOS. Registruji zde domény i hosting.

Hosting lze u Wedosu pořídit již za 25 Kč měsíčně bez DPH a doména s koncovkou .cz za 145 Kč bez DPH. Wedos je jeden z nejoblíbenějších a největších hostingových společností u nás v České republice.

Pokud již svůj hosting a doménu máte, můžete pokračovat krokem 2.

Při zadání kódu WN3501PGMQ dostanete 50% slevu na objednaný webhosting

Když si objednáte hosting či doménu právě u Wedosu, získám tím malou provizi. Podpoříte tím provoz mého serveru jaknawebovky.cz. Děkuji moc!

Pojdmě tedy na adresu www.wedos.cz

Webhosting wedos

Začneme s registrací domény, klikneme v horním menu na položku domény. Do kolonky napíšeme název našeho webu a ověříme, zda náhodou již neexistuje. Můžete si vybrat z několika koncovek. Pokud je doména volna objeví se tlačítko „Registrovat“.

Krok 1 na Wedosu

V novém okně bude vyplněn název domény, pokud jej chceme změnit stále můžeme, stejně tak i koncovku. Pokud nemáme hosting, vybereme, že chceme hosting NoLimit. Zde vidíme i výslednou cenu.

Zaškrtneme veškeré políčka ve spodní části a přečteme si podmínky, ať nás nic nepřekvapí. A pokračujeme v objednávce.

Krok 2 na wedosu

V dalším okně nic neměníme a jen zaškrtneme, že souhlasíme s registrací domény.

Krok na Wedosu 3

Nyní doplníme své údaje, nebo pokud jste již zaregistrovaní jen se přihlásíte vyplněným emailu a hesla. Zaškrtneme opět políčka, že souhlasíme s podmínkami, se zpracováním osobních údajů, a že jsme již plnoletí. Vyplníme kontrolní ochranu a klikneme na registrovat >>

Krok na wedosu 4

V dalším okně vyplníme údaje o sobě, jméno, email, adresu a zaškrtneme políčko pro uložení kontaktu, abychom jej v budoucnu nemuseli vyplňovat znovu. Pokračujeme v objednávce

Krok na wedosu 5

Zde opět vyplníme údaje, popřípadě jen klikneme na vyplnit údaje a doplní se ty z minulého okna. Doplňte chybějící, které jsou potřeba k dokončení registrace (s červenou hvězdičkou). Zaškrtneme opět veškerá políčka, že souhlasíme a pokračujeme.

Nyní se nám zobrazí souhrn a dokončujeme objednávku! Doména je registrovaná. Samozřejmě většinou to chvíli trvá, než bude adresa dostupná. Proto buďte trpěliví.

S hostingem to bude velmi obdobné.

Vyplníme název domény, vybere hosting, pokud chceme nějaké příplatkové služby – doporučuji HTTPS! Více se dozvíte v článku Přechod na HTTPS.

Krok na wedosu 7

Vybereme si dárek, pokud nějaký chceme a do políčka pro slevu můžete zadát kód WN3501PGMQ a dostanete slevu 50%. Opět zaškrneme potřebné políčka a můžeme pokračovat.

V nastavení vyloženě nic měnit nebudeme a dostaneme se opět na obrazovku, kde budeme zadávat údaje, pokud jste v předchozí registraci domény uložili své údaje, postačí kliknout na vyplnit a vše se vyplní automaticky. Stejně tak na další obrazovce. Vše je stejné jako při registraci domény. Na konci potvrdíme objednávku a je skoro hotovo!

Veškeré informace k platbě nám příjdou na zadaný email.

Zde se budeme držet pokynu pro platbu, podle metody, jakou chceme zaplatit, lze platit převodem, kartou, paypalem a dalšími online metodami.

Po zaplacení se do cca půl hodiny web rozjede a můžeme pokračovat.

Doporučiji zvolit online metodu, jinak budete čekat 1-3 dny, než dorazí peníze převodem.

Krok č. 2 – instalace WordPressu

Společně s výzvami k zaplacení nám na email přišly také přihlašovací údaje do administrace wedosu. Což je náš email a vygenerované heslo, které lze později změnit na něco přijatelnějšího. Ale v původní podobě je dostatečně bezpečné, aby vám nikdo nenaboural váš účet. Proto při změně buďte obezřetní.

Na wedos.cz  klikneme na zákaznická administrace a zadáme své přihlašovací údaje.

K naistalovaní wordpressu můžeme postupovat dvěma způsoby.

  1. Použijeme v administraci funkci pro automatickou instalaci WordPressu
  2. Sami si založíme databázi, přihlásíme se přes ftp a nahrajeme staženou verzi WordPressu

Pro svoji jednoduchost samozřejmě zvolíme první možnost. V administraci klikneme na položku webhosting, v seznamu vybereme hosting pro naši doménu. V levém menu pak zvolíme možnost Instalátor aplikací. Zvolíme WordPress a instalovat.

Krok na wedosu 7

V dalších oknech si nastavíte přihlašovací údaje do wordpressu, název webu a potřebné detaily a je hotovo!

Krok č. 3 – nastavení a vzhled stránek

Nyní bychom se měli přihlásit do administrace WordPressu na našich stránkách.

Z pravidla to je www.nazevdomeny.cz/wp-admin/

Po zadání našich přihlašovacích údajů se objevíme v administraci. Zde již máme spostu možností, co dál dělat. Prvně se podíváme na nastavení. Můžeme si zde nastavit jméno a popisek webu, zobrazení data, časové pasmo atd.

Wordpress administrace

V nastavení doporučuji změnit trvalé odkazy. Určitě nechcete, aby se v adresovém řádku ukazovalo něco ve stylu ?p=1354dfdc, ale raději pěkně čitelná adresa /jak-vytvorit-webovky/

Administrace ve WordPressu

WordPress Šablony

Nyní se zaměříme na vzhled stránek. Změna vizuální části ve WordPressu se dělá pomocí tzv. šablon. Na internetu naleznete tisíce šablon. Mohou být placené i naprosto zdarma. Vyzkoušet můžete samozřejmě zdarma, ale určitě doporučuji obětovat několik stovek a sáhnout po placené šabloně.

Další možností je pak si nechat šablonu udělat na míru. Kdy máte šablonu přesně pro své potřeby a nemáte tam mraky nepoužitého kódu, který jen vaše stránky může zpomalovat.

Volné šablony zdarma, bývají často nedokonale zabezpečené, náročné a celkově špatně naprogramované. Není to pravidlem, ale buďte obezřetní!

V administraci klikneme na položku Vzhled a poté nahoře na instalovat. Zobrazí se nám seznam spousty šablon, které si můžete prohlédnout a vyzkoušet. Můžete hledat i podle vámi zadaných klíčových slov nebo třeba vybírat z nejoblíbenějších.

Wordpress administrace

Po vybrání té správné šablony stačí opět kliknout na instalovat a automaticky se vzhled změní. V menu Vzhled pak zvolte položku přizpůsobit a dle možností dané šablony si budete moci její vzhled přizpůsobit svým požadavkům.

Pokud ale hledáte opravdu kvalitní šablony, mohu doporučit světově nejznámější katalog šablon https://themeforest.net/.

Kvalitní šablony mohou stát okolo 50 dolarů, ale investice se určitě vyplatí.

Krok č.4 – funkce a tvorba obsahu

Nyní se můžete pustit do psaní článků, vkládání obrázků, tvorbě jednotlivých stránek. V první fázi si vytvořte rubriky, pokud plánujete například blog. Zvolte Příspěvky a poté Rubriky. Zde už jednoduše vyplníte název a kliknete na vytvořit novou rubriku.

Administrace wordpressu

Pokud máte své rubriky hotovy, můžete již začít psát články. A to přes Příspěvky -> Vytvořit příspěvek. Zde, podobně jako v jiných textových editorech, můžete začít psát.

Wordpress administrace psaní článku

Nová verze wordpressu (5.0.3) obsahuje i nový editor, který je poměrně intuitivní, moderně pojatý a díky němu je i tvorba zajímavých článků mnohem snažší.

Stránky a jejich přidání do menu

Samožřejmě na webu určitě chcete mít i jednotlivé stránky, jako například Kontakt, O mně, Služby… K tomu slouží právě položka v menu Stránky -> Vytvořit stránku. Kde naprosto obdobně, jako při psaní článků, budete mít připravený editor.

Stránky máte, články také, ale v menu nevidíte vůbec nic? Je to jednoduché. Přejděte do Vzhled -> Menu. A zde si najdete vše, co chcete do menu přidat a kliknete na položku Přidat do menu. Poté jednoduchým drag & drop systémem si přesunete položky v menu, jak je chcete mít. Po dokončení klikněte na Aktualizovat menu.

Přídavné funkce neboli pluginy

Pluginy dělají z wordpressu naprosto skvělý nástroj. Jsou to naprogramované přídavné funkce, které rozšiřují jeho stávající možnosti. Dnes jsou již téměř na všechno.

Jejich instalace není nikterak náročná. Kliknete v administraci na Pluginy -> Instalace pluginů. Zde si vyberete, a že máte z čeho vybírat, jsou jich tisíce…

Doporučené pluginy

Pluginů, jak jsem již zmínil, je nepřeberné množství. Ale zaručeně mohu doporučit těchto pár pluginů, které by neměly chybět na žádné wordpress stránce.

All in one SEO / Yoast SEO – tyto dva dopuručiji, je téměř jedno, který si vyberete, ale rozhodně vám pomohou s optimalizací stránek pro vyhledávače.

Contact Form 7 – skvělý pomocník na vytváření kontaktních formulářů.

Google XML Sitemaps – plugin, který vytvoří XML sitemap, opět lepší pro SEO vašich stránek

W3 Total Cache – Pro zrychlení vašich stránek, kdy dokáže ukládat data do paměti počítače a urychlí tak načítání.

BJ Lazy Load – Opět plugin pro zrychlení vašich stránek, jinými slovy odloží načítání nepotřebného textu a obrázků do té doby, než to bude potřeba

GRATULUJI! Právě byste měli mít hotový základ pro váš web.

Pokud si říkáte a co teď dál, zkuste se mrknout na náši webovou příručku, kde je jednoduchý rozcestník na ty nejzajímavější a nejdůležitější rady a tipy pro tvorbu webu.

Máte-li nějaké otázky nebo se vám jen něco nedaří, vůbec se nebojte a napište mi na info@jaknawebovky.cz nebo kontaktujte zde.

Na závěr několik zajímavých článku:

Jak založit blog – návod, jak si založit vlastní blog

Nejlepší pluginy pro WP – několik kvalitních pluginů pro vaše stránky

Jak si vložit formulář na stránky


2 komentáře: „Jak vytvořit stránky

  • 9. 3. 2019 (8:46)
    Permalink

    Díky moc, tohle přesně jsem potřeboval. Delší dobu jsem hledal návod, jak si založit hosting a todle mi pomohlo. Chci si založit blog o vlacích, je to moje vášeň, myslíte, že bude někdo takový blog číst?

    Reagovat
    • 9. 3. 2019 (8:50)
      Permalink

      Rádo se stalo! Tyto stránky byly vytvořeny právě pro tento případ.

      Co se týče otázky o blogu, vždy záleží na kvalitě obsahu. Proto pokud máte, co říct, Petře, lidé si to rádi přečtou. Vlaky jsou jistě zajímavé téma.

      Reagovat

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *