Helicon template per WordPress

Sono felice di presentarvi il mio primo vero esperimento pubblico per WordPress 3.0+, come preannunciato nel mio articolo precedente si tratta di un template completamente flessibile che sebbene sia in qualche modo poco pratico per buona parte dei layout mi è servito per fare pratica sul concetto di adattabilità con una sola base a tutti i formati perciò mi perdonerete la grafica molto semplice che ho utilizzato.

Realizzato in circa 4 sere penso sia la dimostrazione di quale incredibile passo in avanti sia il CSS3, se avessi dovuto exportare in immagini tutti gli elementi grafici presenti ci sarebbe voluto molto più tempo oltre che avermi obbligato ad utilizzare un software grafico per la preparazione di tutto il design prima di passare all’html, in questo caso invece Photoshop è stato utilizzato al minimo, solo all’inizio per fare una base e scegliere i colori, poi tutto il resto direttamente on-the-fly mentre preparavo il css.

Può sembrare complesso ma vi assicuro che è molto, molto, ma molto più veloce e semplice adottare questa pratica,  quando è possibile ovviamente, e capisco come grandi presenze web come 37Signals, tra i miei idoli, hanno smesso da tempo di fare prototipi/mokups su software esterni ma partono direttamente dal markup e seguono uno sviluppo più orizzontale migliorando e limando durante la fase di progettazione tutti gli elementi di un prodotto già utilizzabile e testabile allo stesso tempo.

Caratteristiche

  • Completamente in HTML5 (grazie anche alla base H5 che ho usato come punto di partenza)
  • 5 diverse disposizioni di colonne laterali ed elementi secondari in base alla larghezza dello schermo (vedere schema sotto)
  • Utilizza solo 8 immagini in totale, per un peso complessivo di 100KB tutto il resto è ottenuto da CSS3
  • Compatibile al 100% con tutti i principali browser, anche con IE* a partire dalla 7
  • Ottimizzato per i motori di ricerca
  • 2 Sidebar widget-ready
  • Supporto customs menus per il menu di navigazione nella testata (header)
  • Font personalizzato per i titoli – Miso

*Compatibile fino a quanto è possibile e supportato dal browser, ombre e angoli arrotondati sono esclusi anche se si vede ancora molto bene, l’unico problema è che non ho ancora trovato il modo di far funzionare il “@media screen” che uso per la personalizzarlo in base alla risoluzione perciò per ora è solo un tre colonne flessibile.

Demo:

E’ dipsonibile un vedere il  template in azione nella sezione Demo

To do

  • Supporto dropdown menu  di Wp 3
  • Supporto thumbnail di Wp 3
  • Supporto pagina singolo autore
  • Supporto adattamento per risoluzione su IE
  • altro? qualche consiglio?

Changelog

27/01/2011 – Rilascio versione 0.1 di Helicon

29/01/2011 – Rilascio versione 0.2 di Helicon

  • Aggiunta paginazione, risposta diretta e indentazione commenti
  • Aggiunta funzioni aggiuntive a functions.php necessarie a Wp (content_width, post-thumbnails, automatic-feed-links, menus)
  • Aggiunta post_class e comment_class
  • Tolti shortags PHP

Download

Potete scaricare il template direttamnte da qui, Helicon 0.2.

Licenza

Questo template è distributo con licenza GNU General Public License (GPLv2).







Comments are closed.