Nwlapcug.com


Come aggiungere un Link di intestazione in tematiche

Come aggiungere un Link di intestazione in tematiche


I quadri di tema per WordPress offre un layout pulito e markup valido. Gli sviluppatori che desiderano cambiare il tema scoprirà che la tematica non è costruito come la maggior parte dei temi WordPress e utilizza una struttura. Questo può creare alcuni blocchi stradali scoraggiante quando lo sviluppatore tenta di aggiungere caratteristiche o filtri. L'intestazione tematica può essere modificato tramite la pagina di WordPress Theme Editor, ma il file ha solo ganci tematici e non il codice HTML, uno si aspetterebbe. Eventuali aggiornamenti al quadro anche sovrascriverà tutte le modifiche apportate, quindi il metodo migliore per aggiungere, rimuovere o modificare i modelli stessi consiste nel copiare i file modificati a un tema bambino del mondo.

Istruzioni

1

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

2

Sostituire il valore di "Nome tema" con "MyThematic." Modificare la descrizione, autore e autore URL, ma lasciare il resto del contenuto come-è. Questo foglio di stile vi permetterà il vostro tema di bambino essere visibili nella tua pagina di WordPress tema. Quando attivato, si utilizzano i modelli tematici ma sostituire il "header. php" con la versione personalizzata. Si possono anche fare personalizzazioni agli stili rimuovendo la "la @import URL('.. /Thematic/Library/Styles/default.css'); "riga. Copiare il contenuto della "Default. css" di 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 il vostro nuovo link, sopra o sotto i tag di intestazione. Facoltativamente è possibile inserire il codice nel contenitore stesso dell'intestazione, se si desidera che venga visualizzata a sinistra o a destra della vostra intestazione immagine o logo. L'esempio seguente illustra come si aggiungerebbero un link "login" nella 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 codice personalizzato. Per l'esempio precedente, il seguente foglio di stile è stato aggiunto a mettere il link in alto a destra:

Login () {

Larghezza: 960px;

margin: 0 auto;

}

accesso a {

float: right;

dimensione del carattere: .9em;

}

5

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

Consigli & Avvertenze

  • Se viene visualizzato un errore su una pagina bianca vuota, eliminare il file "functions. php" all'interno della cartella MyThematic sul server Web. Il vostro tema bambino utilizzerà le funzioni del mondo al suo posto.