Webnode: Ako presmerovať odkazy v navigácii

10.09.2022

Tento návod sa hodí, ak chceš akúkoľvek záložku z menu presmerovať mimo svoj web. Napr. na inú tvoju stránku/e-shop, do inej služby, kde máš profil (Instagram, Facebook) a podobne. 

Alebo ak chceš nastaviť nadradenú stránku pre podstránky, kde táto nadradená stránka nebude klikateľná.

*pre vstup zadaj heslo - stránka je tiež súčasťou návodu o tom, ako zaheslovať web

Ako presmerovať záložky v menu na iný web

1. Vytvor novú stránku, nazvi ju, ako potrebuješ (napr. Kúp mi kávu) a potom zobraz jej URL identifikátor, ktorý nájdeš v SEO nastaveniach.

Takže ak stránku pomenuješ E-shop, url identifikátor bude pravdepodobne e-shop.

2. Uprav tento kód - napr. v aplikácii Poznámkový blok, na Codepen, alebo priamo v editore Webnode.
<script> document.querySelector("#menu a[href='/kup-mi-kavu/']").href = "https://www.buymeacoffee.com/tk167"; </script>

Čo budeš meniť:

  • kup-mi-kavu za URL adresu tvojej stránky (napr. e-shop)
  • https://www.buymeacoffee.com/tk167 za adresu tvojho e-shopu/webu/profilu mimo Webnode (napr. na tvoj e-shop na Shoptet)

3. Ak máš balíček Štandard a vyšší, kód vlož do HTML pätičky v globálnych nastaveniach webu:

V prípade nižšieho alebo žiadneho balíčka budeš musieť kód vložiť na každú jednu stránku na webe. Ušetri si nervy a stres a kúp si vyšší balíček.

To je fakt všetko.

4. Zmeny ulož a publikuj.

Ako vypnúť odkaz v hornom menu v prípade nadradenej stránky

1. Vytvor novú stránku, nazvi ju, ako potrebuješ (napr. Masáže) a potom zobraz jej URL identifikátor, ktorý nájdeš v SEO nastaveniach.

Takže ak stránku pomenuješ Kosmetika, url identifikátor bude pravdepodobne kosmetika.

Povedzme, že na túto stránku veľmi nemáš čo dať a nechceš, aby na ňu návštevníci klikali. Chceš, aby sa rovno preklikli na podstránku Netoxická kozmetika.

2. Uprav tento kód - napr. v aplikácii Poznámkový blok, na Codepen, alebo priamo v editore Webnode.

<script> document.querySelector("#menu a[href='/masaze/']").href = "#"; </script>

3. Ak máš balíček Štandard a vyšší, kód vlož do HTML pätičky v globálnych nastaveniach webu:

V prípade nižšieho alebo žiadneho balíčka budeš musieť kód vložiť na každú jednu stránku na webe. Ušetri si nervy a stres a kúp si vyšší balíček.

4. Zmeny ulož a publikuj.

Najnovšie kódy pre Webnode

Vylepši si web - nájdeš tu CSS, HTML a JavaScript kódy pre projekty Webnode úplne zadarmo

Vo Webnode je možné vybrať jednu zo systémovo predvolených farieb, ktorá sa bude zobrazovať napríklad v menu, v zoznamoch, nadpisoch a ďalších grafických prvkoch. Ale tento výber je veľmi obmedzený a je veľmi nepravdepodobné, že v ňom nájdete presne ten odtieň, ktorý vám odporučil grafik v manuále značky. Vďaka kódom ho však môžete nastaviť...

Tento návod sa hodí, ak chceš akúkoľvek záložku z menu presmerovať mimo svoj web. Napr. na inú tvoju stránku/e-shop, do inej služby, kde máš profil (Instagram, Facebook) a podobne.

V pôvodnom oranžovom editore Webnode fungovali tzv. katalógy. Niektorým pamätníkom chýbajú, preto som pripravila tento článok s postupom, ako si katalóg vytvoriť aj v aktuálnej verzii Webnode 2.0.