Luuptek kirjoitukset

Miten teen ankkurilinkin Gutenberg-editorilla?

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!

Lue vinkkejä
toimivampiin kotisivuihin

Tutustu artikkeleihimme WordPressistä, verkkosivujen kehittämisestä ja paremmasta verkkonäkyvyydestä.

  • Blocksmith artikkelikuva

    Luuptekin teemapohja esittelyssä 2026 – Full Site Editing

    Luuptekin Blocksmith tuo Full Site Editingin käytännönläheisesti asiakasprojekteihin ja nopeuttaa sisällöntuotantoa.

  • Kuva taiteilijasta vden äärellä

    Täydellinen hallinta WordPress-sivuihin Full Site Editing -teemalla

    Lue uuden sukupolven WordPress-sivuista Full Site Editing -teknologialla.

  • Mikserin kuiva

    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.

  • Uutta julkaisua tekemässä

    Kuinka klassisen editorin sisältö muutetaan lohkoiksi Gutenberg-editorilla?

    Opi, miten muutat klassisen editorin sisällön lohkoiksi.

  • Kello

    Miten palautat sivun sisällön versioinnin avulla vanhaan versioon?

    Opi, miten palautat sivustasi vanhan version.

  • 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.

Luuptek AI Chat

Kysy palveluista, hinnoista, kotisivuista tai yhteystiedoista. Vastaukset perustuvat luuptek.fi sivuston sisältöön.

Moro! Miten voin auttaa?