Videonávod
Kotva funguje ako odkaz vo vnútri jednej stránky. Cez odkaz si teda nezobrazíte inú stránku (web), ale dostanete sa na iné miesto na stránke, ktorú práve sledujete. Tvorba kotvy (záložky) sa rozdeľuje na dve časti:
- Najprv vytvoríte záložku, takže nejaké miesto, ktoré sa zobrazí po kliknutí na odkaz.
- A následne nastavíte odkaz, ktorý Vás presunie na záložku (kotvu).
Kotva sa u Webnode nastavuje pomocou HTML kódu. HTML kód môžete na stránky vo Webnode, vkladať pomocou tohto návodu.
Bod č. 1: Tvorba kotvy:
Na požadované miesto na Vašich stránkach vložíte pomocou HTML kódu záložku. Každú záložku je potrebné presne pomenovať – názvy sa v rámci jednej podstránky nemôžu opakovať. Pre tvorbu kotvy môžete použiť tento HTML kód:
1 |
<div id="XXXXXXX"></div> |
Namiesto XXXXXXX zadáte názov danej kotvy napr. kotva1
Bod č. 2: Tvorba odkazu:
Po kliknutí na odkaz, budete presmerovaný na kotvu – odkaz sa väčšinou nastavuje na bežný text, môže byť ale napr. nastavený i na obrázok alebo tlačítko apod. Pre vloženie odkazu na bežný text, použite tento kód:
1 |
<a href="#XXXXXXX">Text na ktory sa klika</a>a |
Namiesto #XXXXXXX zadáte názov kotvy z bodu č.1
Príklad:
Na nižšie uvedený “Text na ktorý sa kliká” je nastavená kotva, ktorá vedie na začiatok tohto článku. Na začiatku tohto článku je vložený HTML kód v tvare:
1 |
<div id="kotva1"></div> |
Text na ktorý sa kliká je vložený pomocou HTML kódu, ktorý je v tvare:
1 |
<a href="#kotva1">Text na ktory sa klika</a> |
Môžete to vyskúšať a kliknúť na nižšie uvedený “Text na ktorý sa kliká”.
TIP:
Kotvu môžete vo Webnode nastaviť aj na tlačítko napr.: “Na začiatok”.
1. Najprv vložíte na stránky kód z bodu č.1. Kód vložíte na miesto, kde chcete návštevníka presmerovať.
2. Následne na web vložíte tlačítko, ktoré môžete pomenovať napr.: Na začiatok
3. A nakoniec nastavíte odkaz na tlačítko v tvare:
1 |
http://www.mojweb.sk/podstranka/#nazov_kotvy |
TIP: Kotvu môžete použiť aj pri vytvorení skrolovacieho webu vo Webnode. Prečítajte si môj návod:
Ďalšie skvelé návody
Google Business Sites končia. Webnode je rýchla a jednoduchá alternatíva!
Google Business Sites končia Google Business Sites - alternatívy Webnode ako alternatíva k Google Business Sites Webnode AI migration tool Pár slov na záver Webnode ako alternatíva k Google Business Sites - Časté otázky (FAQ)Google Business Sites končiaAk ste sa...
Ako pridať recenzie z Facebook na web vo Webnode?
Facebook Recenzie vo Webnode Facebook Recenzie - zdarma VS premium Facebook Recenzie - vyberte si ten správny typ Facebook Recenzie widget a Webnode e-shop/web NÁVOD: Ako pridať recenzie z Facebook na web vo Webnode? Pár slov na záver Facebook Recenzie HTML Widget -...
Ako pridať vyskakovacie pop-up okno vo Webnode? ZDARMA!
Vyskakovacie (pop-up) okno vo Webnode Vyskakovacie (pop-up) okno – zdarma VS premium Vyskakovacie (pop-up) okno - vyberte si ten správny typ Vyskakovacie okno (pop-up) a Webnode e-shop/web Vyskakovacie okno (pop-up) – mobil/tablet NÁVOD: Ako pridať vyskakovacie okno...
Ako pridať recenzie z Google na web vo Webnode?
Google Recenzie vo Webnode Google Recenzie - zdarma VS premium Google Recenzie - vyberte si ten správny typ Google Recenzie widget a Webnode e-shop/web NÁVOD: Ako pridať recenzie z Google na web vo Webnode? Pár slov na záver Google Recenzie HTML Widget - Časté otázky...
Úspešný firemný web – návod, výhody, povinnosti a tipy!
Ako sme písali v článku Webnode recenzia, Webnode editor je vhodný pre širokú škálu používateľov. Prednedávnom sme si ukázali, že jednoduchosť a užívateľskú prívetivosť tohto online editora ocenia napríklad aj snúbenci, a to pri tvorbe svadobného webu. Webnode je...
Ako pridať certifikát “Overené zákazníkmi” vo Webnode?
O nástroji na tvorbu webu Webnode sme naposledy písali vo Webnode recenzii. V novinke 5 nových funkcií NOVÉHO Prémiového balíčku Business – WEBNODE pre e-shopy sme Vám ukázali, aké funkcie sú súčasťou najvyššieho Prémiového balíčku. Majitelia e-shopov pripravte sa!...
Ako vo Webnode pridať vyskakovacie okno pre overenie veku? (18+)
Vyskakovacie okno vo Webnode Vyskakovacie okno zdarma vs platená verzia Vyskakovacie okno šablóny Vyskakovacie okno a Webnode e-shop Ako vo Webnode pridať vyskakovacie okno? Záver Vyskakovacie okno - Časté otázky (FAQ)Vyskakovacie okno vo WebnodeChceli by ste na Vaše...
Svadobný web zadarmo
Čo je to svadobný web? Čo je to svadobná stránka? Prečo si svadobný web vytvoriť? Čo patrí na svadobný web? Koľko svadobný web stojí? Svadobné šablóny Ako vytvoriť svadobný web?Čo je to svadobný web? Čo je to svadobná stránka?V dnešnej digitálnej dobe sa už ani svadba...
Webnode Recenzia
Webnode recenzia 2023Tvorba webu s Webnode je jednoduchá - zvládne to aj Vaša babičkaVitajte v našej Webnode recenzii, kde Vám ponúkame objektívny pohľad na editor, tzv. program na vytváranie webových stránok, od spoločnosti Webnode. Tvorba webu zdarma vs. prémiové...
Pomohol ti tento návod? Pošli ho priateľom 🙂
- Ako pridať recenzie z Facebook na web vo Webnode? - 25.2.2024
- Ako pridať vyskakovacie pop-up okno vo Webnode? ZDARMA! - 15.11.2023
- Ako pridať recenzie z Google na web vo Webnode? - 15.10.2023
Wow, super návod, kotva funguje, dlouho jsem hledal něco jednoduchého. Díky!!