E’ stato dimostrato! E’ possibile diventare una “Rockstar” sviluppando temi per WordPress. Basta pensare al pubblico che si riesce a radunare e al processo creativo che fa da background allo sviluppo… insomma un gran bel tema WP è un po’ come un buon pezzo rock.
Durante la mia esperienza di designer di temi per la più famosa piattaforma di blogging mi sono reso conto che quando c’è da partire con un nuovo progetto basato su WordPress automaticamente la mia mente divide lo sviluppo in quattro, fondamentili, fasi. Il mio cervello mi invia i seguenti ordini (una volta finalizzato il concept): primo, crea il layout grafico in photoshop; secondo, converti il mockup in una pagina web xhtml/css; terzo sviluppa il tema vero e proprio; quarto, potenzia il tema con qualche opportuno hack. Vero, il mio cervello è una strana compagnia.

I passi fondamentali sono abbastanza chiari, ora non resta che approfondire le conoscenze per ognuna delle quattro fasi. Per fare ciò basta prendersi un po’ di tempo per imparare e leggere gli articoli riportati di seguito.

Fase 1: Crea il tuo template Photoshop

Qui in basso troverai alcuni tra i migliori tutorial per realizzare il tuo layout utilizzando PhotoShop.

How to Make an Impressive Blog Layout in Photoshop

Create an Elegant Photoshop (PSD) Template for Wordpress

Create a wordpress interface in Photoshop

How to Create a Unique Wordpress Theme

Creating a tech blog layout in Adobe Photoshop

Wordpress Layout #5

Create a Vibrant Modern Blog Design in Photoshop

Create a Magic Night Themed Web Design from Scratch in Photoshop

Creating A Professional Magazine Web Layout

How to Create a Sleek and Textured Web Layout in Photoshop

How to Create a “Worn Paper” Web Layout Using Photoshop

#71: Building a Website (1 of 3): Photoshop Mockup

Fase 2: Conversione PSD-to-HTML

Capisco che passare dalla fase creativa di PhotoShop a quella molto più “tecnica” del codice può risultare noiso. Grazie ai seguenti articoli, però, potrai imparare alcune interessanti tecniche che potrebbero semplificarti il lavoro.

How to Convert a Photoshop Mockup to XHTML/CSS

Styling Post Headings That Stick Out

Animated Navigation with CSS & jQuery

Tips for Developing Semi-Liquid Layouts

#72: Building a Website (2 of 3): HTML/CSS Conversion

SportNewsPvm Coded, How To Plan A Web Layout For A WordPress Theme

MakingSEO coded, Free CSS Template with PSD-to-HTML tips

How to Code a Grunge Web Design from Scratch

Third Step: WordPress Rocks!

E’ arrivato il momento di concentrarsi nello sviluppo del tema vero e proprio. Ecco alcune utili letture che contengono interessanti consigli sulla stesura del codice per WordPress.

#73: Building a Website (3 of 3): WordPress Theme

How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial

How to Create a Wordpress Theme from Scratch

How to write your own wordpress theme

Build a Newspaper Theme With WP_Query and the 960 CSS Framework

Styling Your Wordpress Comments

So you want to create WordPress themes huh?

Fase 4: Hack per migliorare il tema

Personalizzare e potenziare il tema è essenziale per costruire un sito di successo. Sotto alcuni trucchi su come irrobustire il proprio website basato su WordPress.

The Ultimate Wordpress 2.8 Optimization Guide

Display Thumbnails For Related Posts in Wordpress

Displaying Author Meta Information in Wordpress 2.8

How to : Make a control panel for your wordpress theme

Display Subcategories on Category Pages in WordPress

How To Rearrange Comments in WordPress – Display the Most Recent One on Top

WordPress loop: Get posts published between two particular dates

Wordpress tutorial: Blog posts in different columns

Multiple WordPress Loops Explained

Extra: Risorse e Utility

Alcune utili risorse per velocizzare e “standardizzare” le operazioni necessarie per sviluppare il proprio tema.

Wordpress – Lorem Ipsum Test Post Pack

WordPress PSD Framework

Blank Wordpress Themes

Thematic, A WordPress Theme Framework

Free HTML 5 WordPress Theme

ThemeHybrid is about users, quality and WordPress

WP Framework, A blank WordPress Theme Framework

Whiteboard – A Free Wordpress Theme Framework

Extra: Articoli e Risorse su WordPress

Qui una collezione di interessanti articoli per approfondire gli aspetti principali dello sviluppo web con WP.

Wordpress Posts Explained…

WordPress Theme / CSS Techniques

Power Tips For WordPress Template Developers

22 Mixed Quality Wordpress Hacks

135+ Ultimate Round-Up of Wordpress Tutorials

300+ Resources to Help You Become a WordPress Expert

Top 50 Wordpress Tutorials

Personalise your WordPress Weblog

Best of the Best? WordPress.org!

Tutto in uno! Visita il sito ufficiale WordPress.org per sapere tutto sulle novità legate alla piattaforma di blogging più famosa al mondo.