August 23
Il quadro tema tematica per WordPress offre una base pulita e potente per la costruzione di progetti di siti web. Il suo pannello di controllo consente agli utenti di configurare e personalizzare gli aspetti del layout ei colori del tema, che lo rende una scelta popolare tra i progettisti per i loro clienti con facilità. Tematica è costruito utilizzando funzioni personalizzate e template "ganci", e impiega "Temi Child" per consentire ai progettisti di creare un aspetto diverso. A Child Theme può essere progettato simile a qualsiasi pagina Web normale. Mettere WordPress e tag di template tematici all'interno di specifiche aree del documento HTML che permettono di essere utilizzato con il sistema di tematica.
1 Creare una nuova cartella e il nome dopo il vostro nuovo tema. Aprire la cartella del tema tematica e copiare il contenuto del "thematicsamplechildtheme" cartella nella nuova cartella del tema. Questa è la base per il vostro nuovo bambino a tema.
2 Lanciate il vostro editor HTML o di testo preferito e aprire il file "style.css" che si trova nella cartella Bambino tema. Questo file conterrà le informazioni sul layout principale per il vostro tema. Iniziare sostituendo il valore "Nome tema" con il nome del tema desiderato. Aggiungi il tuo "URL Tema", che può essere il tuo indirizzo del sito web. Modificare la descrizione, autore e autore URL, ma lasciare il "Template: tematica" entry così com'è. Questa voce dice a WordPress per usare tematica come quadro del tema.
3 Rimuovere la riga seguente link a file "default.css" di tematica:
URL @import ( '../ tematico / library / stili / default.css');
Si vuole creare stili per il tema del bambino, e il modo più semplice per farlo è quello di copiare gli stili di default per il nuovo foglio di stile.
4 Aprire il file "default.css" che si trova nella directory template tematica sotto "Libreria> stili." Copiare l'intero contenuto della pagina e incollarlo sotto il contenuto esistente nel documento style.css del tema bambino. Modificare gli stili come desiderato, quindi salvare le modifiche. Se si desidera creare stili per i font e il testo, ripetere la procedura per rimuovere la linea che collega a "typography.css" e copiare il suo contenuto nel documento style.css da modificare.
5 Aprire il file "functions.php" all'interno della cartella del bambino a tema. Questo file controlla quali informazioni saranno richiamati dal gioco ogni gancio tematica nei modelli di quadro o in i propri modelli di sostituzione. Modificare le funzioni esistenti nel punto desiderato. È anche possibile creare i propri "ganci d'azione" o aggiungere filtri personalizzati a tema a questo documento. Il sito web tematico contiene una vasta libreria di documentazione per entrambi.
Ad esempio, se si sta costruendo il nuovo bambino Tema di utilizzare lo standard HTML5, è possibile inserire il seguente filtro tra il "}" e in fondo al documento ">?":
Funzione childtheme_create_doctype ($ content) {
$ Content = '<! DOCTYPE html>';
$ Content = "\ n".;
. $ Content = '<- [if (gte IE 9) |! (IE)]!> <! ->! <Html class = "no-js" lang = "it"> <- <[ endif] -> " ';
return $ contenuti;
}
add_filter ( 'thematic_create_doctype', 'childtheme_create_doctype');
6 Aprire i file che si trovano nella cartella Estensioni all'interno della cartella del modello tematico. Ognuno di questi file contiene funzioni relative ai pezzi specifici di codice che compongono il disegno complessivo. Se avete creato un layout in HTML, copiare le funzioni in un file functions.php del vostro tema bambino e modificare i "content = $" valori con il codice personalizzato. Una sola riga di codice dovrebbe andare in ogni dichiarazione di contenuti, ed è possibile aggiungere più se necessario inserendo una nuova linea come ad esempio:
$ Content = ''. "\ N";
7 Carica il tuo nuovo bambino a tema nella directory principale "wp-content / themes" e attivarla nel pannello di amministrazione di WordPress. Si può continuare a modificare gli stili e modificare i contenuti delle funzioni nell'editor Aspetto, durante la visualizzazione delle modifiche nel browser.