Blogi
Squarespace-painikkeiden hover-suurennusanimaatio ilman koodia
Kaipaavatko Squarespace-sivusi pientä visuaalista piristystä? Tässä pikaohjeessa opit lisäämään painikkeisiin hover-animaation, joka suurentaa painiketta hiiren ollessa sen päällä. Et tarvitse koodia, sillä efekti tehdään Squarespacen omilla asetuksilla. Helppo ja hauska tapa tuunata verkkosivuja muutamassa minuutissa! ✨
Elementin kiinnitysominaisuus eli pinning squarespacessa
Pinning -ominaisuudella Squarespacessa voit asettaa erilaisille blockeille eli sivuston eri “palikoille” kiinnityksen, jotta kyseinen block pysyy paikoillaan sivua skrollatessa. Tässä postauksessa on ohjeet miten käytät pinning -ominaisuutta.
Näin säädät taustakuvan kohdistusta Squarespacessa
Opi säätämään Squarespace-taustakuvan Focal Point -kohdistusta, jotta kuvan tärkein kohta näkyy paremmin sekä desktopilla että mobiilissa.
Miten Squarespace-sivujen rakenne toimii visuaalisesti? (sectionit & blockit)
Opi miten Squarespace-sivujen rakenne toimii visuaalisesti Fluid Engine -editorissa. Tässä ohjeessa käydään läpi sectionit, blockit ja drag-and-drop-rakentamisen perusteet aloittelijalle.
Blogipostauksen edellinen/seuraava-linkkien fontin muokkaaminen Squarespacessa
Näin muokkaat Squarespace-blogipostauksen edellinen/seuraava-linkkien fonttia ja kokoa. Katso selkeä vaiheittainen ohje ja video.
Näin lisäät oman fontin Squarespace-sivustolle – ilman koodausta
Haluatko käyttää omaa brändifonttia Squarespace-verkkosivuillasi, mutta et löydä sitä Squarespacen fonttivalikoimasta? Tässä ohjeessa opit miten oma fontti lisätään Squarespace 7.1 -sivustolle.
Sivuston headerin eli yläosan muokkaaminen Squarespacessa
Näin muokkaat Squarespace-sivuston headeria eli yläosaa. Opi vaihtamaan logo, muokkaamaan navigaatiota, lisäämään elementtejä ja säätämään headerin ulkoasua.
Fonttikoon määrittely squarespace nettisivuilla
Fonttikokoa määritellään Squarespacessa PX ja REM yksiköissä. Tässä blogipostauksessa esitellään miten fonttikoko asetetaan ja miten PX ja REM toimivat.