Come personalizzare un Tumblr in modo che corrisponda a WordPress

Sebbene Tumblr e WordPress siano entrambe piattaforme di blog, bloggare sui due siti può essere esperienze molto diverse, nella misura in cui molte persone hanno sia un sito WordPress che un blog Tumblr, a volte anche sullo stesso argomento. Potresti voler eseguire il cross-post dei contenuti da un blog all’altro o avere entrambi i siti collegati tra loro in modo che i tuoi visitatori traggano vantaggio dai contenuti unici di ogni sito. Per consentire un’esperienza senza interruzioni per i visitatori del tuo sito, il back-end di personalizzazione del tema di Tumblr ti consente di modificare l’HTML e il CSS del tuo tema Tumblr in modo che corrisponda perfettamente al tuo tema WordPress.

1

Accedi al tuo account Tumblr e fai clic sull’icona a forma di ingranaggio nel menu principale per visitare la pagina delle impostazioni.

2

Seleziona il blog che desideri personalizzare dal menu a sinistra, quindi fai clic sul pulsante “Personalizza”.

3

Fare clic sul pulsante “Temi” nella parte superiore della pagina. Scorri la galleria dei temi e seleziona un tema il cui layout di base ricorda il layout del tuo sito WordPress. I colori e la grafica non devono corrispondere; solo la struttura di base del sito.

4

Fai clic sul pulsante “Modifica HTML” e modifica l’HTML del layout di Tumblr in modo che sia simile al tuo sito WordPress, modificando la larghezza delle colonne, i tag CSS e il testo. Puoi anche aggiungere qualsiasi elemento dal tuo tema WordPress che manca al tuo tema Tumblr, come un’intestazione, pulsanti, grafica e piè di pagina.

5

Aggiungi l’intestazione, il banner o il logo del tuo sito WordPress inserendo il seguente codice HTML nella sezione appropriata del layout del tuo Tumblr:

http://www.yoursite.com/yourheader.png

Sostituisci “yoursite” con l’URL del tuo sito WordPress e “yourheader.png” con la posizione del tuo file di intestazione sul tuo server WordPress.

6

Fare clic sul pulsante “Aggiorna anteprima” per visualizzare un’anteprima delle modifiche al codice nel pannello principale, quindi fare clic su “Salva” per salvare le modifiche. Fare clic su “Aspetti” per tornare al menu principale.

7

Personalizza le opzioni del tuo tema Tumblr nella sezione “Aspetto” per sembrare il più vicino possibile al layout di WordPress.

8

Crea un menu di navigazione personalizzato che rimandi al tuo sito WordPress facendo clic su “+ Aggiungi una nuova pagina” nella sezione “Pagine”. Seleziona “Reindirizza” dal menu a discesa nella finestra a comparsa, quindi inserisci l’URL della pagina di WordPress a cui desideri reindirizzare i tuoi visitatori.

9

Apri il foglio di stile del tuo tema WordPress in un editor di testo e copia il suo contenuto negli appunti del tuo computer.

10

Fai clic sulla scheda “Avanzate” nel menu a sinistra della pagina di personalizzazione del tema su Tumblr per visualizzare tutte le opzioni avanzate. Quindi, incolla il foglio di stile del tuo sito WordPress nella sezione “CSS”. A seconda di come è personalizzato il foglio di stile del tuo sito, potresti dover aggiungere tag CSS anche alla sezione “HTML”, in modo che il layout possa fare riferimento alle sezioni corrette del foglio di stile.

11

Fai clic su “Salva”, quindi su “Chiudi” nella parte superiore della colonna di sinistra per rendere permanenti le modifiche.