{"id":24410,"date":"2021-07-28T08:56:21","date_gmt":"2021-07-28T06:56:21","guid":{"rendered":"https:\/\/www.websupport.sk\/blog\/?p=24410"},"modified":"2025-03-11T21:08:04","modified_gmt":"2025-03-11T20:08:04","slug":"ako-si-jednoducho-vytvorit-svoje-prve-prehladne-menu-vo-wordpresse","status":"publish","type":"post","link":"https:\/\/www.websupport.sk\/blog\/2021\/07\/ako-si-jednoducho-vytvorit-svoje-prve-prehladne-menu-vo-wordpresse\/","title":{"rendered":"Ako si jednoducho vytvori\u0165 svoje prv\u00e9 preh\u013eadn\u00e9 menu vo WordPresse?"},"content":{"rendered":"Doba \u010d\u00edtania:<\/b><\/span> 5<\/span> min.<\/span><\/span>\n

Z\u00e1kladom v\u00e4\u010d\u0161iny skvel\u00fdch re\u0161taur\u00e1ci\u00ed je kvalitn\u00e9 jedlo, mil\u00fd person\u00e1l, \u010distota a preh\u013eadn\u00e9 menu, v ktorom sa dok\u00e1\u017eete ve\u013emi r\u00fdchlo zorientova\u0165. Nie je ni\u010d hor\u0161ie ako menu, v ktorom nedok\u00e1\u017eete n\u00e1js\u0165 ani len pr\u00edlohu. Jednoduchos\u0165 sa vyplat\u00ed aj v pr\u00edpade menu pre va\u0161u webov\u00fa str\u00e1nku.<\/em><\/p>\n\n\n\n

V tomto \u010dl\u00e1nku n\u00e1jdete presn\u00fd postup, ako si vytvori\u0165 svoje prv\u00e9 menu vo WordPresse<\/a><\/strong>. Uk\u00e1\u017eeme v\u00e1m, ako to spravi\u0165, ke\u010f m\u00e1te web s viacer\u00fdmi str\u00e1nkami. Na svoje si pr\u00eddu aj majitelia jednostr\u00e1nkov\u00e9ho webu. <\/p>\n\n\n\n

Do tvorby menu sa nep\u00fa\u0161\u0165ajte sk\u00f4r, ne\u017e…<\/h4>\n\n\n\n

Sk\u00f4r ne\u017e sa pust\u00edte do menu, <\/strong>vytvorte si v\u0161etky str\u00e1nky, ktor\u00e9 chcete ma\u0165 na webe (napr\u00edklad: Slu\u017eby, O n\u00e1s, Referencie, Kontakt…). Zamyslite sa nad \u0161trukt\u00farou menu. Stanovte si, ktor\u00e9 str\u00e1nky bud\u00fa hlavn\u00e9 a ktor\u00e9 podraden\u00e9. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Presne ako vo vychytenej palacink\u00e1rni, kde s\u00fa palacinky rozdelen\u00e9 do dvoch hlavn\u00fdch skup\u00edn sladk\u00e9 <\/em>a slan\u00e9.<\/em> Ak je hlavn\u00e1 skupina pr\u00edli\u0161 \u0161irok\u00e1, m\u00f4\u017eete prida\u0165 r\u00f4zne kateg\u00f3rie. Napr\u00edklad hlavn\u00fa skupinu slan\u00e9 palacinky<\/em> rozdel\u00edme do podskup\u00edn m\u00e4sov\u00e9<\/em> a vegetari\u00e1nske<\/em> palacinky. <\/p>\n\n\n\n

Jednoduchos\u0165 je k\u013e\u00fa\u010dov\u00e1. Pr\u00edli\u0161 ve\u013ea skup\u00edn s mno\u017estvom kateg\u00f3ri\u00ed, ktor\u00e9 maj\u00fa \u010fal\u0161ie \u010dlenenie, v\u00e1m nijako nepom\u00f4\u017ee. Myslite na to, \u017ee klienta chcete k va\u0161im produktom \u010di slu\u017ebe dosta\u0165 \u010do najr\u00fdchlej\u0161ie. Preto mu cestu zjednodu\u0161te, aby sa k d\u00f4le\u017eit\u00fdm veciam dostal za p\u00e1r klikov. <\/p>\n\n\n\n

Ako vytvori\u0165 menu<\/h4>\n\n\n\n

Tvorba prv\u00e9ho menu vo WordPresse je jednoduch\u00e1. Sta\u010d\u00ed klikn\u00fa\u0165 na Vzh\u013ead<\/em> a potom na Menu<\/em>. Uvid\u00edte zoznam v\u0161etk\u00fdch str\u00e1nok, ktor\u00e9 ste u\u017e vytvorili. Za\u0161krtnite tie, ktor\u00e9 chcete vlo\u017ei\u0165 do menu a kliknite na Prida\u0165 do menu<\/em>. Potom u\u017e len dopln\u00edte n\u00e1zov a menu ulo\u017e\u00edte. <\/p>\n\n\n\n

\"\"
Vytvorenie menu<\/figcaption><\/figure><\/div>\n\n\n\n

Ako usporiada\u0165 menu<\/h4>\n\n\n\n

Ak v\u00e1m poradie str\u00e1nok v menu nevyhovuje, m\u00f4\u017eete si ho upravi\u0165. Funguje to na princ\u00edpe drag & drop<\/em>. Jednoducho polo\u017eku v menu uchop\u00edte a presuniete smerom hore, dole, do\u013eava a doprava. Pohybom doprava vytvor\u00edte polo\u017eku, ktor\u00e1 bude podraden\u00e1 polo\u017eke nad \u0148ou. Pohybom do\u013eava z podradenej str\u00e1nky sprav\u00edte op\u00e4\u0165 str\u00e1nku hlavn\u00fa.<\/p>\n\n\n\n

Ak sa venujete p\u00edsaniu u\u017eito\u010dn\u00fdch \u010dl\u00e1nkov a na svojom webe nepon\u00fakate \u017eiadne in\u00e9 produkty \u010di slu\u017eby, m\u00f4\u017eete do menu prida\u0165 Kateg\u00f3rie \u010dl\u00e1nkov<\/em>. K dispoz\u00edcii m\u00e1te aj konkr\u00e9tne \u010cl\u00e1nky<\/em> <\/strong>a <\/strong>Vn\u00fatorn\u00e9 odkazy<\/em> (ako ich pou\u017e\u00edva\u0165, rozoberieme ni\u017e\u0161ie pri jednostr\u00e1nkovom webe).<\/p>\n\n\n\n

\"\"
Ako usporiada\u0165 menu<\/figcaption><\/figure><\/div>\n\n\n\n

Ako upravi\u0165 menu<\/h4>\n\n\n\n

V menu dlh\u00e9 n\u00e1zvy str\u00e1nok zaberaj\u00fa pr\u00edli\u0161 ve\u013ea miesta. Ak ich v administr\u00e1cii webu nechcete zmeni\u0165, preto\u017ee tak \u013eah\u0161ie identifikujete str\u00e1nku, nie je ni\u010d straten\u00e9. Priamo v menu m\u00f4\u017eete dlh\u00fd n\u00e1zov str\u00e1nky skr\u00e1ti\u0165. <\/strong>Sta\u010d\u00ed klikn\u00fa\u0165 na \u0161\u00edpku v n\u00e1zve polo\u017eky, ktor\u00fa chcete upravi\u0165. Dostanete sa tak k \u010fal\u0161\u00edm mo\u017enostiam, kde okrem zmien n\u00e1zvu m\u00f4\u017eete str\u00e1nku z menu aj Odstr\u00e1ni\u0165<\/em>.<\/p>\n\n\n\n

\"\"
Ako upravi\u0165 menu<\/figcaption><\/figure><\/div>\n\n\n\n

Ako vytvori\u0165 menu pre jednostr\u00e1nkov\u00fd web<\/h4>\n\n\n\n

Ak m\u00e1te web, ktor\u00fd pozost\u00e1va z jednej str\u00e1nky, v\u010faka menu m\u00f4\u017eete klienta ochr\u00e1ni\u0165 pred nekone\u010dn\u00fdch scrollovan\u00edm. <\/p>\n\n\n\n

Jednostr\u00e1nkov\u00fd web sa sklad\u00e1 z r\u00f4znych blokov, do ktor\u00fdch si m\u00f4\u017eete prida\u0165 \u010fal\u0161ie elementy ako Nadpis<\/em>, Text<\/em>, Obr\u00e1zok<\/em>, Video<\/em>, Tla\u010didlo<\/em>. M\u00f4\u017ee vyzera\u0165 napr\u00edklad takto:<\/p>\n\n\n\n

  • Logo a Slogan (my\u0161lienka, z ktorej je klientovi HNE\u010e jasn\u00e9, o \u010dom je web)<\/li>
  • Pre koho (komu je web ur\u010den\u00fd a \u010do klient z\u00edska – \u00fa\u017eitok)<\/li>
  • O n\u00e1s (stru\u010dn\u00fd pr\u00edbeh, predstavenie t\u00edmu)<\/li>
  • Ponuka (tabu\u013eka slu\u017eieb – ikona, n\u00e1zov, popis, tla\u010didlo)<\/li>
  • Referencie<\/li><\/ul>\n\n\n\n
    \"\"
    Bloky webu<\/figcaption><\/figure><\/div>\n\n\n\n

    Na webe m\u00f4\u017eete klienta navigova\u0165 pomocou kotvy – z\u00e1lo\u017eky (HTML Anchor odkaz). V\u010faka nej u\u017e\u00edvate\u013ea presuniete na konkr\u00e9tne miesto na str\u00e1nke. <\/p>\n\n\n\n

    Ako to spravi\u0165? V pokro\u010dil\u00fdch nastaveniach zvolen\u00e9ho bloku alebo elementu (napr. nadpis) <\/strong>ho pomenujte – ozna\u010dte. Dajte mu jedine\u010dn\u00fd n\u00e1zov, ktor\u00fd sa na webe nebude opakova\u0165. N\u00e1zov mus\u00ed by\u0165 bez medzier. <\/p>\n\n\n\n

    V \u0161trukt\u00fare n\u00e1\u0161ho jednostr\u00e1nkov\u00e9ho webu sme si ozna\u010dili prv\u00fd element v tre\u0165om bloku – nadpis O n\u00e1s<\/em>. Nazvali sme ho O_nas<\/em>.<\/p>\n\n\n\n

    \"\"
    Kotva<\/figcaption><\/figure><\/div>\n\n\n\n

    V pokro\u010dil\u00fdch nastaveniach elementu nemus\u00edte v\u017edy n\u00e1js\u0165 mo\u017enos\u0165 HTML kotva<\/em>. Niekedy je to schovan\u00e9 pod ozna\u010den\u00edm CSS ID<\/em>. Z\u00e1le\u017e\u00ed to od t\u00e9my (\u0161abl\u00f3ny), ktor\u00fa ste si pre tvorbu webu zvolili. Element na jednostr\u00e1nkovom webe m\u00e1me ozna\u010den\u00fd. Teraz m\u00f4\u017eeme odkaz na\u0148 prida\u0165 do menu. <\/p>\n\n\n\n

    Na tento \u00fa\u010del vyu\u017eijeme Vlastn\u00e9 odkazy<\/em>. V administr\u00e1cii webu kliknite na Vzh\u013ead, Menu <\/em>a vytvorte nov\u00e9 menu, pr\u00edpadne vyberte u\u017e existuj\u00face menu, ktor\u00e9 chcete upravi\u0165. Kliknite na Vlastn\u00e9 odkazy<\/em> a v \u010dasti URL zadajte mrie\u017eku # a jedine\u010dn\u00fd n\u00e1zov elementu\/bloku, kam chcete u\u017e\u00edvate\u013ea presun\u00fa\u0165.<\/p>\n\n\n\n

    \"\"
    Jednostr\u00e1nkov\u00fd web (One page)<\/figcaption><\/figure><\/div>\n\n\n\n

    Vlastn\u00e9 odkazy nesl\u00fa\u017eia iba na zad\u00e1vanie kotvy. Pokojne sem vlo\u017ete napr\u00edklad URL adresu va\u0161ej fanpage, a tak prepoj\u00edte web s Facebookom. <\/p>\n\n\n\n

    Tip na z\u00e1ver<\/h4>\n\n\n\n

    Ak vytv\u00e1rate nov\u00e9 menu (Vzh\u013ead, Menu, Vytvorte nov\u00e9 menu), najprv ho mus\u00edte ulo\u017ei\u0165 pod ur\u010dit\u00fdm n\u00e1zvom. A\u017e potom bud\u00fa polo\u017eky menu (Str\u00e1nky, \u010cl\u00e1nky, Vlastn\u00e9 odkazy, Kateg\u00f3rie) akt\u00edvne. Za\u0161krtnite aj mo\u017enos\u0165 Hlavn\u00e9 menu<\/em>, inak pou\u017e\u00edvate\u013e bude ma\u0165 k dispoz\u00edcii va\u0161e predch\u00e1dzaj\u00face menu.<\/p>\n\n\n\n

    \"\"
    Nov\u00e9 menu<\/figcaption><\/figure><\/div>\n\n\n\n

    Vypo\u010dujte si na z\u00e1ver podcast o tom, ako efekt\u00edvne pred\u00e1va\u0165 na webe: <\/em><\/p>\n\n\n\n

    \n