Video Tutorial with ENGLISH subtitles

 


Ankkurilinkki toimii linkkinä yhden sivun sisällä. Linkki siis ei avaa toista sivua, vaan ohjaa toiselle paikalle samalla sivulla.

Ankkurilinkin (kirjanmerkin) tekeminen koostuu kahdesta vaiheesta:

  1. Luo ensin kirjanmerkki, eli joku kohta, joka tulee näkyviin linkin klikattuasi.
  2. Aseta sitten kirjanmerkille (ankkurilinkille) ohjautuva linkki. Ankkurilinkki asetetaan Webnodella HTML-koodin avulla. Pääset lisäämään HTML-koodin Webnode-sivulle näillä ohjeilla.

 

Vaihe 1.: Ankkurilinkin tekeminen

Aseta HTML-koodin avulla kirjanmerkki halutulle paikalle sivullasi. Jokainen kirjanmerkki tulee nimetä niin, että nimet yhdellä alasivulla eivät toistu. Voit käyttää tämän HTML-koodin ankkurilinkin luomiseen:

 

Syötä XXXXXXX -osan tilalle tietyn ankkurilinkin nimi, esim. ankkuri1

Vaihe 2.: Linkin luominen:

Klikattuasi linkkiä sinut ohjataan ankkurilinkille – linkki on yleensä asetettu tavalliseen tekstiin, mutta sitä voidaan lisätä myös esim. kuvaan tai painikkeeseen jne. Tämän koodin avulla onnistuu koodin asettaminen tavalliseen tekstiin:

Syötä #XXXXXXX -osan tilalle ankkurilinkin nimi vaiheesta 1.

Esimerkki:

Alla olevaan tekstiin “Teksti jota klikataan” on asetettu ankkurilinkki, joka ohjaa artikkelin alkuun. Tämän artikkelin alkuun on lisätty HTML-koodi seuraavanlaisessa muodossa:

 

 

“Teksti jota klikataan” on syötetty HTML-koodin avulla, joka on seuraavanlaisessa muodossa:

Voit kokeilla tätä klikkaamalla alla olevaa “Teksti jota klikataan”.

 

Teksti jota klikataan 
 

 

VINKKI:

Webnodella pystyt asettamaan ankkurilinkin myös painikkeeseen esim.: “Alkuun”.

1. Lisää ensin sivuillesi koodi vaiheesta 1. Koodi lisätään paikkaan, johon tahdot vierailijan ohjata.

 

 

 

 

 

 

 

 

 

2. Lisää sitten sivuillesi painike, jonka voit nimetä esim.: “Alkuun”

 

 

 

 

 

 

 

 

3. Aseta lopuksi linkki painikkeeseen seuraavanlaisessa muodossa:

Lisää mahtavia oppaita

6 suosituinta Webnode-mallia vuonna 2021

6 suosituinta Webnode-mallia vuonna 2021

6 suosituinta mallia verkkosivuston luomiseen Webnode.fi-sivuston rakennustyökalussaWebnodeN Ilmaiset -uutisissa olemme jo maininneet muutamia mielenkiintoisia asioita Webnode-editorista. Oletko lukenut artikkelin UUDEN Premium-paketin 5 uudesta ominaisuudesta?  ...

Viliam
Follow me