Anpassa ditt befintliga Tumblr‑tema

Din Tumblr‑tema styr hur allt på bloggen ser ut – från bildstorlek till typsnitt. Oavsett om du har en gratis eller premium‑tema, kan du justera den med hjälp av anpassningsskärmen. En grundläggande förståelse för HTML och CSS är fördelaktig, men du kan göra enkla ändringar även utan kodningskunskaper.

Anpassningsskärmen

Klicka på länken “Anpassa” för att komma in i skärmen där du kan ändra ditt bloggs namn, beskrivning och alla tillgängliga alternativ i ditt nuvarande tema. Välj “Bläddra bland teman” om du vill byta till ett annat tema. Du hittar även alternativet “Lägg till sida”, som låter dig skapa statiska sidor och länkar utöver inlägg. Genom länken “Avancerade alternativ” kan du ställa in hur många inlägg som visas per sida, tvinga länkar att öppnas i nytt fönster samt aktivera Tumblrs fördefinierade mobilvy.

Inbyggda temainställningar

Temautvecklare kan inkludera ett eget uppsättning alternativ i temat – det betyder att du kan ändra färger, typsnitt och andra variabler utan att röra själva kodbasen. De alternativ som visas till vänster i anpassningsskärmen är tillhandahållna av temautvecklaren. De varierar från tema till tema men kan innehålla inställningar för teckenfärger och storlekar, bakgrunds- och rubrikbilder, sidopanel, layout, oändlig scroll, visning av taggar och kommentarer samt widget‑alternativ. Det kan även finnas fält för att mata in koder för Google Analytics, Typekit, Instagram, Twitter och andra tredjeparts‑tjänster.

Lägga till anpassad CSS

Tumblrs teman använder CSS för att bestämma stil för kroppstext, bilder och rubriker på din sida. Det fungerar som ett stylesheet i ett ordbehandlingsprogram, där du kan skapa ett enhetligt utseende som tillämpas över hela sidan. Klicka på “Redigera HTML” i anpassningsskärmen för att granska temats befintliga HTML: CSS‑koden finns antingen inbäddad i HTML‑filen eller länkas till en extern .css‑fil. Använd fältet “Lägg till anpassad CSS” på sidan för avancerade alternativ för att skriva in egen CSS och åsidosätta temats standardstylesheet.

Redigera temats HTML

Förutom att lägga till anpassad CSS kan du också redigera temats HTML direkt via länken “Redigera HTML” i anpassningsskärmen. HTML används främst för att definiera sidans layout och struktur, medan CSS fokuserar på utseende och stil för text, ramar och bilder. Om du redigerar HTML direkt, inaktiveras Tumblrs automatiska temauppdatering för att bevara dina ändringar – det betyder att eventuella framtida temauppdateringar måste installeras manuellt och sedan återanvända dina HTML‑justeringar.

Hur gör jag…?

Den exakta CSS‑ och HTML‑koden du behöver för att göra ändringar beror på hur temautvecklaren har skrivit temat. Olika utvecklare använder olika strukturer, men om du tar dig tid att studera befintlig kod kan du se hur färger och stilar har applicerats. För grundläggande vägledning finns det många online‑tutorials på ställen som W3Schools, Webmonkey och HTMLDog. Tumblrs hjälpcenter innehåller också relevanta resurser, och du kan även kontakta temautvecklaren direkt för tips.