Come inserire un'immagine di sfondo nel tema di Tumblr

Sommario:

Come inserire un'immagine di sfondo nel tema di Tumblr
Come inserire un'immagine di sfondo nel tema di Tumblr

Video: Come inserire un'immagine di sfondo nel tema di Tumblr

Video: Come inserire un'immagine di sfondo nel tema di Tumblr
Video: CORSO BASE OUTLOOK: 05 La Posta Elettronica: le email, le firme, le conversazioni 2024, Maggio
Anonim

Questo articolo spiega come visualizzare una foto come sfondo del tuo Tumblr. Per alcuni temi di Tumblr non è possibile modificare le immagini di sfondo, sia tramite caricamento o modifica HTML.

Passi

Metodo 1 di 2: utilizzo di un tema personalizzabile

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 1
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 1

Passaggio 1. Vai al sito Web di Tumblr

Si trova su https://www.tumblr.com/. Se hai effettuato l'accesso sul tuo browser, questo ti porterà alla tua home page di Tumblr.

Se non hai effettuato l'accesso a Tumblr, inserisci il tuo indirizzo e-mail e la password, quindi fai clic su Registrazione.

Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 2
Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 2

Passaggio 2. Fare clic sull'icona del profilo

È l'icona a forma di persona nell'angolo in alto a destra della pagina.

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 3
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 3

Passaggio 3. Fare clic sul nome del blog che si desidera modificare

Lo troverai sotto l'intestazione "TUMBLRS" a circa metà del menu a discesa del profilo.

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 4
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 4

Passaggio 4. Fare clic su Modifica aspetto

Questa opzione si trova nella parte in alto a destra della pagina, appena sotto il bozze e Post sezioni.

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 5
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 5

Passaggio 5. Fare clic su Modifica tema

Si trova a destra dell'intestazione "Tema del sito Web" sotto l'immagine del profilo.

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 6
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 6

Passaggio 6. Cerca l'icona di una fotocamera o di una matita accanto a Sfondo

Questa opzione si trova sotto l'intestazione "OPZIONI TEMA". Se vedi l'icona di una macchina fotografica o di una matita a destra di Sfondo, puoi caricare la tua immagine.

  • Alcuni temi di Tumblr hanno una variazione di Sfondo (per esempio., Scegli uno sfondo) qui.
  • Se non vedi questa opzione nelle opzioni del tema del tuo blog, passa al metodo successivo.
  • Alcuni temi gratuiti che ti consentono di caricare la tua foto sono "Catching Elephant" e "Papercut". I temi a pagamento includono "Queens" e "Halcyon".
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 7
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 7

Passaggio 7. Fare clic sull'icona della fotocamera

In questo modo verrà richiamata una finestra in cui puoi selezionare una foto dal tuo computer.

Per alcuni temi, invece, farai clic sull'icona di una matita

Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 8
Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 8

Passaggio 8. Seleziona una foto

A seconda del computer e della posizione in cui si apre questa finestra, potrebbe essere necessario accedere alla cartella Foto del computer.

  • Alcuni temi richiedono il primo clic Scegli una foto.
  • Assicurati che la foto sia di qualità relativamente alta. In caso contrario, potrebbe apparire granuloso o sfocato.
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 9
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 9

Passaggio 9. Fare clic su Apri

È in fondo alla finestra. In questo modo caricherai la tua foto su Tumblr; il tuo tema dovrebbe aggiornarsi entro pochi secondi per visualizzare il tuo nuovo sfondo.

Metodo 2 di 2: Modifica HTML

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 10
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 10

Passaggio 1. Vai al sito Web di Tumblr

Si trova su https://www.tumblr.com/. Se hai effettuato l'accesso sul tuo browser, questo ti porterà alla tua home page di Tumblr.

Se non hai effettuato l'accesso a Tumblr, inserisci il tuo indirizzo e-mail e la password, quindi fai clic su Registrazione.

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 11
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 11

Passaggio 2. Fare clic sull'icona del profilo

