Helppoa.

Tee kotisivut tai verkkokauppa helposti itse - jopa kymmenessä minuutissa

Kokeile ilmaiseksi 2 viikon ajan

Kotisivukoulu

Ankkurilinkin tekeminen

Perjantai 26.4.2013 - Heikki Tirkkonen


Ankkurilinkki tarkoittaa pikalinkkiä saman sivun johonkin toiseen osaan. Ankkurilinkit voivat johtaa mihin tahansa saman sivun osioihin, kuten esimerkiksi tekstikappaleisiin. Paljon tekstiä sisältävillä sivuilla ankkurilinkit ovat nopea tapa siirtyä haluttuun kohtaan sivulla sen sijaan, että joutuu selaamaan sivua etsiessään tiettyä sisältöä.

Itse ankkurilinkin teko vaatii pientä tietämystä HTML-kielestä. Huomaathan, että sisältösivu jolle ankkurilinkkejä tehdään pitää olla tehty ns. perinteisellä tekstieditorilla, koska ankkurilinkin teko vaatii sisältösivun HTML-koodin muokkausta.

 

Tässä esimerkissä tehdään ankkurilinkkien avulla pikalinkit sivun väliotsikoihin:

1. Aletaan muokkaamaan sisältösivua jolle ankkurilinkkejä halutaan tehdä

2. Kirjoitetaan sisältöön jokin sana, tai lause, josta ankkurilinkki halutaan muodostaa, tässä tapauksessa siis pikalinkit.

3. Kun sana/lause on kirjoitettu, maalataan kyseinen sana/lause

4. Klikataan tämän jälkeen "Lisää linkki" -painiketta

5. Kirjoitetaan "URL" -kenttään ankkurin nimi, esimerkiksi väliotsikon mukaan #komponenttisivu

6. Napsautetaan "OK" -painiketta

Ankkurilinkin tekeminen

7. Painetaan tämän jälkeen "Muokkaa HTML-lähdekoodia" -painiketta

8. Lisätään HTML-koodiin koodinpätkä, siihen kohtaan johon halutaan ankkurilinkin osoittavan, eli tässä tapauksessa väliotsikon kohdalle. Koodinpätkän pitää vastata ankkurin nimeä eli tässä esimerkkitapauksessa:
 

Ankkurilinkki kotisivuille

9. Klikataan "Päivitä" –painiketta. Sivun muokkaustilassa näkyy nyt ankkurilinkin kohteen kohdalla pieni ankkuri-ikoni. Tallennetaan muutokset.

Nyt kun napsautetaan sivustolla olevaa ankkurilinkkiä, se vie siihen kohtaan sisältösivua johon tuo  koodinpätkä laitettiin. Voit testata esimerkissä lisätyn ankkurilinkin toimivuutta sivulla www.kotisivukone.fi/asiakastuki/sisaltosivut

Jos sivuille halutaan useampi ankkurilinkki, täytyy jokaiselle ankkurille antaa oma yksilöllinen nimi, esimerkiksi väliotsikoiden mukaan tai ankkuri2, ankkuri3 jne. Kun tehdään lisää ankkureita, pitää muistaa päivittää myös annettua koodinpätkää, että tuo “a name” -osa viittaa oikeaan ankkuriin, kuten esim. ankkuri2.

 

Avainsanat: sisältö, ankkurilinkki