Come personalizzare un tema di Tumblr esistente

Il tuo tema Tumblr imposta l'aspetto e la formattazione di tutti i contenuti del tuo blog, dalla dimensione delle immagini allo stile dei caratteri. Puoi modificare qualsiasi tema di Tumblr, gratuito o premium, visitando la schermata di personalizzazione. Una certa conoscenza di HTML (HyperText Markup Language) e CSS (Cascading Style Sheets) è utile, ma puoi apportare modifiche di base anche se non hai familiarità con la codifica del sito web.

La schermata di personalizzazione

Fare clic sul collegamento "Personalizza" per accedere alla schermata di personalizzazione, che consente di modificare il titolo del blog, la sua descrizione e tutte le opzioni disponibili nel tema corrente. Seleziona "Sfoglia temi" se desideri passare a un tema diverso. Nota l'opzione "Aggiungi una pagina" che puoi utilizzare per creare pagine statiche e collegamenti accanto ai post del tuo blog. Il link "Opzioni avanzate" ti consente di impostare il numero di post mostrati su ciascuna schermata, forzare l'apertura dei link in una nuova finestra e attivare la visualizzazione mobile predefinita di Tumblr per il tuo blog.

Opzioni del tema integrate

Gli autori di temi possono includere una serie di opzioni integrate nei loro temi: questo significa che puoi cambiare colori, caratteri e altre variabili senza modificare il codice effettivo del tema stesso. Le opzioni elencate a sinistra della schermata di personalizzazione sono state fornite dall'autore. Questi variano da tema a tema, ma possono riguardare colori e dimensioni dei caratteri, immagini di sfondo e intestazione, barra laterale e opzioni di layout, scorrimento infinito, visualizzazione di tag e note e opzioni di widget. Inoltre, potrebbero essere presenti campi per l'inserimento di codici nome utente per Google Analytics, Typekit, Instagram, Twitter e altri servizi di terze parti.

Aggiunta di CSS personalizzati

I temi di Tumblr utilizzano i CSS per impostare lo stile del corpo del testo, delle immagini e dell'intestazione del tuo sito. Funzionano allo stesso modo dei fogli di stile in un elaboratore di testi, consentendo all'utente di creare un insieme uniforme di formati di caratteri che vengono applicati in tutto il sito. Fai clic su "Modifica HTML" nella schermata di personalizzazione per studiare l'HTML esistente del tema: il CSS dovrebbe essere incorporato nell'HTML stesso o ci sarà un collegamento a un file .css ospitato altrove su Tumblr. Usa la sezione Aggiungi CSS personalizzato nella pagina Opzioni avanzate per inserire il tuo codice CSS se desideri sovrascrivere il foglio di stile predefinito del tema.

Modifica HTML del tema

Oltre ad aggiungere CSS personalizzati, puoi anche modificare l'HTML del tema direttamente tramite il link "Modifica HTML" nella schermata di personalizzazione. Il codice HTML viene in genere utilizzato per definire il layout e la struttura della pagina, controllando quali elementi vengono visualizzati e dove vengono posizionati; Il codice CSS è più interessato all'aspetto e allo stile di testo, bordi e immagini. Se modifichi direttamente il tema HTML, Tumblr disabilita la funzione di aggiornamento automatico del tema per preservare le tue modifiche -- questo significa che se un aggiornamento del tema viene rilasciato in futuro, dovrai installarlo manualmente (e quindi riapplicare il tuo modifiche HTML).

Come posso...?

L'esatto codice CSS e HTML di cui hai bisogno per apportare modifiche dipende dal modo in cui il tema è stato scritto dal suo autore. Diversi sviluppatori Web utilizzano diverse strutture HTML e CSS, ma se passi un po' di tempo a guardare il codice esistente, dovresti essere in grado di vedere il modo in cui sono stati applicati i colori e gli stili. Se hai bisogno di alcune lezioni di base sul tipo di modifiche HTML e CSS che puoi apportare, ci sono molti tutorial online su siti come W3Schools, Webmonkey e HTMLDog. Ci sono anche risorse rilevanti nel Centro assistenza di Tumblr e puoi anche contattare direttamente l'autore del tema per i suggerimenti.