March 16
Come un quadro tema WordPress, tematica è meglio in coppia con un tema bambino per ottenere prestazioni ottimali e la personalizzazione. temi bambini consentono di creare un web design personalizzato utilizzando standard di HTML e CSS, e quindi integrare le funzionalità tematica e WordPress con "ganci" e "filtri". Questi ganci, o "tag template," tirare in codice HTML e create da WordPress o tematica per produrre il layout e le funzionalità del tema. Ciascuno di questi ganci ha un nome di filtro. Quando si costruisce un tema bambino, è possibile creare funzioni che raccontano questi ganci Filtro Cosa uscita al vostro tema finito. Il vantaggio è quello di poter creare un layout personalizzato che utilizza la funzionalità di tematica senza modificare alcun file di modello.
1 Creare una nuova cartella sul desktop denominata "FilterTest." Questo conterrà i file del tema del bambino. Aprire un editor di testo o HTML e creare un nuovo file chiamato "style.css". Questo foglio di stile ospita qualsiasi stili personalizzati si sceglie di creare, ed è richiesto da WordPress per rilevare e attivare il nuovo tema. Il "style.css" sarà anche dichiarare che modello di set da utilizzare, che in questo caso è tematica. Per raggiungere questo obiettivo, copiare il seguente nella vostra "style.css" e modificare il nome dell'autore con il proprio:
/ *
Nome Tema: FilterTest
Autore Nome: Il tuo nome
Template: tematica
* /
2 Scarica una copia di tematica e aprire la cartella del tema. Aprire il file "header.php" nel vostro editor di testo o HTML. Si noterà che il file utilizza una serie di tag modello e ganci a tema invece di contenere un layout HTML statico. Questi ganci consentono ai progettisti di creare i propri layout attraverso il tema bambino, ma utilizzano tematica Tema quadro per gestire gli aspetti amministrativi del tema. Prendere nota del "thematic_create_stylesheet ();" gancio. Normalmente, si avrebbe bisogno di copiare gli stili di vari fogli di stile del tema in "style.css" del vostro tema bambino, ma è possibile filtrare "thematic_create_stylesheet ();" per collegarli alla testata, invece, che consente di gestire gli stili personalizzati nel foglio di stile tema bambino esclusivamente.
3 Creare un secondo nuovo file chiamato "functions.php". Questo file conterrà le funzioni personalizzate e filtri che WordPress utilizzerà per sostituire il gancio definita all'interno tematica con il codice personalizzato che si crea.
4 Copiare la seguente funzione personalizzata nel file "functions.php":
<? Php
Funzione childtheme_create_stylesheet () {
$templatedir = get_bloginfo('template_directory');
$ Stylesheetdir = get_bloginfo ( 'stylesheet_directory');
?>
& Lt; link rel = "stylesheet" type = "text / css" href = "& lt;?? Php echo $ templatedir> / Library / stili / reset.css" />
& Lt; link rel = "stylesheet" type = "text / css" href = "& lt;?? Php echo $ templatedir> / Library / stili / typography.css" />
& Lt; link rel = "stylesheet" type = "text / css" href = "& lt;?? Php echo $ templatedir> / Library / stili / images.css" />
& Lt; link rel = "stylesheet" type = "text / css" href = "& lt;?? Php echo $ templatedir> / Library / layout / 2c-l-fixed.css" />
& Lt; link rel = "stylesheet" type = "text / css" href = "& lt;?? Php echo $ templatedir> / Library / stili / 18px.css" />
& Lt; link rel = "stylesheet" type = "text / css" href = "& lt;?? Php echo $ stylesheetdir> / style.css" />
<? Php
}
add_filter ( 'thematic_create_stylesheet', 'childtheme_create_stylesheet');
?>
Nell'esempio di cui sopra, è stata creata una funzione personalizzata chiamata "childtheme_create_stylesheet.". È quindi creato due variabili personalizzate, "$ templatedir" e "$ stylesheetdir", per usare come scorciatoie invece di ripetere lo stesso tag template WordPress più e più volte. Il tuo HTML personalizzato viene dopo. Viene visualizzato il codice in cui il "thematic_create_stylesheet ();" gancio, o tag modello, viene utilizzato. L'ultima riga dice a WordPress per "filtrare" il 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, le pagine di output volontà tematici come XHTML 1.0 Transitional. Per cambiare questo per HTML5, copiare e incollare il seguente filtro impostato nel file "functions.php" appena sopra il tag di chiusura PHP (>?) Nella parte inferiore del documento:
Funzione childtheme_create_doctype ($ content) {
$ Content = '<! DOCTYPE html>';
$ Content = "\ n".;
return $ contenuti;
}
add_filter ( 'thematic_create_doctype', 'childtheme_create_doctype');
Questo filtro sostituirà "thematic_create_doctype ();" nell'intestazione tematica con una dichiarazione di HTML5 "doctype", dove in precedenza la riga seguente sarebbe generato:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
6 Creare i propri filtri e metterli prima del tag PHP di chiusura, e utilizzare la sintassi corretta per evitare di causare errori nel browser. Salvare entrambe le file del tema bambino nella cartella "FilterTest". Caricarlo sul server Web in "wp-content / themes" e attivare il nuovo tema nel pannello di amministrazione di WordPress per visualizzare i risultati. Continuare ad aggiungere filtri e modificare i file del tema bambino usando l'editor tema WordPress per ottenere risultati più immediati.