Linkin li­sää­mi­nen valikkoon, pai­nik­kee­seen tai tekstiin

Tässä ohjeessa lisäämme kuvitteellisen linkin ajanvaraukseen kolmella eri tavalla. Lisäämme linkin valikkoon, painikkeeseen ja tekstiin.

Linkin li­sää­mi­nen valikkoon

Lisäämme ulkoisen linkin videolla valikkoon. Linkki lisätään kuviteltuun ajan­va­rausosoit­tee­seen.

  1. Klikkaa valikon taustaa sivun yläosassa avataksesi vasemmalle valikon asetukset.
  2. Klikkaa vasemmalta aukeavista asetuksista "Muokkaa valikkoa" (voit joko muokata päävalikkoa tai alempana näkyvää apuvalikkoa).
  3. Luo uusi linkki klikkaamalla "Linkit" otsikon vieressä olevaa harmaat plussaa.
  4. Klikkaa "Lisää linkki".
  5. Modaali aukeaa. Voit valita, mihin linkki kohdistetaan. Voit lisätä linkin jollekin kotisivujen sivulle, osioon, artikkeliin tai tiedostoon. Lisäksi voit lisätä linkin ulkopuoliseen osoitteeseen, kuten nyt teemme esimerkissä. Valitsemme avautuneesta ikkunasta välilehden "Ulkoinen".
  6. Kirjoita tai liitä osoite tyhjään kenttään. Lisäämme esimerkissä linkin kuvitteelliseen osoitteeseen: www.esimerkkiajanvaraus.fi/topposet.
  7. Kohtaan "Linkin teksti"  lisää teksti, jonka haluat näkyvän valikossa (Voit myös tekstin sijaan vaihtaa linkiksi ikonin)
  8. Klikkaa "Valmis".Valikkoon on nyt lisätty linkki onnistuneesti.

Muista julkaista, kun haluat muutoksien näkyvän kotisivuilla.

Linkin li­sää­mi­nen nappiin eli pai­nik­kee­seen

Lisäämme videolla kuvitteellisen linkin ajanvarauspalveluun.


  1. Klikkaa sivuilla olevaa painiketta lisätäksesi siihen linkin.
  2. Asetuksista klikkaa "Lisää linkki".
  3. Voit lisätä linkin jollekin kotisivujen sivulle, osioon, artikkeliin tai tiedostoon. Lisäksi voit lisätä linkin ulkopuoliseen osoitteeseen, kuten nyt teemme esimerkissä. Valitsemme avautuneesta ikkunasta välilehden "Ulkoinen".
  4. Kirjoita tai liitä osoite tyhjään kenttään. Lisäämme esimerkissä linkin kuvitteelliseen osoitteeseen: www.esimerkkiajanvaraus.fi/topposet.
  5. Kohtaan teksti, lisää teksti, jonka haluat näkyvän painikkeessa
  6. Voit lisätä painikkeeseen myös havainnollistavan ikonin vasemman palkin asetuksista.
  7. Painikkeeseen on nyt lisätty linkki onnistuneesti.

Lisää painikkeita saat lisättyä, joko lisäämällä osion, jossa on painike tai pelkän napin eli painikkeen elementeistä klikkaamalla sinistä plus-painiketta.


Klikkaamalla osion taustaa voit avata sen asetukset ja muokata asettelua. Voit sen avulla esimerkiksi keskittää painikkeen.


Muista julkaista, kun haluat muutoksien näkyvän kotisivuilla.

Linkin li­sää­mi­nen tekstiin

Lisäämme videolla tekstiin linkin kuvitteelliseen ajanvarauspalveluun.


  1. Muokkaa teksti haluamaksesi. Muokkaamme tässä esimerkissä ikonin ja otsikon tekstin sopimaan ajanvarauslinkkiin. 
  2. Tämän jälkeen lisäämme tekstiin linkin. Linkin voi lisätä valitsemalla eli maalaamalla ensin tekstin, johon haluaa linkin ja sitten klikataan linkkikuvaketta tekstieditorin painikkeesta. Joissain tapauksissa painike saattaa olla kolmen palluran takana.
  3. Voit lisätä linkin jollekin kotisivujen sivulle, osioon, artikkeliin tai tiedostoon. Lisäksi voit lisätä linkin ulkopuoliseen osoitteeseen, kuten nyt teemme esimerkissä valitsemalla välilehden "Ulkoinen".
  4. Kirjoita tai liitä osoite tyhjään linkkikenttään. Lisäämme esimerkissä linkin kuvitteelliseen osoitteeseen: www.esimerkkiajanvaraus.fi/topposet.
  5. Linkki on nyt onnistuneesti lisätty tekstikenttään. 

Voit kokeilla toimivuutta esikatselussa. Kun haluat muutokset näkyviin kotisivuilla, muista vielä julkaista.


Jaa tämä artikkeli