Come creare un nuovo tema da zero?

Question

Sono nuovo di WordPress.

Quali passi avrei bisogno di fare, per ottenere il mio nuovo progetto implementato come un tema WordPress?

Answer 1

In alternativa a un quadro di tema "personalizzabile", come Carrington (che è davvero impressionante) è quello di integrare un design che hai fatto da zero. È così che ho imparato a creare temi WordPress personalizzati. Nota: questo è un metodo hacky che coinvolge un sacco di sperimentazione. Ma se siete come me, e imparare meglio quando si sta giocando intorno con le mani, questo può insegnare molto.

A proposito, suppongo che voi conoscete HTML, CSS e PHP. In caso contrario, conoscenza di queste tecnologie sarebbe necessario per costruire un nuovo tema da zero. Conoscenza operativa di LAMP è anche utile.

1. In primo luogo, costruire il vostro disegno in codice statico: HTML e CSS. Assicurarsi che sia cross-browser amichevole e comprende tutti gli elementi di un blog WordPress sarebbe (cioè commenti, pagine di archivio, ecc). Inoltre, inserire tutto il codice CSS in un unico file chiamato "style.css" e assicurarsi che tutti i riferimenti ai file esterni (per CSS, immagini, JS, etc) utilizzare URL relativi, non URL assoluti.

2. Get WordPress in esecuzione sul computer locale. Ciò richiederà l'installazione di Apache, PHP e MySQL sul vostro desktop o laptop. Se si utilizza Windows, il WampServer è una bella soluzione. Se stai usando un Mac, MAMP funziona bene anche. Quindi installare WordPress.

3. Apri i file per il tema predefinito che viene fornito con il pacchetto di installazione di WordPress. E 'in / wp-content / themes / default / cartella. Questo tema ha probabilmente più file di cui avrete bisogno. In alternativa, si può anche iniziare con il tema classico, invece, che ha un minor numero di file del tema, in / wp-content / themes / / classico, naturalmente. BTW:. Il tema di default è selezionata per impostazione predefinita (duh), ma se si vuole iniziare con il tema classico, assicurarsi di attivare questo tema all'interno della amministrazione WP, in modo da poter vedere come appare

4. Nel browser, mantenere il Tema Sviluppo dal WordPress Codex aperta. Ti servirà molto spesso. Sul modello di elenco dei file , vedrete come tale elenco associa ai file che vedi nell'immagine di default (o Classic) tema. sono necessari alcuni file a tema, alcuni non lo sono.

5. A seconda del tipo di persona che sono, ora è possibile iniziare a gingillarsi con i file del tema e vedere cosa funziona, cosa si rompe, ecc Si può anche iniziare a muoversi pezzi del vostro proprio disegno in questo tema. In alternativa, è possibile leggere le istruzioni di sviluppo del tema con attenzione (informazioni su The Loop è particolarmente importante), per poi tornare e muck con la file.

Quando ho iniziato a fare questo, un sacco di roba si rompono. Non preoccupatevi se ciò accade, è per questo che si sta facendo questo sulla propria macchina locale e non su un sito web pubblico. Le rotture sono parte del divertimento di apprendimento.

Alla fine, sarete in grado di muoversi lentamente pezzi di codice HTML e CSS nel tema di default o Classic, quindi ottenere il tutto in esecuzione. Questo è quando si laurea da un n00b a un apprendista.

E dopo questo, sarete in grado di spostare pezzi di codice PHP (che sono WordPress' Template Tag ) fuori predefinito o il tema classico, e nel vostro HTML. Questo è quando si laureo a un operaio qualificato.

(io considero una persona Journeyman anziano che può scrivere i propri widget, plugin e temi con grande facilità. E un Maestro, beh, a quel punto, si stanno contribuendo indietro al WordPress Nucleo. Io non sono assolutamente che.)

Spero che questo aiuta.

Answer 2

Si potrebbe utilizzare un tema "starter", come ad esempio Starkers , che fornisce una base per costruire la vostra propria tema. C'è funzionalità minima a posto, quindi bisogna fare un certo lavoro da soli.

Un'altra opzione sta usando un quadro a tema, che contiene un sacco di comuni, funzionalità di base che si può semplicemente utilizzare. Le opzioni includono Carrington e Genesis .

vi consiglio di iniziare con Starkers, che vi costringerà a conoscere i tag e le funzioni di WordPress. Quindi è possibile utilizzare un framework per accelerare il lavoro più tardi.

Inoltre, per le risorse sullo sviluppo tema, si consiglia di guardare il risposte su questo argomento .

Answer 3

Si può iniziare il proprio tema da zero oppure si può utilizzare quadri tematici esistenti come tematica ( http://themeshaper.com / tematico / ) e sviluppare il tema intorno a loro. Se si vuole sviluppare l'intero tema da zero http://codex.wordpress.org/Theme_Development e altri risorse come l'Wordpress Codex può rivelarsi molto utile. http: // www. wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/ è anche un grande tema Wordpress creazione tutorial per principianti.

Answer 4

Comincio sempre con WPBasis come tema di avviamento e di scrittura plugin e tema per le esigenze del cliente - questo è tutto