Come installare una intestazione personalizzata sulla tesi a tema

July 28

Come installare una intestazione personalizzata sulla tesi a tema


Una delle prime cose che vuoi fare dopo l'installazione di un nuovo tema sul tuo blog WordPress è per personalizzarlo la propria immagine di intestazione con. Nelle prime versioni del tema Thesis popolare non è mai stato evidente come raggiungere rapidamente questo. Fortunatamente a partire dalla versione 1.8 in poi Tesi ha aggiunto l'opzione "header uploader" per i suoi sottomenu, e questo rende l'installazione di un header personalizzato semplice. Se, invece, si utilizza una versione precedente di Thesis, è necessario avere un po 'più coinvolti e modificare il file custom.css.

istruzione

Carica un'immagine intestazione Uso di "intestazione Uploader"

1 Entra per Wordpress amministrazione utilizzando un nome utente e una password di amministratore.

2 Fai clic su "Tesi" nel menu sul lato sinistro per visualizzare le opzioni di tesi. Fai clic su "Header Image" all'interno del menu a tendina appena visualizzato.

3 Fare clic sul pulsante "Sfoglia" e selezionare il file immagine di testa sul computer e selezionare "Apri".

4 Fai clic su "Carica". Una finestra di messaggio viene visualizzato sopra l'immagine che indica "immagine Header aggiornato." L'immagine intestazione personalizzata è installato e viene immediatamente visualizzato sul tuo blog Wordpress. È possibile visualizzare il tuo blog l'immagine intestazione personalizzata appena installato visualizzate su di esso facendo clic sul collegamento ipertestuale sopra l'immagine che dice "Vedi il tuo sito."

Modifica Custom.ccs

5 Carica la tua immagine intestazione a "/ immagini / custom" cartella utilizzando un client FTP o attraverso cPanel.

6 Entra per Wordpress amministrazione utilizzando un nome utente e la password dell'amministratore e fare clic su "Tesi" nel menu sul lato sinistro. Fai clic su "Opzioni Sito" nel menu a tendina di recente visualizzato sotto "Tesi".

7 Scorrere verso il basso per il sottotitolo "Opzioni di visualizzazione". Aprire "Impostazioni intestazione" e assicurarsi che "Mostra nome del sito in header" sia selezionata.

8 Fai clic su "Custom File Editor" all'interno del menu a discesa Tesi. Selezionare "custom.css" dal menu a tendina e cliccare su "Modifica file selezionato."

9 Copiare e incollare la seguente riga di codice per custom.css attraverso l'Editor Tesi Custom File (alla fine va bene):

.custom Logo {background-image: URL ( 'images / header.jpg'); background-repeat: no-repeat; Larghezza: 950 px; altezza: 150px; text-trattino: -9999px; }

Fare clic sul pulsante "Big salvare."

Consigli e avvertenze

  • Tesi ridimensiona automaticamente l'intestazione immagine se è troppo grande quando si usa il primo metodo. Sarà più efficace per ridimensionare l'immagine utilizzando un editor di immagini prima di caricare al tuo sito web.
  • Assicurarsi che le misure di larghezza e altezza in pixel nel codice css nel secondo metodo vengono modificati in modo che corrisponda all'immagine.
  • È inoltre possibile modificare custom.css attraverso un editor di testo e caricare la versione rivista al server.
  • Eseguire il backup di tutti i file prima di apportare modifiche.