Sådan tilpasser du et eksisterende Tumblr-tema

Dit Tumblr-tema indstiller udseendet og formateringen af ​​alt indholdet på din blog, fra størrelsen af ​​billederne til skrifttypestilen. Du kan tilpasse ethvert Tumblr-tema, hvad enten det er gratis eller premium, ved at besøge tilpasningsskærmen. Nogle viden om HTML (HyperText Markup Language) og CSS (Cascading Style Sheets) er nyttig, men du kan foretage grundlæggende redigeringer, selvom du ikke er fortrolig med kodning af websteder.

Skærmen til tilpasning

Klik på linket "Tilpas" for at åbne tilpasningsskærmen, som giver dig mulighed for at ændre din blogtitel, dens beskrivelse og alle de tilgængelige muligheder i dit aktuelle tema. Vælg "Gennemse temaer", hvis du vil skifte til et andet tema. Bemærk indstillingen "Tilføj en side", som du kan bruge til at oprette statiske sider og links ved siden af ​​dine blogindlæg. Linket "Avancerede indstillinger" giver dig mulighed for at indstille antallet af indlæg, der vises på hver skærm, tvinge links til at åbnes i et nyt vindue og aktivere Tumblrs standardmobilvisning til din blog.

Indbyggede temaindstillinger

Temaforfattere kan inkludere et sæt indstillinger integreret i deres temaer - det betyder, at du kan ændre farver, skrifttyper og andre variabler uden at ændre selve temaets kode. Indstillingerne til venstre for tilpasningsskærmen er leveret af forfatteren. Disse varierer fra tema til tema, men kan dække skrifttypefarver og -størrelser, baggrunds- og headerbilleder, sidebjælke og layoutmuligheder, uendelig rulning, visning af tags og noter og widgetindstillinger. Derudover kan der være felter, hvor du kan indtaste brugernavnet koder til Google Analytics, Typekit, Instagram, Twitter og andre tredjeparts tjenester.

Tilføjelse af tilpasset CSS

Tumblr-temaer bruger CSS til at indstille stilen på brødtekst, billeder og overskrift på dit websted. De fungerer på samme måde som typografiark i en tekstbehandler, så brugeren kan komme med et ensartet sæt skrifttypeformater, der anvendes på hele webstedet. Klik på "Rediger HTML" på tilpasningsskærmen for at studere temaets eksisterende HTML: CSS skal enten være indlejret i selve HTML-filen, ellers vil der være et link til en .css-fil, der hostes andetsteds på Tumblr. Brug afsnittet Tilføj tilpasset CSS på siden Avancerede indstillinger til at indtaste din egen CSS-kode, hvis du vil tilsidesætte temaets standardformatark.

Redigering af tema HTML

Ud over at tilføje tilpasset CSS kan du også redigere temaet HTML direkte via linket "Rediger HTML" på tilpasningsskærmen. HTML-kode bruges typisk til at definere sidelayoutet og strukturen og kontrollere, hvilke elementer der vises, og hvor de placeres; CSS-kode er mere bekymret over udseendet og stilen af ​​tekst, rammer og billeder. Hvis du redigerer HTML-temaet direkte, deaktiverer Tumblr funktionen til automatisk opdatering af temaet for at bevare dine ændringer - det betyder, at hvis en temaopdatering frigives i fremtiden, skal du installere den manuelt (og derefter genanvende din HTML-justeringer).

Hvordan gør jeg...?

Den nøjagtige CSS og HTML-kode, du har brug for for at foretage ændringer, afhænger af den måde, temaet er skrevet af forfatteren. Forskellige webudviklere bruger forskellige HTML- og CSS-strukturer, men hvis du bruger lidt tid på at se på den eksisterende kode, skal du kunne se den måde, farver og stilarter er blevet anvendt på. Hvis du har brug for grundlæggende undervisning om den slags HTML- og CSS-tweaks, du kan lave, er der masser af tutorials online på websteder som W3Schools, Webmonkey og HTMLDog. Der er også relevante ressourcer i Tumblr Help Center, og du kan også kontakte temaforfatteren direkte for at få råd.