Redigering af en Tumblr Layout i Dreamweaver

Tumblr giver adgang til den rå HTML i din Tumblr-blog, og det betyder at du kan bruge et HTML-redigeringsprogram til at foretage ændringerne, hvis du ønsker det. Men siden Tumblr HTML, som du kan tilpasse, skaber et generelt tema, der derefter anvendes til dit specifikke indhold, fungerer Preview-funktionen i Dreamweaver ikke korrekt. Du kan stadig bruge HTML-editoren fra Dreamweaver til at redigere og gemme dit Tumblr-tema, men du kan ikke forhåndsvise det, før du sætter koden tilbage i Tumblr.

1.

Log ind på Tumblr og klik på tandhjulsikonet øverst på skærmen for at få adgang til dine kontoindstillinger.

2.

Klik på navnet på din blog til venstre, klik på knappen "Tilpas" under temabilledet og klik på "Rediger HTML" i linjen til venstre.

3.

Højreklik på HTML-koden, vælg "Vælg alle", højreklik på igen og vælg "Kopier".

4.

Åbn en almindelig tekstredigerer på din computer - som Notesblok - og indsæt HTML-koden i et nyt, blankt dokument. Gem dokumentet som en sikkerhedskopi af din eksisterende Tumblr-kode. Hvis du har brug for det, kan du kopiere og indsætte koden fra denne fil tilbage til din Tumblr-skabelon.

5.

Start Dreamweaver, og åbn en ny, tom HTML-fil. Vælg hele koden i HTML-vinduet, og indsæt koden fra din Tumblr-blog oven på den. Du ønsker ikke at forlade nogen af ​​de automatisk genererede HTML i Dreamweaver HTML editoren.

6.

Lav ændringerne i HTML'en til dit Tumblr-tema. Gem filen Dreamweaver. Kopier og indsæt teksten tilbage til din Tumblr-konto for at forhåndsvise den. Du behøver ikke at lave koden live på din blog for at få vist det - du kan bare klikke på den grønne "Opdater preview" -knap i Rediger HTML på Tumblr-tilpasningssiden for at se, hvordan dine ændringer ser ud.

Tips

  • Undersøg Tumblr temaer, du kan lide at få ideer om, hvordan du formaterer HTML til din blog.
  • Du kan uploade brugerdefinerede aktiver til Tumblr, hvis du vil have dit eget baggrundsbillede eller et andet brugerdefineret element. Klik på tandhjulsikonet på siden Rediger HTML, og vælg "Statisk filoploader."
  • En liste over alle de variabler, du kan tilpasse, er tilgængelig fra Tumblr (se link i Ressourcer).

Populære Indlæg