Hur skapar jag ett Tumblr -tema i Dreamweaver?

Ett Tumblr -tema är sidlayouten som bestämmer utseendet på din blogg, inklusive dess färger och bilder, och du kan skapa ditt eget tema med Dreamweaver. Även om Tumblr ger dig en standardlayout för din sida, du kan skapa ett anpassat tema genom att ändra den befintliga CSS -koden (Cascading Style Sheets) i Dreamweaver.

Steg 1

Logga in på ditt Tumblr -konto och öppna Tumblrs sida Ladda upp en statisk fil. Klicka på knappen "Välj fil" och följ anvisningarna för att ladda upp bildfilerna du planerar att använda i ditt tema (om tillämpligt). Kopiera URL -adressen som automatiskt visas i slutet av varje uppladdning.

Steg 2

Klicka på din bloggs titel i menyraden. Klicka på länken Anpassa utseende till höger och klicka sedan på knappen "Redigera HTML" för att visa koden. Kopiera koden som laddas i fönstret.

Steg 3

Starta Dreamweaver och välj Nytt på Arkiv -menyn. Klicka på alternativet Tom sida till vänster i fönstret som öppnas och välj Ingen bredvid titeln på CSS-layout så att Dreamweaver inte tillämpar en fördesignad layout. Klicka på "Skapa" -knappen för att ladda sidan i din arbetsyta.

Steg 4

Klicka på alternativet Kod eller Dela kod under Visa -menyn för att visa området där din kod går. Ta bort eventuell befintlig syntax på sidan och klistra sedan in din Tumblr -kod.

Steg 5

Välj CSS -stilar från fönstermenyn och klicka sedan på "Alla" -knappen för att se dina nuvarande Tumblr -stilregler.

Steg 6

Dubbelklicka på kroppsregeln för att öppna fönstret som låter dig utforma egenskaperna hos din blogg. Till exempel, klicka på alternativet Bakgrund under rubriken Kategori och använd sedan bakgrundsfärgspaletten för att använda den nyans du vill ha. Klicka på Typ och använd menyerna som visas för att välja typsnitt, storlek och färg på ditt temas teckensnitt. Fortsätt att klicka igenom varje stil för att designa varje element som du föredrar.

Steg 7

Infoga dina bilder i de föredragna stilreglerna för att bifoga dem till ditt tema. Tilldela en bild till bakgrunden av kroppsregeln, till exempel, genom att klistra in webbadressen i textfältet bakgrundsbild.

Spara din fil. Kopiera din färdiga Tumblr -kod och klistra in den på din Anpassa sida för att tillämpa ditt nya tema. Valfritt, rikta din webbläsare till Tumblrs tematrädgårdssida och klicka på länken Skicka ett tema för att göra din design allmänt tillgänglig.

Varning

• Använd inte Tumblrs statiska uppladdare för att ladda upp något förutom filer relaterade till ditt tema. Ditt konto kan blockeras om du gör det.