Vytvorenie a úprava menu stránok vo WordPresse

Ako vyzerá menu vo WordPresse

Menu je v podstate zoznam odkazov smerujúcich na dôležité stránky a podstránky vášho webu. Je väčšia šanca, že návštevníci u vás zostanú a nakúpia, keď rýchlo nájdu, čo hľadajú.

WordPress šablóny môžu ponúkať viac typov menu:

• hlavné, umiestnené v lište na vrchu stránky
• sekundárne, umiestnené dole na stránke
• pätičkové menu, umiestnené v päte stránky
• mobilné menu, ktoré sa zobrazuje iba na mobilných zariadeniach

Hlavné menu dodá vášmu webu štruktúru a pomáha návštevníkom nájsť to, čo hľadajú.

Vytvorenie hlavného menu v novších WordPress šablónach

Nové blokové WordPress šablóny (napríklad Twenty Twenty Two alebo Three) sú veľmi jednoducho editovateľné v editore Gutenberg.

1. Na úpravu prvkov šablóny, ako je menu, stačí kliknúť na Editor v ľavom postrannom paneli WP adminu.

2. Menu sa v editore šablón skrývá za záložkou Navigácia.

3. Položky menu sa automaticky vytvárajú z vašich stránok. Ak chcete niektorú z nich z menu vyradiť alebo ju napríklad len posunúť na inú pozíciu, kliknite na tri zvislé čiarky vedľa danej položky.

4. Ak chcete upraviť celé menu, kliknite na ikonu ceruzky a otvorí sa vám klasický editor Gutenberg.

Vytvorenie hlavného menu v starších WordPress šablónach

Pretože staršie WordPress šablóny (napr. Twenty Twenty-One) neumožňujú blokové editovanie, tvorí sa v nich menu trochu inak.

1. Prihláste sa do svojej WordPress administrácie.

2. V ľavom postrannom paneli kliknite na Vzhľad → Menu.

3. Vyplňte názov menu a zaškrtnite, že ide o hlavné menu.

4. Kliknite na modré tlačidlo Vytvoriť menu.

Teraz do menu pridajte položky (stránky, alebo aj blogové príspevky, rubriky, akýkoľvek odkaz atď.)

5. Zaškrtnite stránky, ktoré chcete mať v menu a kliknite na tlačidlo Pridať do menu.

6. Stránky sa pridajú do štruktúry menu v ponuke vpravo.

7. Menu si tu môžete zorganizovať. Kliknite na vybranú položku a podržaním ju presuňte hore či dolu v menu.

8. Presunutím doprava z nej urobíte podradenú položku a vytvoríte tzv. viacúrovňové menu (drop-down menu).

9. Kliknutím na čierny trojuholník si rozbalíte rozšírenú ponuku.

10. Tu môžete zmeniť text odkazu, položku z menu odstrániť a opäť ju v štruktúre menu posúvať alebo ju zaradiť do nižšej úrovne.

11. Nakoniec kliknite na modré tlačidlo Aktualizovať menu.

Umiestnenie menu na webe

Umiestnenie menu môžete zmeniť v záložke Umiestnenie v šablóne. Vo väčšine starých WordPress šablón si tu nastavíte hlavné a sekundárne menu webu.

Prispôsobenie menu v šablóne WordPressu

Menu si môžete prispôsobiť aj v samotnej šabloně WordPressu, ktorá vám dáva ešte viac možností nastavenia.

1. V ľavom postrannom paneli WordPress administrácie kliknite na Vzhľad → Šablóny.

2. Pri svojej aktívnej šablóne kliknite na Prispôsobiť.

3. V pravom postrannom paneli editoru šablóny zvoľte Menu.

4. Tu môžete uskutočňovať rovnaké úpravy, ako pri tvorbe menu vo WordPress administrácii, teda pridávať položky, meniť štruktúru menu atď.

5. Okrem toho tu nastavíte aj pokročilé vlastnosti položiek menu.

6. Kliknite na ozubené koliesko v kolónke Aktuálne možnosti nastavenia.

7. Z rozbalovacej ponuky vyberte, ktoré vlastnosti položiek chcete meniť.

• Zobrazenie odkazu umožní zvoliť, aby sa stránka otvorila v novej karte.
• Atribut title je text, ktorý sa bude používateľom zobrazovať, keď na položku menu prejdú kurzorom. Pomáhá im lepšie pochopiť, čo v záložke nájdu.
• CSS triedy dovolí nastylovať jednotlivé položky menu v CSS.
• Vzťah k odkazu (XFN) sa používa v prípade, že odkazujete na iný web. XFN je skratka XHTML Friends Network. Slúži na špecifikáciu vzťahu, ktorý vás viaže k autorovi stránky, na ktorú odkazujete.
• Popis sa zobrazí priamo v menu, ak to umožňuje nastavenie danej šablóny.

8. Zaškrtnuté vlastnosti sa potom zobrazia v nastavení položiek menu.