• 02 - 581 010 62
  • Na našich stránkach používame súbory cookies. Pomáhajú nám vylepšovať web a služby. Pokračovaním súhlasíte so zberom dát.

    Návod ako si vytvoriť webstránku vo WordPresseNávod ako si vytvoriť webstránku vo WordPresse
    Tipy a triky

    Podrobný návod ako si vytvoriť vlastnú webstránku

    Hovorí vám niečo tento zhluk písmen?

     

    Návod na vytvorenie webstránky bez kódovania

     

    Že nie? Nevadí. Ani mne. Na tvorbu svojej webstránky sa v tom aj tak nebudete musieť vyznať. Kódu sa nebudete musieť dotknúť a ani zisťovať, čo je to php, javascript alebo iný programovací jazyk.

    V tomto návode vás naučíme, ako si vytvoriť webstránku rýchlo a ľahko. Navyše, ak poznáte správne nástroje, môže vaša stránka vyzerať ako od profesionála, hoci ho mať po ruke nebudete. 

    No najprv poďme pekne postupne.

     

    Tejto chybe sa vyhnite už v začiatkoch vytvárania webstránky

     

    Veľa ľudí, najmä v začiatkoch, hľadá spôsoby, ako si vytvoriť webstránku. Ideálne zdarma. Existujú aj služby, cez ktoré si webstránku môžete vytvoriť bezplatne, ale veľmi ich neodporúčam. Iba ak chcete novú voľnočasovú aktivitu, ktorá sa bude volať stresovanie a zbytočné komplikácie s tvorbou webu.

    Ak z toho nechcete mať len žrúta času, a hlavne, ak z toho nechcete mať len hobby, o to viac by ste sa “webom zdarma” mali vyhnúť. Prečo?

    Pretože ak to s webstránkou myslíte vážne a chcete z toho potenciálne mať aj nejaký biznis budú vás brzdiť aj takéto polená pod nohami:

    • Nie vždy si môžete zvoliť názov domény podľa seba a často je v tvare vasnazov.nazovposkytovatela.koncovka
    • Ste veľmi obmedzený možnosťami pre úpravu vzhľadu svojej webstránky a ďalšie možnosti vám odomknú až po prejdení na platenú verziu služby
    • S veľkou pravdepodobnosťou budete musieť mať na svojom webe banner alebo inú formu reklamy, ktorá odpútava ľudí od toho, čo s nimi chcete zdieľať 🤢

     

    Naozaj to je spočiatku veľmi lákavé, ale vyhnite sa tomu. Vaša predstava naklikania celého webu zdarma za pár minút sa rýchlo zmení na “prečo si nemôžem zmeniť aj toto?”.

    A na vzhľade webu už v dnešnej dobe záleží. Je to síce povrchné, ale je to tak. Ľudia sú dnes nároční na informácie. Váš web síce nemusí byť umelecký skvost, ale nejako by pôsobiť mal, aby urobil dojem a ľudia sa chceli vrátiť.

    Okrem toho, neskôr bude len prirodzené, že sa budete chcieť rozvíjať, pracovať na svojom webe a posúvať ho ďalej. A to pri weboch “zdarma” veľmi nepôjde.

    Základy by sme mali za sebou. Poďme k úvodnej fáze tvorby webstránky. Skladá sa z troch základných pilierov a v tomto návode sa budeme podrobnejšie venovať všetkým z nich: doména, hosting a CMS platforma.

     

    Výber domény

     

    Síce je to len malá časť z celej tvorby vášho webu, na začiatok odporúčame začať týmto.

    Ak si chcete vytvoriť web, pravdepodobne už viete, o čom by mal byť. Lenže treba si uvedomiť, že neexistuje jeden najlepší názov domény pre váš web. Ak by ste ho aj našli, možno už bude doména registrovaná na niekoho iného. Preto ich vymyslite viacero a neuspokojte sa iba s jedným názvom. Zároveň sa pri tom vyvarujte týmto bežným chybám:

    • Príliš všeobecný názov domény, ktoré si ľudia môžu zameniť s inou webstránkou
    • Príliš dlhý názov domény
    • Používanie pomlčky alebo čísel
    • Náročný názov pre zapamätanie

     

    Odporúčané čítanie: Ako vymyslieť perfektný názov domény

     

    Webhosting

     

    Webhosting je ďalším dôležitým pilierom, bez ktorého webstránku nemáte ako rozbehnúť. Môžete ho brať ako miesto, na ktorom máte celý svoj web uložený. Podobne ako váš počítač so svojimi súbormi. Akurát s tým rozdielom, že na PC k nim máte prístup iba vy. Pri webstránke máte svoju stránku a súbory na webovom serveri, ku ktorému majú prístup užívatelia vďaka internetovému pripojeniu a prehliadaču.

    Akonáhle hosting prepojíte so svojou doménou, ľudia si pomocou nej budú môcť zobraziť vašu stránku.

    Ako vybrať doménu už viete. Ale ako si vybrať správny webhosting?

    Mali by ste pri tom zohľadňovať nasledovné faktory:

     

    Spoľahlivosť hostingu a jeho dostupnosť

     

    Ak vám hosting nebude fungovať ako má, vyskytovali by sa časté výpadky a vaše stránky by boli nedostupné, veľmi by sa to nelíšilo od toho, ako keby ste webstránku ani nemali. Treba byť v tomto ohľade realistický. Nulové výpadky nemá snáď žiadny web. No mali by byť len minimálne. Hlavne ak máte e-shop alebo väčší portál.

    Aj preto nás tešia takéto recenzie:

     

    Kvalitný webhosting pre vytvorenie webstránky

     

    Ochotná, profesionálna a rýchla podpora

     

    Aj keď vďaka tomuto návodu pre tvorbu webstránky nebudete mať nočné mory z programovania, veci sa niekedy pokazia. Môže sa stať, že niekde niečo zle stlačíte, vypadne vám web a zrazu vám nepôjde spustiť. Verte mi, už sa mi to stalo.

    Hoci som si vlastný web dokázal urobiť, raz som klikol tam, kde som nemal. Doslova som tak celý web odpálil a nešlo ho spustiť. Ešte že ochotná podpora za mňa vedela dať všetko do poriadku.

    Určite to nebolo nič zložité, avšak pre technicky menej zdatných ľudí to môže pôsobiť ako nezdolateľný problém.

    Stačili dva emaily a všetko bolo opravené do niekoľkých hodín.

    Okrem toho, hľadajte aj možnosti kontaktovať podporu telefonicky alebo cez chat. Nie vždy všetko pôjde hladko cez email.

     

    Rýchlosť načítania

     

    V úvodných dobách internetu bolo pochopiteľné, že pripojenie bolo pomalé a museli ste čakať, kým sa vám načítal web. No dnes už ľudia nie sú takí zhovievaví a weby chcú mať načítané čo najskôr. Podľa štúdie Why web performance matters, užívatelia očakávajú načítanie webu do 2 sekúnd. Keď sa vám nenačíta do 3 sekúnd, tak vám z webu môže odísť až 40% potenciálnych návštevníkov a teda aj zákazníkov.

    Táto prípadová štúdia zistila, že v prípade mobilných užívateľov začína klesať počet zákazníkov, ak sa vám webstránka načítava dlhšie ako 2,4 sekundy.

    Doslova je to ako keby ste mali obchod, v ktorom ľudia chcú nakupovať, ale nemôžu sa doňho dostať. Po chvíli by ich to prestalo baviť. Nanešťastie, vo svete internetu a webových stránok táto chvíľa trvá len niekoľko okamihov. Nie je načítaná stránka? Smola, ide sa ku konkurencii.

    Ako potom web zrýchliť? Možností je viacero a dali by sa rozpísať na samostatný článok.

    No jedna z najdôležitejších je mať dobrú rýchlosť odozvy vášho hostingu. Môžete nájsť rôzne grafy a porovnania rýchlostí načítania. Nanešťastie, na 100% si nemôžete byť istý nikdy, pokiaľ si hosting nevyskúšate.

    Čo však viete mať viac pod kontrolou, je výber správneho CMS a správnej šablóny webu, ktoré sú optimalizované pre svižné načítanie.

     

     

    CMS pre jednoduché úpravy na webe

     

    CMS znamená content management system. V preklade ide o správu obsahu na vašom webe. Na rozdiel od prácneho písania kódu a programovania stránok na vašom hostingu si ich môžete ľahko upravovať cez užívateľsky príjemné  prostredie administrácie vášho CMS.

    Stačí sa prihlásiť k vašej doméne a prostredníctvom administračného rozhrania meniť vzhľad a upravovať obsah.

    Výber CMS systému vo veľkej miere závisí od toho, čo od webu budete očakávať a takisto od vašej ochoty učiť sa s nimi tvoriť web. Najbežnejšie sa používajú WordPress, Joomla a Drupal. No pre začiatočníkov je najlepšou voľbou WordPress.

    A nielen preto, lebo je kráľom všetkých CMSiek, od svojho vzniku si získal veľkú popularitu a patrí k najpoužívanejším systémom.

    Najmä preto, lebo vám umožňuje do veľkej miery upravovať web podľa seba aj bez programovania. Aspoň keď viete ako. O tom už o chvíľu pri výbere šablóny.

    Najnovšiu verziu WordPressu si môžete stiahnuť z WordPress.org, ale oveľa jednoduchšia je inštalácia priamo z nášho ovládacieho WY Panelu, kde si ho môžete nainštalovať jedným klikom.

     

    Výber šablóny

     

    Šablónu si môžete predstaviť ako preddefinovaný vzhľad webu s niekoľkými upraviteľnými prvkami. Najčastejšie ide o obsah (texty a nadpis) a obrázky.

    Šablóny pre WordPress môžete mať aj zadarmo, no podobne ako pri bezplatných weboch, aj tu ste dosť limitovaný tým, čo všetko môžete upraviť. Aspoň za predpokladu, že neviete programovať a šablónu si nemáte ako upraviť podľa seba.

    No ak chcete len z času na čas niečo pridať, neplánujete na webe často niečo meniť a nejaká šabĺóna vám padne do oka, môžete siahnuť aj po nej. Oplatí sa vám to najmä v začiatkoch blogovania.

    Nájsť si tú svoju môžete aj na oficiálnej stránke WordPress.org: wordpress.org/themes

    Prípadne môžete napríklad googliť “free wordpress themes”.

    No najlepšie je trochu zainvestovať do kvalitnej šablóny, ktorá vám bude umožňovať vo veľkej miere meniť vzhľad. Ale nielen kvôli tomu, že si budete môcť veľa vecí na webstránke urobiť sami rýchlo a jednoducho.

    Aj preto, lebo k nim máte kvalitnú podporu, ktorá vám vie s nastavením šablóny pomôcť. Navyše bezplatne.

    Aj preto, lebo platené šablóny sú dostupné od niekoľkých desiatok eur. Pre porovnanie, programátor by vás vyšiel na stovky, ak nie tisícky eur. A to nehovorím o dodatočných úpravách v budúcnosti, ktoré by ste si tiež museli zaplatiť.

    Aj preto, lebo sú pravidelne aktualizované a pridávajú sa do nich nové funkcie moderných webov.

    Aj preto, lebo nemusíte mať na svojom webe reklamný banner firmy, ktorá vám web poskytuje zadarmo.

    Aj preto, lebo sú oproti bezplatným lepšie zabezpečené.

    Tých “aj preto…” by bolo viac, no to závisí aj od toho, akú platnú šablónu webu by ste si zvolili.

    Ak by ste sa rozhodli pre platené, odporúčame zvážiť nasledovné. A nielen preto, lebo sú optimalizované pre rýchle načítanie.

     

    Optimizepress

     

    Optimizrepress bol jeden z prvých WordPress pluginov, ktoré umožňovali obrovské možnosti úprav vašej stránky. Znamenal doslova revolúciu v tom ako si vytvoriť webstránku, pretože preniesol moc z rúk programátorov a dal ju ľuďom, ktorí si nemôžu dovoliť minúť niekoľko stoviek, ak nie tisíciek eur na web.

    Od začiatku ste mali na výber elementy, z ktorých ste si mohli vyskladať web podľa seba. Stačilo si nejaký zvoliť, doplniť doňho všetko potrebné a bolo vybavené.

    Dnes v najlacnejšej verzii máte cez 50 elementov od nadpisov, textov, pridávania obrázkov, vrátane pridania obrázku ako pozadia, po tlačítka, referencie spokojných klientov, odpočítavadlá a dokonca vyskakovacie okná.

    V pokročilejšej verzii máte navyše niekoľko funkcií ako napríklad A/B testovanie výkonnosti rôznych variánt podstránok, dynamicky meniace sa nadpisy, video ako pozadie a animácie rôznych prvkov na webe.

    V tomto videu si môžete pozrieť, ako za pol hodinu cez Optimizrepress vyklikali profesionálnu webstránku. Pre ľudí, ktorí nemajú čas učiť sa programovať, je to doslova záchrana.

     

     

    Divi 3.0

     

    Táto WordPress šablóna, rovnako ako Optimizepress, umožňuje takmer neobmedzené možnosti úprav a patrí k najobľúbenejším na svete. Podľa čísel z ich webstránky, touto šablónou si uľahčuje tvorbu webu až 437 821 ľudí.

    Je veľmi intuitívna a pomerne rýchlo sa s ním naučíte robiť. Na výber máte 46 elementov, z ktorých si môžete web vyskladať, ako len budete chcieť. Každý z nich je plne upraviteľný. Upraviť môžete typ písma, veľkosť, farbu, a ak viete vyznáte aj v CSS, tak môžete upravovať  vzhľad cez CSS štýly.

     

     

     

    MioWeb

     

    Takisto ako Divi alebo Optimizepress, aj MioWeb je šablóna pre WordPress, ktorá vám uľahčuje tvorbu webstránok pomocou rôznych elementov.

    Oproti predošlým má len jednu veľkú nevýhodu. Nemá možnosť jednorázovej platby ako predošlé, iba pravidelný mesačný poplatok. Preto sa hodí viac pre zabehnuté firmy, ktoré majú túto šablónu z čoho financovať. Síce to nie je veľký poplatok, ale pre voľnočasový blog neodporúčam.

    Na druhej strane, má aj jednu výhodu. Najmä ak na webe predávate alebo chcete predávať. Dá sa ľahko prepojiť so službou Fapi (na predaj) a Smartemailing (nástroj na zber a rozosielanie emailov).

     

     

    Keď už budete mať vybranú šablónu, celý proces nastavania WordPressovej šablóny po zakúpení domény a spojazdnení hostingu vám zaberie niekoľko desiatok minút.

     

    Po spustení webhostingu

     

    Keď už máte doménu a hosting, ostáva už len spojazdniť váš nový web. A to znamená

    • nainštalovať WordPress na váš hosting
    • naištalovať tému/šablónu webu
    • nainštalovať WordPress pluginy pre zlepšenie funkcionality webu

     

    Inštalácia WordPressu a témy

    Aby ste si to čo najviac uľahčili, odporúčame na to využiť inštaláciu jedným klikom z ovládacieho panela webhostingu, ktorý už poskytujú snáď všetci poskytovatelia webhostingu.

    U nás ho nájdete po prihlásení sa do WY panela na moje.wy.sk/auth/login

     

    Stačí prejsť do sekcie Web – Inštalátor CMS a pre aplikáciu WordPress kliknúť na Inštalovať.

     

    Ako nainštalovať WordPress - krok 1

     

    Pred inštaláciou si zvoľte prihlasovacie meno a heslo. Budete ho o chvíľu potrebovať na prihlásenie do WordPressu.

     

    Ako nainštalovať WordPress - krok 2

     

     

    Keď máte inštaláciu WordPressu úspešne za sebou, prejdite na svoj web a do vyhľadávača za vašu doménu napíšte wp-login.php. Takže url adresa bude vyzerat v tvare vasadomena.sk/wp-login.php.

    Mali by ste vidieť takéto prihlasovacie pole.

     

    Ako nainštalovať WordPress - krok 3

     

    Zadajte údaje prihlasovacie údaje, ktoré ste si zvolili, a prejdite do sekcie Vzhľad – TémyPotom vyberte Pridať novú .

     

    Ako si vytvoriť webstránku vo WordPresse

     

    Ak ste si nejakú tému zakúpili, zvoľte Nahrať tému. V prípade voľne dostupných môžete nájsť vlastnú cez Hľadať témy.

     

    Vytvorenie web stránky vo WordPresse - nahranie šablóny

     

    Následne už len vyberte súbor šablóny z vášho počítača a kliknite na Nainštalovať.

     

    Vytvorenie web stránky vo WordPresse inštalácia témy

     

    Nainštalovanie pluginov

    WordPress má tú výhodu, že ho viete pomocou rôznych rozšírení (pluginov) vylepšiť o nové funkcie od kontaktného formulára, cez SEO (optimalizáciu pre vyhľadávače), po pravidelné zálohy či blokovanie spamových komentárov.

    Ak si zvolíte WordPress hosting, často už máte niektoré pluginy predinštalované. My sme pre vás vybrali napríklad iThemes Security pre lepšie zabezpešenie webu alebo Autoptimize pre zrýchlenie načítania webu. Zoznam všetkých starostlivo vybraných pluginov od nás nájdete na wy.sk/webhosting/wy-hosting-wordpress.

    O pluginoch by sa ale dala písať samostatná kapitola, preto sme pre vás pripravili zoznam užitočných WordPress pluginov, ktoré sa oplatí nainštalovať.

    Ak by ste nevedeli, ako ich nainštalovať, v zozname je aj návod ako na to.

     

    Slovo na záver

     

    Gratulujem. Máte to úspešne za sebou.

    Verím, že vám tento návod na vytvorenie webstránky pomohol rýchlo mať profesionálne vyzerajúci web aj bez toho, aby ste sa museli vyznať v programovaní.

    Pravidelne ho budeme aktualizovať, ak by sme natrafili na niečo nové, čo by vám vedelo pomôcť.

    A na koniec… ak vám tento návod pomohol, nezabudnite ho zdieľať s vašimi priateľmi, aby sa ani oni nemuseli trápiť s tvorbou svojej webstránky.

     

    Nezmeškajte ďalšie užitočné články
    a buďte o nich informovaný