Miten teen ankkurilinkin Gutenberg-editorilla?

Opi ankkurilinkin tekeminen käyttämällä Gutenberg-editoria.

Ankkurilinkillä tarkoitetaan linkkiä tiettyyn kohtaan haluttua sivua. Käyttämällä ankkurilinkkiä käyttäjä voidaan linkata haluttuun kohtaa sivua. Esimerkiksi osoite domainisi.fi/#uutiskirje veisi käyttäjän etusivulle ja siellä olevaan uutiskirje elementtiin siten, että uutiskirje elementti olisi ensimmäinen sivulla näkyvä elementti.

Ankkurilinkin tekeminen on kaksivaiheinen:

1. Luodaan linkattavalle sivulle HTML-ankkuri.

2. Luodaan linkitys ankkuriin jollain muulla sivulla.

HTML-ankkurin luominen

1. Valitse sivu, jolle ankkuri luodaan, muokkaustilaan.

2. Valitse tämän jälkeen lohko, johon ankkurilla halutaan linkata (esim. klikkaamalla lohkoa).

3. Avaa lohkon asetuksista ”Edistyneet asetukset” ja kirjoita kohtaan ”HTML-ankkuri” yksilöivä tunnus. Tunnus voi sisältää kirjaimia ja numeroita (joskus voidaan käyttää myös väliviivaa). Tunnus ei voi sisältää välilyöntejä. Jos teet useampia ankkureita yhdelle sivulle, jokaisen ankkurin tunnus pitää olla erilainen. Älä käytä tässä kohdassa ankkurin vaatimaa ”risuaitaa” (#).

Ankkurilinkin sijainti lohkon asetuksissa
Ankkurilinkin sijainti lohkon asetuksissa.

4. Tallenna lopuksi sivu.

Ankkurilinkin luominen

1. Valitse sivu, jossa haluat luoda ankkurilinkin, muokkaustilaan.

2. Maalaa sana tai sanat, jolle haluat muodostaa linkin ja paina työkaluvalikosta ”linkki”. Aseta linkin URL:ksi: sivun osoite + # + ankkurin tunnus. Esimerkiksi, jos loit ankkurin tunnuksella ”yhteys” etusivulle, tällöin linkin URL tulisi olla https://domainisi.fi/etusivu/#yhteys.

Jos ankkuri sijaitsee samalla sivulla kuin missä teet ankkurilinkin, voit kirjoittaa tällöin linkin osoitteeksi #ankkurintunnus.

3. Lopuksi muista tallentaa sivu!

Lisää samasta aiheesta

Nuoli-ikoni

Miten säädän sisältöalueen tyhjää tilaa (lopussa ja alussa)?

Opi säätämään sisältöalueen tyhjää tilaa sivun alussa ja lopussa.

Vinkkejä Gutenberg-editorin käyttöön, joita et ehkä tiennyt

Tästä artikkelista löytyy vinkkejä Gutenberg-editorin käyttöön, kun perusosaaminen on hallussa.