Come aggiungere un'intestazione Link in tematica

November 19

Come aggiungere un'intestazione Link in tematica


I quadri a tema a tema per WordPress offre un layout pulito e markup valido. Gli sviluppatori che desiderano cambiare il tema sarà scoprire che tematica non è costruito come la maggior parte temi WordPress e utilizza una struttura proprietaria. Questo può creare qualche ostacoli scoraggianti quando lo sviluppatore tenta di aggiungere funzionalità o filtri. L'intestazione tematica può essere modificato attraverso la pagina Editor tema WordPress, ma il file ha solo ganci tematici e non il codice HTML ci si potrebbe aspettare. Tutti gli aggiornamenti del quadro anche sovrascrivere le modifiche apportate, in modo che il metodo migliore per aggiungere, rimuovere o modificare i modelli stessi è quello di copiare i file modificati a un tema bambino tematica.

istruzione

1 Scarica una copia della tematica. Copiare il "thematicsamplechildtheme" cartella per un facile da trovare posizione e rinominarlo in "MyThematic." Aprire la cartella e lanciare il file "style.css" in un editor di testo o HTML.

2 Sostituire il valore "Nome Tema" con "MyThematic." Modificare la descrizione, autore e autore URL, ma lasciare il resto del contenuto così com'è. Questo foglio di stile permetterà il tema bambino ad essere visibili nella pagina Tema WordPress. Una volta attivato, sarà utilizzare i modelli tematici, ma sostituire il "header.php" con la vostra versione personalizzata. Si può anche fare personalizzazioni agli stili rimuovendo il "URL @import ( '../ tematico / library / stili / default.css');" linea. Copiare il contenuto di "default.css" della tematica al documento "style.css" per apportare modifiche.

3 Tornare alla cartella tematica e aprire il file "header.php". Scorrere verso il basso fino a visualizzare il tag "<body>". Scrivere o incollare il codice personalizzato nella posizione appropriata per i nuovi collegamenti, sopra o sotto i tag di intestazione. Si può opzionalmente scegliere di inserire il codice nel contenitore intestazione stessa, se si desidera che appaia a sinistra oa destra della vostra immagine intestazione o logo. Il seguente esempio illustra come si dovrebbe aggiungere un link "login" alla parte superiore della pagina, sopra il tag di intestazione:

// action hook for placing content above the theme header

thematic_aboveheader ();

?>

& Lt; div id = "login"> & lt;? Php wp_loginout (); ?> & Lt; / div>

& Lt; div id = "header">

4 Tornare al documento "style.css" e aggiungere gli stili per il vostro codice personalizzato. Per l'esempio precedente, il seguente stile è stato aggiunto al mettere il link in alto a destra:

accesso {

width: 960px;

margin: 0 auto;

}

login un {

float: right;

font-size: .9em;

}

5 Salvare il "style.css" aggiornato e "header.php" nella cartella MyThematic. Carica la cartella sul "/ temi wp-content" directory sul server Web, quindi accedere alla pagina di temi nel pannello di amministrazione di WordPress per attivarlo. Aggiorna la tua home page per testare le modifiche. Ulteriori modifiche possono essere fatte per l'intestazione e il foglio di stile direttamente dalla pagina Editor tema.

Consigli e avvertenze

  • Se si riceve un errore su una pagina bianca vuota, eliminare il file "functions.php" all'interno della cartella MyThematic sul server Web. Il vostro tema bambino utilizzare le funzioni tematici al suo posto.