Slår ett WordPress-tema till en Tumblr-tema

Tumblr, en mikrobloggarwebbplats som nu ägs av Yahoo, använder mycket enkel kod för att fylla i sidor. Till skillnad från WordPress använder Tumblr inte ett specifikt stilark för dess tema - allt finns i en enda HTML-fil. Du kan efterlikna ditt WordPress-tema i Tumblr så länge du gör Tumblr-specifika tweaks. Alla stilelement i Tumblr-teman finns i samma fil som hanterar innehållsintervaller, och anpassning av en av dessa teman kräver en hel del mikromanagement.

CSS är borta, sort av

Du kan hantera utseendet på din WordPress-webbplats genom att redigera dess kaskad stilark och tillämpa koden i WordPress HTML- och PHD-dokument. Det betyder att alla stiländringar gjordes från ett centralt dokument, medan blocken på specifika sidor hanterades någon annanstans. Med Tumblr är det allt på ett ställe, vilket innebär att du måste bygga en huvudfil av stilkoden och placera den i huvudet på Tumblr-mallen (mer om det på en minut). CSS-regler kan överföras mellan WordPress och Tumblr, och anropskoden fungerar på samma sätt; Den enda skillnaden är att allt är staplat i en fil i Tumblr istället för i ett halvt dussin eller flera filer över din server som det är i WordPress.

Ladda CSS i WordPress

Logga in på din WordPress-kontrollpanel och klicka sedan på "Utseende" och "Redaktör." Som standard öppnar WordPress ditt aktiva tema stilark. Du kanske inte vill kopiera varje element från denna CSS till Tumblr eftersom de flesta WordPress-teman har WordPress-specifik elementstyling för widgets och sidobar. Titta igenom CSS och bestäm vilka delar av temat du vill tillämpa på Tumblr; Kopiera sedan raderna med kod som definierar stilar. Dessa kommer att se ut så här:

H1 {font-size: 18px; vaddering: 10px; }

Kopiera varje element som du planerar att ta till Tumblr i en enda textfil.

Lägg till element till Tumblr

Logga in på din Tumblr-instrumentpanel och klicka på "Anpassa Utseende" till höger och sedan "Redigera HTML" under temat miniatyren. I Tumblr är alla stilalternativ gjutna i koden. Efter, lägg till en rad kod som säger ". Kopiera nu alla element från din textfil och klistra in dem i det här HTML-dokumentet mellan tidigare. Var noga med att alltid ha stängningskonsolen på CSS-reglerna eller filen laddas inte korrekt.

Använda CSS till element

Alla Tumblr-bloggbitar kallas med hjälp av Tumblr-specifik elementskod som är lätt att känna igen: i stället för vinkelhakarna i HTML använder Tumblr krökta parenteser ("{" och "}") för att ringa till standardelement. Om du tittar igenom HTML-filen ser du var block är kallade för inlägg eller länkar. I HTML-koden som omger de block du vill använda stilar till, ange "class = h1", ersätta "h1" med namnet på stilen från CSS. Gör detta för varje element och Tumblr tillämpa CSS-reglerna som du kopierat från WordPress-temat till vissa delar. När du är klar klickar du på "Spara". Du måste förmodligen experimentera med CSS lite för att få den att visas exakt som du vill ha på Tumblr.