Come un quadro di tema di WordPress, Thematic meglio è accoppiato con un tema di bambino per ottenere prestazioni ottimali e la personalizzazione. Temi Child permettono di costruire un Web design personalizzato utilizzando standard HTML e CSS e quindi integrano la funzionalità di WordPress e tematico con "ganci" e "filtri". Questi ganci, o "tag dei template," tirare in codice e HTML creato da WordPress o tematico per produrre il layout e le funzionalità del tema. Ognuno di questi ganci ha un nome di filtro. Quando si crea un tema bambino, è possibile creare funzioni personalizzate che cosa questi ganci di filtro per l'output al vostro tema finito. Il vantaggio è in grado di creare un layout personalizzato che utilizza la funzionalità di tematica senza modificare qualsiasi file di modello.
Istruzioni
1
Creare una nuova cartella sul desktop chiamata "TestFiltro." Questo conterrà i file di tema del bambino. Aprire un editor di HTML o di testo e creare un nuovo file chiamato "Style. css". Questo foglio di stile case qualsiasi stili personalizzati si sceglie di creare, ed è richiesto da WordPress per rilevare e attivare il nuovo tema. Il "Style. css" dichiarerà anche quale modello set da utilizzare, che in questo caso è tematico. A tale scopo, copiare quanto segue nel tuo "Style. css" e modificare il nome dell'autore con il proprio:
/*
Nome tema: TestFiltro
Nome autore: Il tuo nome
Modello: tematici
*/
2
Scaricare una copia della tematica e aprire la cartella del tema. Aprire il file "header. php" nell'editor HTML o testo. Si noterà che questo file utilizza una serie di tag dei template e tema Ganci invece di contenere un layout HTML statico. Questi ganci consentono ai progettisti di creare i propri layout attraverso il tema del bambino, ma utilizzare il quadro tematico tema per gestire gli aspetti amministrativi del tema. Prendere nota del "thematic_create_stylesheet();" gancio. Normalmente, si avrebbe bisogno di copiare gli stili da vari fogli di stile di tematica nel vostro tema child "Style. css", ma è possibile filtrare "thematic_create_stylesheet();" per collegarli all'intestazione, invece, consente di gestire gli stili personalizzati nel tuo foglio di stile del tema bambino esclusivamente.
3
Creare un secondo file nuovo chiamato "functions. php." Questo file conterrà il tuo funzioni personalizzate e filtri che WordPress utilizzerà per sostituire il gancio definito all'interno di tematiche con il codice personalizzato che si crea.
4
Copiare la seguente funzione personalizzata nel file "functions. php":
<? php
Function childtheme_create_stylesheet() () {
$templatedir = get_bloginfo('template_directory');
$stylesheetdir = get_bloginfo('stylesheet_directory');
?>
<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/styles/reset.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/styles/typography.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/styles/images.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/layouts/2c-l-fixed.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/styles/18px.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $stylesheetdir ?>/style.css" />
<? php
}
add_filter ('thematic_create_stylesheet', 'childtheme_create_stylesheet');
? >
Nell'esempio precedente, è stata creata una funzione personalizzata chiamata "childtheme_create_stylesheet.". Creato quindi due variabili personalizzate, "$templatedir" e "$stylesheetdir," da utilizzare come tasti di scelta rapida invece di ripetere più e più volte lo stesso tag di template di WordPress. Il tuo codice HTML personalizzato viene dopo. Questo codice apparirà dove il "thematic_create_stylesheet();" gancio o tag di modello, viene utilizzato. La riga finale dice WordPress per "filtrare" Questo gancio con la funzione personalizzata per ottenere questo fatto.
5
Utilizzare un filtro per modificare il tipo di documento delle pagine HTML generate. Per impostazione predefinita, Thematic visualizzerà le pagine come XHTML 1.0 Transitional. Per modificare questa impostazione per HTML5, copiare e incollare il seguente filtro impostato nel file "functions. php" appena sopra il tag PHP di chiusura (? >) nella parte inferiore del documento:
Function childtheme_create_doctype($content) () {
$content = ' <! DOCTYPE html >';
$content. = "\n";
ritorno $content;
}
add_filter ('thematic_create_doctype', 'childtheme_create_doctype');
Questo filtro sostituirà "thematic_create_doctype();" nell'intestazione tematica con una dichiarazione di "doctype" HTML5, dove in precedenza sarebbe generata la seguente riga:
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
6
Creare filtri personalizzati e inserirli prima della chiusura tag PHP e utilizzare la sintassi corretta per evitare di causare errori nel tuo browser. Salvare entrambi i file di tema del bambino nella cartella "TestFiltro". Caricarlo sul server Web sotto "wp-content/themes" e attivare il tuo nuovo tema nel pannello di amministrazione WordPress per visualizzare i risultati. Continuare ad aggiungere filtri e modificare i file di tema del bambino utilizzando l'editor di temi WordPress per risultati più immediati.
Consigli & Avvertenze
- Copiare qualsiasi file modello tematico nel proprio tema child e quindi personalizzare il layout, rimuovere o aggiungere ganci o modificare gli stili. Questo a volte è più facile per i progettisti che vogliono drasticamente cambiare il layout del tema.
- Evitare di aggiungere troppo HTML per il tema dei modelli stessi, come questo toglie dalla potenza e flessibilità di utilizzo tematico come un quadro. Sempre avvolgere le aggiunte di codice ganci e filtri di mantenere intatta la funzionalità del tema.