Come creare un modello di pagina WordPress

January 11

Come creare un modello di pagina WordPress


modelli di WordPress consentono di personalizzare l'aspetto del certa pagina sul vostro sito WordPress, sia per un cambiamento di layout o di aggiungere una caratteristica particolare. Quando si crea una nuova pagina di WordPress, è possibile specificare un modello da utilizzare nella casella "Attributi di pagina" sul lato destro del pannello di controllo. Per rendere il proprio modello personalizzato appare nella casella a discesa per "Attributi di pagina" e applicarlo alla tua pagina, tutto ciò che serve è una conoscenza di base di HTML, CSS e la familiarità con alcune funzioni specifiche WordPress.

istruzione

1 Aprire Blocco note e digitare il seguente codice nella parte superiore:

<? Php

/ **

Nome modello: mio modello

* /

?>

Questo codice specifica il nome del modello. E 'anche lo stesso nome nella casella a discesa del "Attributi di pagina" campo quando si seleziona un modello per la pagina di WordPress.

2 Aggiungere il seguente codice per includere l'intestazione: <? Php get_header (); ?>.

3 Digitare il codice per visualizzare il contenuto. Questa è la parte in cui è possibile specificare il layout per la pagina e quali sono i contenuti da visualizzare. Utilizzare "<div>" tag per manipolare il layout utilizzando il codice CSS. Ad esempio, l'uno-codice layout di pagina standard per una pagina di WordPress si presenta così:

<Div id = "contenitore" class = "una colonna">

&lt;div id="content" role="main">

& Lt;? Php

get_template_part ( 'loop', 'pagina');

?>

& Lt; / div> & lt;! - #content ->

</ Div> <! - #container ->

La funzione PHP "get_template_part ()" viene visualizzato automaticamente i contenuti si accede per una pagina particolare usando l'editor dei contenuti WordPress.

4 Aggiungere il seguente codice per includere il tuo piè di pagina: <? Php get_footer ();? ?>.

5 Salvare il documento come file PHP.

6 Carica il file nella cartella tema specifico. Ad esempio, se si sta utilizzando il tema Twenty-Ten, caricare il modello a "wp-content / themes / Twenty-Ten."

Consigli e avvertenze

  • È possibile aggiungere altri contenuti personalizzati nel vostro tema come una barra laterale o blog post. Per le funzioni aggiuntive WordPress e script per aggiungere, una risorsa è il sito WordPress Codex. Un layout personalizzato può essere raggiunto mediante la definizione dei "<div>" classi e ID nel foglio di stile. Il foglio di stile è il file denominato "style.css" nella cartella del tema.