Hvis designindstillingerne ikke er nok, kan du tilføje din egen CSS og HTML til din hjemmeside. Afhængigt af hvad koden skal gøre, er der fire steder til den. De findes alle i alle pakker.
Hvor din kode skal placeres
- Eget stylesheet for hele hjemmesiden: Indstillinger → Sidehovedområde, afsnittet Eget, ekstra CSS-stylesheet. Dine CSS-regler gælder for alle sider og også for mobilversionen.
- Kode i head-området: Indstillinger → Sidehovedområde, afsnittet Egen, ekstra HTML-kode (mellem <head> og </head>). Her placerer du
<style>- og<link>-tags, ekstra metatags eller webskrifttyper. - HTML i starten eller slutningen af hver side: Indstillinger → Generelt, afsnittet Hele hjemmesiden, felterne Starten af hver side og Slutningen af hver side. Velegnet til tællerkoder og lignende kodestykker der skal være på hver side.
- Kode på en enkelt side: i indholdseditoren via Tilføj blok → Speciel → Indlejret HTML, for eksempel til et kort, en widget eller indlejringskoden til en video. Med HTML-editor i værktøjslinjen kan du desuden redigere HTML-koden for sidens indhold direkte.
Tilføj dit eget stylesheet
- Skriv dine CSS-regler i en teksteditor, og gem filen med filtypenavnet
.css. - Upload filen under Filer → Upload filer (se Upload filer). CSS-filer hører til i mappen til kodefiler; Vælg mappe automatisk lægger dem der.
- Åbn Indstillinger → Sidehovedområde, og vælg filen under Eget, ekstra CSS-stylesheet i feltet URL (til .css-filen):.
- Klik på Gem, og genindlæs din hjemmeside.
Hvis du kun har brug for nogle få regler, kan du i stedet skrive dem i feltet HTML-kode under Egen, ekstra HTML-kode (mellem <head> og </head>) inden i et <style>...</style>-tag.
Indlejr kode på en side
- Åbn siden under Sider → Administrer sider → Rediger sideindhold.
- Klik på Tilføj blok (eller Tilføj element efter ved et eksisterende element), åbn fanen Speciel, og vælg Indlejret HTML.
- Indsæt koden, og gem siden.
Godt at vide
- Dine ændringer er synlige med det samme; der findes ingen separat testversion af din hjemmeside.
- Egen CSS gælder også for mobilversionen. Undgå faste bredder, og brug
max-width: 100%, så dine elementer passer på små skærme (se Mobilvenlige hjemmesider). - Komplette HTML-filer (
.htm,.html) kan kun uploades med Premium-pakken. Det grundlæggende om HTML finder du i Hvad er HTML?.