Come fai a far risaltare i tuoi titoli sui testi su Tumblr?

Quando crei un nuovo blog Tumblr, il sistema genera un modello predefinito con impostazioni che puoi modificare. Come osserva Tumblr, questa flessibilità ti dà la possibilità di scegliere la pagina del tuo blog più attraente e dargli un tocco personale. Anche se non capisci l'HTML, puoi applicare un semplice aggiornamento al modello per far risaltare i titoli nei tuoi post di testo.

Stile della pagina web 101

I proprietari di siti Web cambiano l'aspetto delle loro pagine Web aggiungendo attributi e valori del foglio di stile a cascata al loro codice. Il valore dell'attributo color, ad esempio, determina il colore di un oggetto. Le persone usano l'attributo background-color per colorare gli sfondi. Puoi anche utilizzare l'attributo font-size per modificare il carattere di un elemento di testo. Applicando uno o più attributi CSS al codice HTML del tuo blog Tumblr, puoi personalizzarne gli elementi.

Trova il tuo codice modello

Se visiti la dashboard di Tumblr e fai clic su "Personalizza", puoi aprire l'editor HTML facendo clic su "Modifica HTML" nel pannello di sinistra del tema Personalizza. Se non vedi "Modifica HTML", scorri fino alla parte superiore del pannello per trovarlo. Quando la pagina si apre, premi "Ctrl-F" e digita "post .title" nella casella di ricerca (senza virgolette). L'editor passa alla riga di codice che dice "#wrapper #content .post .title {."

Dai uno stile al tuo HTML

Gli attributi CSS che aggiungi dopo la riga di codice che hai trovato determinano l'aspetto dei titoli dei tuoi post. Provalo incollando "colore: rosso; colore di sfondo: giallo; decorazione del testo: sottolineatura;" dopo quella riga. Non usare le virgolette. Questi tre attributi cambiano il colore, il colore di sfondo e la decorazione del testo dei titoli dei tuoi post in rosso, giallo e sottolineato. Fai clic su "Aggiorna anteprima" seguito da "Salva" e visita la pagina della dashboard di Tumblr. Fai clic sull'immagine del tuo profilo e vedrai la pagina del tuo blog come fanno gli altri. I post con titoli mostreranno i nuovi attributi che hai aggiunto.

Mantieni il tuo blog fresco

Modifica i valori degli attributi CSS ogni volta che desideri modificare lo stile del testo del titolo. Ad esempio, se un giorno desideri un testo verde su uno sfondo rosso, cambia i colori esistenti con quei due colori. Puoi anche sostituire la sottolineatura con la linea sopra, la linea passante o nessuna. Se desideri modificare anche la dimensione del carattere, incolla "font-size: 22px" alla fine del codice che hai aggiunto. Non usare le virgolette. Sostituisci 22 con la dimensione in pixel che desideri utilizzare per il testo. In questo esempio, la dimensione sarebbe di 22 pixel. Valori più grandi creano un testo più grande e valori più piccoli creano un testo più piccolo. Visita un sito come W3Schools.com che mostra i nomi di altri colori che puoi utilizzare per lo stile del tuo blog (link in Risorse).