Innehåll
Lär dig hur man manipulerar CSS och få kraften att omforma utseendet på din Tumblr-blogg. Kolumner, till exempel, dela din blogg i vertikala sektioner som visas horisontellt över webbsidan. Varje kolumn har en viss bredd. Ändra bredden och layouten på din sida genom att ändra bloggens CSS-kod.
Kolumn CSS stil
Många webbsidor består av två eller flera kolumner. Sidans vänstra sida kan innehålla en navigeringsmeny, mellanskolonnen kan visa huvudinnehållet på sidan och en valfri kolumn till höger kan visa länkar och annonser. Webbutvecklare använder CSS - även känd som Cascading Style Sheets - för att skapa dessa kolumner. CSS-breddattributet, som representerar elementets bredd, är en av de viktigaste attributen som används i CSS för att ändra hur kolumnerna visas på en webbsida. Gör värdet av breddattributet större och en kolumn är förlängd. Minska värdet för att göra kolumnen smalare.
Ändra storlek på kolumner
Du bör köpa en uppdatering innan du ändrar CSS-konfigurationen av din blogg och kolumner sida. Efter uppdatering kommer du att omdirigera dig till en designsida genom att klicka på "Anpassad design" i instrumentpanelen. Den här sidan har två alternativ för redigering av CSS. Ett alternativ låter dig uppdatera CSS-koden på din befintliga blogg. Om du väljer det här alternativet kan du uppdatera breddvärdena för CSS-taggarna som definierar bloggkolumnerna. Välj alternativet "Start över från början" om du föredrar att skapa din egen CSS-kod. Det här alternativet ger dig mer kontroll över hur din blogg kommer att visas, men kräver mer kunskap om CSS-stilar.
överväganden
WordPress rekommenderar att du lägger till alternativet "edit-css-content-width" i din CSS om du ändrar bredden på kolumnen som innehåller huvudinnehållet. När webbläsare ser det här alternativet justerar de storleken på videor och andra medieobjekt, till exempel bilder, så att de passar in i huvudinnehållskolumnen. När du gör bredare kolumner, överväg att se din publik. Inte alla har övervakar med bredbildsskärmen. Om du gör dina kolumner för stora måste dina bloggbesökare bläddra på skärmen för att visa allt innehåll.
Andra stilalternativ för kolumner
Du kan också anpassa utseendet på din blogg genom att ändra kolumnernas ordning i WordPress-standardtemat. Fliken Temaalternativ - som finns på Dashboard-sidan - innehåller tre layoutalternativ som du direkt kan tillämpa på din blogg. Välj ett av alternativen så att huvudinnehållet visas i den vänstra kolumnen, höger kolumn eller i mitten av sidan. Det sista alternativet raderar alla sidfält på bloggen och lämnar en stor kolumn som visar huvudinnehållet mitt på sidan. Innan du ändrar storlekarna på dina kolumner med hjälp av CSS, försök att överväga dessa alternativ för att se hur de påverkar utseendet på din blogg. Du kanske gillar en av dem.