Hur man anpassar ett befintligt Tumblr -tema

Ditt Tumblr -tema anger utseendet och formateringen av allt innehåll på din blogg, från storleken på bilderna till teckensnittets stil. Du kan justera vilket Tumblr -tema som helst, vare sig gratis eller premium, genom att besöka anpassningsskärmen. Vissa kunskaper i HTML (HyperText Markup Language) och CSS (Cascading Style Sheets) är användbara, men du kan göra grundläggande redigeringar även om du inte känner till webbplatskodning.

Anpassningsskärmen

Klicka på länken "Anpassa" för att komma till anpassningsskärmen, vilket gör att du kan ändra din bloggtitel, dess beskrivning och alla tillgängliga alternativ i ditt nuvarande tema. Välj "Bläddra bland teman" om du vill byta till ett annat tema. Notera alternativet "Lägg till en sida" som du kan använda för att skapa statiska sidor och länkar vid sidan av dina blogginlägg. Med länken "Avancerade alternativ" kan du ställa in antalet inlägg som visas på varje skärm, tvinga länkar att öppna i ett nytt fönster och aktivera Tumblrs standard mobilvy för din blogg.

Inbyggda temalternativ

Temaförfattare kan inkludera en uppsättning alternativ som är integrerade i deras teman - det betyder att du kan ändra färger, teckensnitt och andra variabler utan att ändra själva temakoden. Alternativen som anges till vänster på anpassningsskärmen har tillhandahållits av författaren. Dessa varierar från tema till tema, men kan täcka teckensnittets färger och storlekar, bakgrunds- och sidhuvudbilder, sidofält och layoutalternativ, oändlig rullning, visning av taggar och anteckningar och widgetalternativ. Dessutom, det kan finnas fält där du kan ange användarnamnkoder för Google Analytics, Typekit, Instagram, Twitter och andra tjänster från tredje part.

Lägger till anpassad CSS

Tumblr -teman använder CSS för att ställa in kroppstextens stil, bilder och rubrik på din webbplats. De fungerar på samma sätt som formatmallar i en ordbehandlare, så att användaren kan komma med en enhetlig uppsättning teckensnittsformat som tillämpas på webbplatsen. Klicka på "Redigera HTML" på anpassningsskärmen för att studera temans befintliga HTML:CSS bör antingen vara inbäddad i själva HTML -filen eller det kommer att finnas en länk till en .css -fil som finns på andra ställen på Tumblr. Använd avsnittet Lägg till anpassad CSS på sidan Avancerade alternativ för att ange din egen CSS -kod om du vill åsidosätta temaets standardmallark.

Redigera tema HTML

Förutom att lägga till anpassad CSS, Du kan också redigera temat HTML direkt via länken "Redigera HTML" på anpassningsskärmen. HTML -kod används vanligtvis för att definiera sidlayout och struktur, styra vilka element som visas och var de placeras; CSS -koden handlar mer om textens utseende och stil, gränser och bilder. Om du redigerar HTML -temat direkt, Tumblr inaktiverar funktionen för automatisk uppdatering av temat för att bevara dina ändringar-det betyder att om en temauppdatering släpps i framtiden, du måste installera det manuellt (och sedan använda dina HTML -tweaks igen).

Hur gör jag...?

Den exakta CSS- och HTML -koden du behöver för att göra ändringar beror på hur temat har skrivits av dess författare. Olika webbutvecklare använder olika HTML- och CSS -strukturer, men om du lägger lite tid på att titta på den befintliga koden, du bör kunna se hur färger och stilar har tillämpats. Om du behöver en grundläggande undervisning i vilken typ av HTML- och CSS -tweaks du kan göra, det finns gott om självstudier online på webbplatser som W3Schools, Webmonkey och HTMLDog. Det finns också relevanta resurser i Tumblr Hjälpcenter, och du kan också kontakta temaförfattaren direkt för tips.