WordPress Footer Tutorial

March 10

WordPress temi sono disponibili in parti, chiamati file di modello, che costruiscono ogni pagina del tuo blog in base a quali contenuti il ​​visitatore sta leggendo. Il piè di pagina va in un proprio file, che viene poi caricato in altri file di template, come quelli per l'indice blog, i post e le pagine.

Creazione di un piè di pagina

Il piè di pagina di un tema WordPress è contenuta all'interno del file "footer.php". codice piè di pagina inizia i tag che contengono il contenuto piè di pagina reale e fine in chiusura "</ html>" tag. Quando si utilizza HTML 5 per codificare i tuoi temi, è meglio usare le "<footer>" tag, che funzionano come div:

<Footer>
<P> contenuto piè di pagina ... </ p>
</ Piè di pagina>
</ Body>
</ Html>

Quando si utilizza HTML 4 o XHTML, o se non si conosce, è possibile sostituire "<footer>" con "<div id = 'footer'>". A seconda delle preferenze, è possibile aggiungere JavaScript sopra la chiusura "<body />" tag nei tuoi piè di pagina.

Rendere il vostro lavoro piè di pagina con i Plugin

Al fine di plugin per trovare la parte piè di pagina del tuo blog, il codice nella funzione "footer.php" deve contenere il "wp_footer ()". Questa funzione non accetta parametri e non richiede altra codifica. Sopra la chiusura "</ body>" tag è il posto migliore per questo codice:

<? Php wp_footer (); ?>
</ Body>

Se è stato inserito script nel codice piè di pagina, metterli sotto la funzione "wp_footer ()".

Chiamando il piè di pagina in Modelli

Dal momento che il piè di pagina è pezzo separato del tuo sito web, si può chiamare da qualsiasi altro file di modello:

<? Php get_footer (); ?>

Questo codice prende il codice all'interno di "footer.php" e lo colloca all'interno del file di modello, a partire dal punto in cui si aggiunge il "get_footer) (" la funzione. Si dovrebbe metterlo in fondo di ogni file di modello nel tema, tranne i modelli di intestazione e barra laterale.

Styling piè di pagina

Le regole di stile per l'intestazione vanno all'interno del file "style.css". Codice mira HTML 5 "<footer>" tag si presenta come:

footer h3 {
font-size: 24px;
}

Se si è utilizzato div invece, è necessario modificare "piè di pagina" a "#div_ID_name" dove "div_ID_name" è il nome ID hai dato il div. regole di stile sono scritte in Cascading Style Sheets (CSS). È possibile fornire un po 'di organizzazione all'interno della cartella "style.css" con l'aggiunta di un titolo sopra gli stili piè di pagina:

/ I miei stili piè di pagina /