Redigering av en Tumblr Layout i Dreamweaver

Tumblr ger tillgång till den råa HTML-filen i din Tumblr-blogg, och det betyder att du kan använda ett HTML-redigeringsprogram för att göra ändringarna om du vill. Men eftersom Tumblr HTML som du kan anpassa skapar ett allmänt tema som sedan tillämpas på ditt specifika innehåll, fungerar inte förhandsgranskningsfunktionen för Dreamweaver korrekt. Du kan fortfarande använda HTML-redigeraren från Dreamweaver för att redigera och spara ditt Tumblr-tema, men du kommer inte att kunna exakt förhandsgranska det innan du sätter koden tillbaka i Tumblr.

1.

Logga in på Tumblr och klicka på kugghjulsikonet högst upp på skärmen för att komma åt dina kontoinställningar.

2.

Klicka på namnet på din blogg till vänster, klicka på "Anpassa" -knappen under temafilen och klicka på "Redigera HTML" i fältet till vänster.

3.

Högerklicka på HTML-koden, välj "Välj alla", högerklicka igen och välj "Kopiera".

4.

Öppna en vanlig textredigerare på din dator - som anteckningsblock - och klistra in HTML-koden i ett nytt, tomt dokument. Spara dokumentet som säkerhetskopiering av din befintliga Tumblr-kod. Om du behöver kan du kopiera och klistra in koden från den här filen tillbaka till din Tumblr-mall.

5.

Starta Dreamweaver och öppna en ny, tom HTML-fil. Markera all kod i HTML-fönstret och klistra in koden från din Tumblr-blogg ovanför den. Du vill inte lämna någon av den automatiskt genererade HTML-filen i Dreamweaver HTML-redigeraren.

6.

Gör ändringarna i HTML-temat för ditt Tumblr-tema. Spara Dreamweaver-filen. Kopiera och klistra in texten tillbaka till ditt Tumblr-konto för att förhandsgranska det. Du behöver inte göra koden live på din blogg för att förhandsgranska den - du kan helt enkelt klicka på den gröna "Uppdatera förhandsgranskning" -knappen i Redigera HTML på Tumblr-anpassningssidan för att se hur dina ändringar ser ut.

tips

  • Studera Tumblr-teman som du tycker om att få idéer om hur du formaterar HTML för din blogg.
  • Du kan ladda upp anpassade tillgångar till Tumblr om du vill ha din egen bakgrundsbild eller något annat anpassat element. Klicka på kugghjulsikonen på sidan Redigera HTML och välj "Statisk filuppladdare."
  • En lista över alla variabler du kan anpassa är tillgänglig från Tumblr (se länk i Resources).

Populära Inlägg