Questo pulsante a forma di persona si trova nell'angolo in alto a destra della pagina.

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 12
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 12

Passaggio 3. Fare clic sul nome del blog che si desidera modificare

Sarà sotto l'intestazione "TUMBLRS" a circa metà del menu a discesa del profilo.

Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 13
Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 13

Passaggio 4. Fare clic su Modifica aspetto

Questa opzione si trova nella parte in alto a destra della pagina, appena sotto il bozze e Post sezioni.

Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 14
Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 14

Passaggio 5. Fare clic su Modifica tema

Si trova a destra dell'intestazione "Tema del sito Web" sotto la tua immagine del profilo.

Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 15
Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 15

Passaggio 6. Fare clic su Modifica HTML

Questo link si trova sotto il nome del tuo tema nella parte superiore della barra laterale "Modifica temi".

Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 16
Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 16

Passaggio 7. Fare clic sull'icona a forma di ingranaggio

Si trova nella parte in alto a sinistra della barra "Modifica HTML".

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 17
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 17

Passaggio 8. Fare clic su Trova e sostituisci

In questo modo si aprirà una finestra in cui potrai cercare la riga di codice che dovrai modificare.

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 18
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 18

Passaggio 9. Digitare il corpo {

Questo tag è presente in tutti i temi di Tumblr che contengono un'immagine di sfondo personalizzabile.

Se l'HTML del tema selezionato non contiene un tag "body {", non puoi modificarne l'immagine di sfondo

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 19
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 19

Passaggio 10. Cerca lo sfondo:

etichetta.

Questo è direttamente sotto il tag "body {"; aggiungerai qui l'URL della tua immagine tra ":" e ";" alla fine della linea.

Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 20
Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 20

Passaggio 11. Sostituisci qualsiasi testo tra "sfondo:

"e ";" con il tuo tag URL.

Il tag URL dovrebbe essere scritto come segue: url().

In pratica, tutta questa riga dirà background: url(www.website.com/image.jpg);. Tieni presente che c'è uno spazio tra la parte "background:" e la parte "url"

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 21
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 21

Passaggio 12. Inserisci l'URL della tua immagine tra parentesi

L'URL selezionato deve terminare con un'estensione di file immagine come-j.webp

Apri l'immagine in una nuova schedae copia l'URL da lì.

Se desideri utilizzare una foto originale, puoi caricarla su un servizio come Photobucket o Imgur

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 22
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 22

Passaggio 13. Fare clic su Aggiorna anteprima

È il pulsante verde nella parte in alto a destra della barra laterale "Modifica HTML". Dovresti vedere l'immagine selezionata visualizzata.

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 23
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 23

Passaggio 14. Riposizionare l'immagine se necessario

Se la tua immagine è distorta o si interrompe bruscamente, inserisci le seguenti tre righe di codice sotto il tag "background":

  • attaccamento allo sfondo: fisso; - Ciò manterrà la tua immagine in un unico posto.
  • background-repeat: no-repeat; - Puoi anche modificare la non ripetizione per dire ripeti se desideri che l'immagine si ripeta mentre gli utenti scorrono verso il basso.
  • posizione-sfondo:centro; - Puoi anche usare destra o sinistra invece del centro.
  • Puoi anche aggiungere una riga che dice background-size: cover per fare in modo che la tua immagine riempia l'intero sfondo.
Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 24
Metti un'immagine di sfondo nel tuo tema Tumblr Passaggio 24

Passaggio 15. Fare clic su Salva

È il pulsante blu a sinistra Aggiorna anteprima nella parte superiore della barra laterale "Modifica HTML".

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 25
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 25

Passaggio 16. Fare clic su ←

Si trova nella parte in alto a sinistra della pagina.

Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 26
Metti un'immagine di sfondo nel tuo tema di Tumblr Passaggio 26

Passaggio 17. Fare clic su Esci

Vedrai questa opzione nell'angolo in alto a sinistra della barra laterale "Modifica tema". Il tuo tema Tumblr ora ha un'immagine di sfondo.

Consigliato: