Taru Salokangas

View Original

Näin teet linkin Squarespacessa

Verkkosivujen yksi olennainen elementti on linkit. Linkit kuljettavat sivuilla kävijää luontevasti eteenpäin. Linkit ovat siten tärkeässä roolissa käyttäjäkokemuksen rakentamisessa. Tästä syystä on tärkeää, että linkit tehdään oikein ja siististi. Sivuilla ei tulisi näkyä itse linkin osoitetta, vaan se “piilotetaan” tekstiin, kuvaan, painikkeeseen tms.

Tässä postauksessa käydään läpi millaisia linkkejä verkkosivuille voi tehdä, mitkä ovat niiden parhaat käytännöt ja miten ne tehdään Squarespacessa.

Millaisia linkkejä verkkosivuilla voi tehdä?

Verkkosivuilla voidaan tehdä erilaisia linkkejä. Linkkejä voi tehdä päänavigaatioon tai sivun sisältöön. Tässä ohjeessa käsittelen sisällön linkkejä. Päänavigaation linkkejä muokataan toisella tapaa. Tässä listaus millaisia linkkejä voit tehdä Squarespacessa sivujen sisältöön:

  1. Linkki, joka vie jollekin muulle verkkosivulle oman sivun ulkopuolella

  2. Linkki, joka vie oman sivun sisällä jollekin toiselle sivulle

  3. Linkki, joka avaa oletussähköpostiohjelman ja laittaa automaattisesti osoitekenttään tähän asetetun sähköpostiosoitteen

  4. Linkki, joka mobiililaitteissa mahdollistaa soiton suoraan siihen numeroon ilman, että tarvitsee näpytellä numeroita itse numerokenttään

  5. Linkki, joka avaa jonkin siihen ladatun tiedoston


Näin teet linkkejä Squarespacessa:

Katso ohje videona:

1 ) VALITSE LINKIN SIJAINTI JA KOHDE

Mene sivun editointinäkymään klikkaamalla valitsemasi sivun kohdalla ‘EDIT’ ja päätä millaisen linkin aiot tehdä; linkin tekstiin, kuvaan tai buttoniin / painikkeeseen. Etene alla olevan ohjeen mukaan riippuen oletko tekemässä linkkiä tekstiin, kuvaan tai painikkeeseen / buttoniin. Kun olet valinnut mihin teet linkin, varsinainen linkki lisätään aina samalla tavalla.

LINKKI TEKSTIIN

  1. Maalaa teksti, jonka haluat tehdä linkiksi

  2. Klikkaa ankkurikuvaketta valikkopalkissa

  3. Lisää sivuston ulkopuolelle menevä linkki suoraan avoimeen kenttään tai valitse haluamasi muunlainen linkki valikosta tai lisää sivuston sisäinen linkki aloittamalla kirjoittamaan avoimeen kenttään / -merkki, jotta saat koko sivuvalikon esiin tai ala kirjoittamaan suoraan etsimäsi sivun ensimmäisiä kirjaimia, jotta saat tarkennetun sivuvalikon esiin mistä voit valita sivun mille haluat linkin vievän.

LINKKI KUVAAN

  1. Mene hiirellä kuvan päälle, josta haluat tehdä linkin ja klikkaa kynäikonia

  2. Klikkaa kohtaa missä lukee ‘ATTACH LINK’

  3. Lisää sivuston ulkopuolelle menevä linkki suoraan avoimeen kenttään tai valitse haluamasi muunlainen linkki valikosta tai lisää sivuston sisäinen linkki aloittamalla kirjoittamaan avoimeen kenttään / -merkki, jotta saat koko sivuvalikon esiin tai ala kirjoittamaan suoraan etsimäsi sivun ensimmäisiä kirjaimia, jotta saat tarkennetun sivuvalikon esiin mistä voit valita sivun mille haluat linkin vievän.

LINKKI BUTTONIIN / PAINIKKEESEEN

  1. Mene hiirellä buttonin/painikkeen päälle, josta haluat tehdä linkin ja klikkaa kynäikonia

  2. Klikkaa kohtaa missä lukee ‘ATTACH LINK’

  3. Lisää sivuston ulkopuolelle menevä linkki suoraan avoimeen kenttään tai valitse haluamasi muunlainen linkki valikosta tai lisää sivuston sisäinen linkki aloittamalla kirjoittamaan avoimeen kenttään / -merkki, jotta saat koko sivuvalikon esiin tai ala kirjoittamaan suoraan etsimäsi sivun ensimmäisiä kirjaimia, jotta saat tarkennetun sivuvalikon esiin mistä voit valita sivun mille haluat linkin vievän.

2) valitse millaisen linkin teet:

Kun olet valinnut mihin teet linkin ja edennyt sen mukaisesti linkkien editointinäkymään, sinulla on nämä vaihtoehdot millaisen linkin voit tehdä:

  1. Web Address
    Linkki, joka vie jollekin muulle verkkosivulle oman sivun ulkopuolella.
    ⭢ Tämä on oletusvaihtoehtona linkeille. Siinä on automaattisesti täpättynä päälle ‘Open in New Window’, jotta se linkki aukeaa uudessa välilehdessä kun linkki vie sivuston ulkopuoliselle sivulle.

  2. Sivuston sisäinen linkki ( = kirjoita avoimeen kenttään sivun nimi mihin haluat linkin vievän)
    Linkki, joka vie oman sivun sisällä jollekin toiselle sivulle.
    ⭢ Ala kirjoittaa sivun nimeä avoimeen kenttään minne haluat linkin vievän. Valitse sivu ilmestyneestä valikosta. Voit kirjoittaa alkuun myös / -merkin, jotta saat koko sivuvalikon esiin jos et muista sivun nimeä. Haku toimii sivun url-osoitteen nimellä (ei sivun titlen - ainakin tämän ohjeen kirjoitushetkellä helmikuussa 2024). ‘Open link in new tab’ menee automaattisesti pois päältä kun lisäät sivuston sisäisen linkin.

  3. File
    Linkki, joka avaa jonkin siihen ladatun tiedoston.

    ⭢ Valitse ‘File’ linkkityypin valikosta ja valitse tiedosto listasta, jonka haluat linkistä aukeavan. Jos tiedostoa ei ole vielä ladattu sivustolle, voit lisätä sellaisen koneeltasi klikkaamalla nuolen kuvaa.

  4. Email
    Linkki, joka avaa oletussähköpostiohjelman ja laittaa automaattisesti osoitekenttään tähän asetetun sähköpostiosoitteen.
    ⭢ Valitse ‘Email’ linkkityypin valikosta ja täytä ilmestyneet kentät haluamillasi tiedoilla. Sen laitteen oletussähköpostiohjelma aukeaa uuden sähköpostin muodossa näillä antamillasi tiedoilla.

  5. Phone
    Linkki, joka mobiililaitteissa mahdollistaa soiton suoraan siihen numeroon ilman, että tarvitsee näpytellä numeroita itse numerokenttään puhelimessa.
    ⭢ Valitse ‘Phone’ linkkityypin valikosta ja syötä puhelinnumero kenttään.

SIVUSTON SISÄINEN LINKKI:

Kun olet päässyt linkintekovaiheeseen teet sivuston sisäisen linkin kirjoittamalla avoimeen kentään sen sivun nimen ensimmäisiä kirjamia, jotta saat sivuvalikon esiin mistä voit valita sivun mille haluat linkin vievän.

MUUT LINKKITYYPIT:

Valitse linkkityyppien valikosta millaisen linkin haluat luoda ja täytä sen jälkeen ilmestyvät kentät.

Tutustu Squarespace Perusta -kurssiin, jossa opetetaan kaikki verkkosivujen tekemisen perusasiat tiiviissä ja selkeässä muodossa, jotta voit itse rakentaa omat verkkosivusi Squarespacella:

Huomasitko kun täräytin tuohon buttoniin linkin tuolle verkkokurssille? Tällä tavalla linkkejä kannattaa viljellä sopivissa kohdissa sivustolle, jotta sivuilla kävijän on helpompi liikkua sivustolla paikasta toiseen luontevasti ❤️

Kivoja linkkien tekemisen hetkiä!

Tallenna ohjepostaus talteen Pinterestiin: