Hvordan legge til egendefinert kode til Squarespace

I denne bloggen lærer du ulike metoder for å legge til egendefinert kode på Squarespace-nettstedet ditt. 


Se videoen

Sjekk ut YouTube-videoen nedenfor 👇

 

Den første måten å legge til egendefinert kode på er ved å gå til SiderNettstedverktøyEgendefinert CSS . Her kan du legge til tilpasset CSS for å style nettstedet ditt – som å justere oppsett, tilpasse fonter, justere mellomrom og få designet til å reflektere merkevaren din bedre. Med tilpasset CSS kan du i utgangspunktet endre nesten hva som helst visuelt på nettstedet ditt, noe som gir deg full kontroll over hvordan alt ser ut.

 

Den andre måten er ved å gå til SiderNettstedverktøyKodeinjeksjon . Herfra kan du sette inn kode i enten topp- eller bunnteksten på nettstedet ditt. Dette er nyttig når du trenger å legge til ting som sporingsskript (f.eks. Google Analytics eller Meta Pixel), tredjepartsintegrasjoner eller tilpasset JavaScript som påvirker hele nettstedet ditt.

 

Det tredje alternativet er å injisere kode på en individuell side - som hjemmesiden, i mitt tilfelle. For å gjøre dette, klikk på Innstillinger -ikonet på den spesifikke siden, og gå deretter til Avansert . Derfra kan du legge til kode i sideoverskriften, og det vil bare påvirke den aktuelle siden. Dette er nyttig for å legge til sidespesifikke skript, tilpasset stil eller funksjonalitet som ikke skal gjelde for resten av nettstedet.

 

Det fjerde alternativet er å legge til egendefinerte kodeblokker direkte til seksjoner. Dette gjøres ved å gå inn i editoren i Squarespace og velge Kodeblokken fra blokkmenyen. Det er nyttig hvis du vil lage noe med kode direkte på siden – for eksempel en unik knapp, tilpasset tredjepartskode fra Elfsight og mer. Det er utallige måter du kan bruke denne blokken til å tilpasse nettstedet ditt.

 

Din designer

Jeg er Victor Rolf, en ekspert Squarespace-designer. Hvis du vil diskutere et potensielt prosjekt, kan du sende meg en e-post på victor@rolfmade.com eller ta kontakt her . Alternativt kan du sette opp en gratis 15-minutters konsultasjonssamtale her.

Tidligere
Tidligere

Hvordan legge til avrundede hjørner til bilder

Neste
Neste

Squarespace Shape Block forklart