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

Kuinka lisään Webnodella GIF-kuvan

Kuinka lisään Webnodella GIF-kuvan

Haluatko lisätä Webnode-sivuillesi GIF-kuvan? Webnode-järjestelmä ei tue gifejä, jos niitä lisätään kuvana. Sen takia sinun tulee ensin ladata haluttu GIF-kuva tälle sivulle ja näin saada kuvan URL-osoite. Lisää saatu URL-osoite koodiin ja sitten lisää HTML-koodi...

Viliam
Follow me