Om designinställningarna inte räcker kan du lägga till egen CSS och HTML på din webbplats. Beroende på vad koden ska göra finns det fyra ställen för den. Alla finns i varje paket.
Var din kod hamnar
- Egen formatmall för hela webbplatsen: Inställningar → Sidhuvudsområde, avsnittet Egen, ytterligare CSS-formatmall. Dina CSS-regler gäller för alla sidor och även för mobilversionen.
- Kod i head-området: Inställningar → Sidhuvudsområde, avsnittet Egen, ytterligare HTML-kod (mellan <head> och </head>). Här placerar du
<style>- och<link>-taggar, ytterligare metataggar eller webbteckensnitt. - HTML i början eller slutet av varje sida: Inställningar → Allmänt, avsnittet Hela webbplatsen, fälten Början av varje sida och Slutet av varje sida. Passar för räknarkoder och liknande kodsnuttar som måste finnas på varje sida.
- Kod på en enskild sida: i innehållsredigeraren via Lägg till block → Särskilt → Inbäddad HTML, till exempel för en karta, en widget eller inbäddningskoden för en video. Med HTML-redigerare i verktygsfältet kan du dessutom redigera HTML-koden för sidans innehåll direkt.
Lägg till en egen formatmall
- Skriv dina CSS-regler i en textredigerare och spara filen med filändelsen
.css. - Ladda upp filen under Filer → Ladda upp filer (se Ladda upp filer). CSS-filer hör hemma i mappen för kodfiler – Välj mapp automatiskt lägger dem där.
- Öppna Inställningar → Sidhuvudsområde och välj filen under Egen, ytterligare CSS-formatmall i fältet URL (till .css-filen):.
- Klicka på Spara och ladda om din webbplats.
Om du bara behöver några få regler kan du i stället skriva dem i fältet HTML-kod under Egen, ytterligare HTML-kod (mellan <head> och </head>) inom en <style>...</style>-tagg.
Bädda in kod på en sida
- Öppna sidan under Sidor → Hantera sidor → Redigera sidinnehåll.
- Klicka på Lägg till block (eller Lägg till element efter vid ett befintligt element), öppna fliken Särskilt och välj Inbäddad HTML.
- Klistra in koden och spara sidan.
Bra att veta
- Dina ändringar syns direkt – det finns ingen separat testversion av webbplatsen.
- Egen CSS gäller även för mobilversionen. Undvik fasta bredder och använd
max-width: 100%så att dina element får plats på små skärmar (se Mobilanpassade webbplatser). - Kompletta HTML-filer (
.htm,.html) kan bara laddas upp med Premium-paketet. Grunderna i HTML hittar du i Vad är HTML?.