Scheletro a WordPress alzarsi e correre

Durante le parti precedenti di questa serie abbiamo coperto molto. Abbiamo preso un layout di Photoshop, lo abbiamo integrato in una pagina Web adattiva utilizzando il framework Skeleton, esplorato aspetti del CSS3, implementato vari plugin jQuery e considerato le nostre opzioni per i layout a schermo ampio. Rimane una cosa…

Sii senza illusioni; lo sviluppo di un tema WordPress a prova di proiettile richiede molto tempo e impegno. Durante le seguenti esercitazioni, il tema della nostra rivista funzionerà, ma solo nella sua forma più semplice. WordPress è una grande piattaforma ed è in grado di quasi tutto ciò che puoi lanciare su di esso - quando hai finito con questi screencast ci sarà molto di più da fare per te!


Inziando

Supponendo che tu abbia installato WordPress da qualche parte e che tu abbia scaricato i file sorgente per dare il via alle cose, vediamo ora di impacchettare le cose come un tema WordPress. Ci sono alcuni file necessari di cui abbiamo bisogno, oltre a un'immagine di presentazione, quindi si tratta di correggere alcuni percorsi e organizzare i nostri file di progetto.

In alternativa, scarica il video o iscriviti a Webdesigntuts + screencast tramite iTunes o YouTube!


Menu e widget di WordPress

Avendo installato e attivato il nostro tema, colleghiamo ora le aree del menu e del widget del layout. Dovremo aggiungere un nuovo file al nostro progetto (functions.php) che gestirà alcune di queste funzionalità di base.

In alternativa, scarica il video o iscriviti a Webdesigntuts + screencast tramite iTunes o YouTube!


Risorse addizionali

Ho fatto riferimento a parecchi frammenti durante questi screencast, quindi ecco i vari link per aiutarti.

  • Se non hai mai configurato WordPress, dai un'occhiata alla loro famosa installazione da 5 minuti.
  • Per configurare un server locale MAMP su OS X, controlla i Primi Momenti di Chris Coyier con MAMP, lo sviluppo di WordPress Locally With MAMP di Ryan Olsen o come impostare un ambiente di test Killer WordPress localmente su Nettuts+.
  • I dettagli su tutte le funzioni di WordPress utilizzate in questo tutorial sono disponibili sul codice WordPress.

Ho anche fatto uso di alcuni plugin WordPress, che puoi trovare e utilizzare nella tua installazione:

  • DP Twitter Widget
  • Semplice Flickr Photostream di Benoit Gilloz
  • Responsive Select Menu di Chris Mavricos