Nwlapcug.com


Come creare un modello personalizzato in WordPress

Come creare un modello personalizzato in WordPress


Template di WordPress sono file che contengono il codice, stile e la grafica di un sito Web o blog WordPress-powered. WordPress temi contengono un header. php, index. php, comments. php, Sidebar, footer. php e un Style. CSS. Lo stile e la funzionalità di ogni file di modello possono essere personalizzati per soddisfare un particolare sito. Progettisti possono creare anche i file di modello personalizzato che essi desiderano per ogni tema.

Istruzioni

1

Aprire un documento vuoto in un editor di testo e assegnare al file un nome. WordPress richiede file di modello deve essere salvato con estensione ". php". Salvarlo come "custom_page.php" per il momento. Il Codex di WordPress contiene un elenco di nomi di file riservati che non possono essere utilizzati per i nomi di file di modello personalizzato. Tali nomi vengono salvati per i file di modello predefinito

2

Inserire il codice riportato di seguito nella pagina:

<? php

/*

Nome modello: Custom pagina

*/

? >

"Custom Page" è il nome del file, e lo chiama con quel nome nel pannello della pagina di amministrazione di WordPress e lo definisce come un modello. Cambiare il nome del modello desiderato.

3

Aggiungere <? php get_header();? > sotto l'apertura di cinque righe di codice. Ciò richiede le informazioni di < head > contenute nel file "header. php".

4

Inserire il codice HTML per visualizzare la pagina informazioni e stile. I contenitori vengono definiti nello Style. CSS e possono essere copiati da altri file di modello. Secondo il WordPress Codex, i file di modello dovrebbero essere modellati dopo il "index. php". Il seguente è il codice HTML di base utilizzati nel tema predefinito di WordPress, "20:10":

< div id = "container" >

&lt;div id="content">

<? php get_template_part('loop');? >

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

< / div >< - contenitore... >

Il div "contenitore" definisce il layout della pagina e il "contenuto" div dove WordPress chiama il contenuto della pagina. Il ciclo e l'index. php sono chiamati con il "get_template_part();" tag. Il Loop è il codice che WordPress utilizza per visualizzare il PHP contenuto generato, e "index. php" aggiunge il disegno predefinito indicato sulla prima pagina del sito. Aggiungere ulteriori ID, classi e PHP tra l'apertura e la chiusura div "contenuto". Questa informazione è dipendente sulla natura della pagina; per esempio, una pagina "Autori" o la pagina "Contatti".

5

Inserire <? php get_footer()? > sotto il tag di chiusura "contenitore". Questo chiama la "footer", che contiene la chiusura < / body > e < / html > informazioni per pagina.

6

Salvare il file e caricarlo nella cartella del tema di WordPress sul server web. La cartella del tema si trova in "/ wp-content/themes."

Consigli & Avvertenze

  • Utilizzare il tema predefinito di WordPress "20:10" come una guida per idee su file dei modelli personalizzati.
  • Salvare il documento dopo ogni modifica per impedire la perdita di lavoro.
  • Non utilizzare programmi di elaborazione testi come Microsoft Word e OpenOffice per modificare i file del tema.