Come fare un layout fresco Tumblr

March 6

Come fare un layout fresco Tumblr


Tumblr ha centinaia di temi disponibili per l'uso e aggiungere un po 'di personalità al vostro microblog. Tuttavia, se si dispone di una scintilla creativa e la comprensione del linguaggio HTML, è possibile rendere il proprio layout fresco. Tumblr utilizza una singola pagina di HTML per sostenere il suo design. Questo approccio rende più facile che altri programmi che richiedono di eliminare attraverso più file e pagine per creare il vostro capolavoro.

istruzione

1 Segnate il vostro disegno prima di spostarlo a Tumblr. Si può semplicemente disegnare il layout su carta o utilizzare un programma come Adobe Photoshop per aiutarti a definire il tuo look. Per l'ispirazione, visualizza le temi disponibili a Tumblr o cercare nel Web per vedere quali altri disegni freddo sono stati creati.

2 Accedi al tuo account Tumblr e fare clic sul nome del tuo blog nella parte superiore del cruscotto. Selezionare il pulsante "personalizzare l'aspetto" da destra poi il pulsante "Modifica HTML" che si trova sotto l'unghia del pollice tema corrente. Vedrete la vostra pagina HTML esistente aperta.

3 Impostare le variabili di base. Le variabili sono una componente di un layout di Tumblr e tenere i dati dinamici del tuo blog, come ad esempio il titolo. Le variabili sono sempre inclusi tra parentesi graffe come {title}. Molte delle variabili di base esistono all'interno l'intestazione del file HTML compreso il titolo, feed RSS, meta descrizione e icona preferiti. Troverete anche ulteriori variabili nel corpo della pagina.

4 Definire i blocchi. I blocchi sono la seconda componente del layout e hanno due scopi: per visualizzare grandi sezioni di codice HTML come un posto audio o testo e per visualizzare blocchi condizionali di HTML come un collegamento "pagina precedente". Creare un blocco per ogni tipo di Tumblr post - audio, testo, video, risposta, citazione, chat, foto e il link. Come variabili, i blocchi sono sempre inclusi tra parentesi graffe come {block: Audio}. I blocchi si trovano anche i comportamenti di apertura e chiusura, come altri elementi HTML. Ad esempio, il blocco audio avrebbe aperto come {block: Audio} e {vicino / block: Audio}.