Hvordan får du dine titler på tekster til at skille sig ud på Tumblr?

Når du opretter en ny Tumblr-blog, genererer systemet en standardskabelon, der har indstillinger, du kan justere. Som Tumblr bemærker, giver denne fleksibilitet dig muligheden for at vælge din blogside mere tiltalende og give den et personligt præg. Selvom du ikke forstår HTML, kan du anvende en simpel opdatering til skabelonen for at få titlerne i dine tekstindlæg til at skille sig ud.

Webstyling 101

Webstedsejere ændrer deres websides udseende ved at tilføje Cascading Style Sheet-attributter og værdier til deres kode. Farveattributts værdi bestemmer f.eks. Et objekts farve. Folk bruger attributten baggrundsfarve til farvebaggrund. Du kan også bruge attributten fontstørrelse til at ændre et tekstelements skrifttype. Ved at anvende en eller flere CSS-attributter på din Tumblr-bloggs HTML-kode kan du tilpasse dens elementer.

Find din skabelonkode

Hvis du besøger dit Tumblr-dashboard og klikker på "Tilpas", kan du åbne HTML-editoren ved at klikke på "Rediger HTML" i Tilpas temaets venstre panel. Hvis du ikke kan se "Rediger HTML", skal du rulle til toppen af ​​panelet for at finde den. Når siden åbnes, skal du trykke på "Ctrl-F" og skrive "post .title" i søgefeltet (uden anførselstegn). Editoren springer til linjen med kode, der læser "#wrapper #content .post .title {."

Stil din HTML

CSS-attributter, som du tilføjer efter den kodelinje, du fandt, bestemmer, hvordan dine posttitler ser ud. Test dette ved at indsætte "farve: rød; baggrundsfarve: gul; tekstdekoration: understregning;" efter den linje. Brug ikke tilbud. Disse tre attributter ændrer farve, baggrundsfarve og tekstdekoration på dine posttitler til rød, gul og understreget. Klik på "Opdater forhåndsvisning" efterfulgt af "Gem" og besøg din Tumblr-dashboardside. Klik på dit profilbillede, så ser du din blogside, som andre gør. Indlæg, der har titler, viser de nye attributter, du har tilføjet.

Hold din blog frisk

Skift værdierne for dine CSS-attributter, når du vil style din titeltekst forskelligt. Hvis du f.eks. Vil have grøn tekst på en rød baggrund en dag, skal du ændre de eksisterende farver til de to farver. Du kan også erstatte understregning med overline, line-through eller ingen. Hvis du også vil ændre din skriftstørrelse, skal du indsætte "font-size: 22px" i slutningen af ​​den kode, du tilføjede. Brug ikke tilbud. Udskift 22 med den pixelstørrelse, du vil bruge til din tekst. I dette eksempel vil størrelsen være 22 pixels. Større værdier skaber større tekst og mindre værdier skaber mindre tekst. Besøg et sted som W3Schools.com, der viser navnene på andre farver, du kan bruge til at style din blog (link i ressourcer).