Hvis designinnstillingene ikke strekker til, kan du legge til din egen CSS og HTML på nettstedet. Det finnes fire steder for koden, avhengig av hva den skal gjøre. Alle er tilgjengelige i alle pakker.
Hvor koden din hører hjemme
- Eget stilark for hele nettstedet: Innstillinger → Toppområde, delen Eget, ekstra CSS-stilark. CSS-reglene dine gjelder for alle sider og også for mobiloppsettet.
- Kode i head-området: Innstillinger → Toppområde, delen Egen, ekstra HTML-kode (mellom <head> og </head>). Her legger du
<style>- og<link>-tagger, ekstra metatagger eller webfonter. - HTML i starten eller slutten av hver side: Innstillinger → Generelt, delen Hele nettstedet, feltene Starten av hver side og Slutten av hver side. Egner seg for tellerkoder og lignende kodesnutter som må være med på alle sider.
- Kode på én enkelt side: i innholdseditoren via Legg til blokk → Spesiell → Innebygd HTML, for eksempel for et kart, en widget eller innbyggingskoden til en video. Med HTML-editor i verktøylinjen kan du i tillegg redigere HTML-koden til sideinnholdet direkte.
Legg til ditt eget stilark
- Skriv CSS-reglene i et tekstredigeringsprogram og lagre filen med filtypen
.css. - Last opp filen under Filer → Last opp filer (se Last opp filer). CSS-filer hører hjemme i mappen for kodefiler; Velg mappe automatisk legger dem der.
- Åpne Innstillinger → Toppområde og velg filen under Eget, ekstra CSS-stilark i feltet URL (til .css-filen):.
- Klikk på Lagre og last inn nettstedet på nytt.
Trenger du bare noen få regler, kan du i stedet skrive dem i feltet HTML-kode under Egen, ekstra HTML-kode (mellom <head> og </head>) inne i en <style>...</style>-tagg.
Bygg inn kode på en side
- Åpne siden under Sider → Administrer sider → Rediger sideinnhold.
- Klikk på Legg til blokk (eller Legg til element etter ved et eksisterende element), åpne fanen Spesiell og velg Innebygd HTML.
- Lim inn koden og lagre siden.
Greit å vite
- Endringene blir synlige med en gang; det finnes ingen egen testversjon av nettstedet.
- Egen CSS gjelder også for mobiloppsettet. Unngå faste bredder og bruk
max-width: 100%, slik at elementene får plass på små skjermer (se Mobilvennlige nettsteder). - Komplette HTML-filer (
.htm,.html) kan bare lastes opp med Premium-pakken. Det grunnleggende om HTML finner du i Hva er HTML?.