2009 17 ottobre 2009

Dal file di Photoshop a HTML / CSS per WordPress serie

Screen shot 2009-10-17 at 4.59.04 PM Mi manca avere il tempo di leggere i miei blog quotidiani, come ho usato, ma sono imbattuto in questa grande serie da uno dei miei preferiti: Chris Coyier, di cui uno sito CSS Tricks mi ha aiutato immensamente.

Nella serie che vi porta dal processo di progettazione di fare un layout di pagina web, al processo di taglio e codifica - in cui CSS rende il design prende vita. Avanti che lo prende con il processo di integrazione che il codice in un CMS (Content Management System) come WordPress. In questo modo tutto (messaggi, feed, aggiornamenti) sono dinamiche e il sito di larghezza. Spero che abbonarsi al suo feed RSS, controlla i suoi altri blog e godetevi la serie.

Ho commentato che speravo ci fosse un 4 ° nella serie per mostrarci il processo di codifica durante la preparazione e la galleria fotografica, modulo di contatto, shopping cart e feed Twitter. Ci sono tutte dotate di controllare per vedere!

Part 1 inizia da zero assoluto in Photoshop, con solo poche risorse fornite dal cliente. Progettiamo la homepage e la pelle per il sito.

Screen shot 2009-10-17 at 4.47.42 PM

Parte 2 mostra come affettare il disegno da Photoshop in XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Parte 3 mostra come convertire in un template WordPress.

Screen shot 2009-10-17 at 4.45.57 PM

Quota

2009 27 Luglio 2009

WordPress Blog dal tuo tutorial di progettazione!

Recentemente ho passato un tutorial di 16 parte su ThemeForest.com e mi è stato illuminato sul processo di prendere il vostro disegno di Photoshop e la sua integrazione in WordPress . Ci sono temi infiniti si possono scegliere per personalizzare il tuo blog, ma per uno stilista o qualcuno che ha già un sito di marca, è importante essere coerenti e unire i due.

E 'ancora in corso, ma siamo tutti in attesa per l'autore Drew Douglas fare in fretta, non vedo l'ora di finire questo già!

In ogni modo, nel leggere il mio blogroll quotidiano di scrittori e designer incredibili informativi, mi sono imbattuto in questo elenco dal sito http://www.noupe.com . Molte grazie per autore Cameron Chapman . Cameron Chapman è uno scrittore, blogger, caporedattore e sociale addict media. È stata la progettazione per più di sei anni e scrivere tutta la sua vita. Se desideri entrare in contatto con lei, la puoi seguire su Twitter o al suo sito personale .

WordPress

WordPress è una piattaforma blogging libero che può essere modificato per essere usato come CMS.

Così si vuole creare temi WordPress eh?

Questo è uno dei più completi WP theme-building tutorial là fuori. Si compone di 25 lezioni separate e spiega come il WP funziona il sistema di templating, The Loop, meta dati postali, moduli di ricerca, calendari, modelli commento e quasi tutto il resto su temi di WP. Se si vuole costruire un tema completamente da zero, questo è il tutorial per mostrare come.

CMS tematizzazione Tutorials

Come creare un tema semplice WordPress

Questa guida fornisce le istruzioni per la creazione di una base, semplice tema WP che include le header.php, index.php e sidebar.php e footer.php file di modello, oltre al foglio di stile. E 'molto semplice e diretto, ma un ottimo punto di partenza, se siete nuovi alla costruzione di temi WP. Le operazioni di base può essere facilmente adattato alla costruzione di temi più complessi.

CMS tematizzazione Tutorials

Come creare un tema WordPress: The Ultimate Tutorial WordPress Theme

Ecco un altro tutorial molto completo, offrendo 11 lezioni su come creare un tema WP. Esso si concentra sulla creazione di un tema con un buon SEO, valido markup semantico e logico, i riferimenti e commenti separati, due aree di widget, e tutte le cose fondamentali che ci si aspetta da un tema WP. Le lezioni sono classificati in ordine logico e includono strumenti di sviluppo a tema e le informazioni relative al modello WP e la struttura delle directory.

CMS tematizzazione Tutorials

Come convertire qualsiasi template web in un tema WordPress

A volte non si vuole progettare un tema da zero. Forse avete trovato il tema perfetto (o progettati), ma è solo un modello regolare non web, un tema WP. Questo tutorial vi mostrerà come convertire tale modello web in un tema WP senza troppi problemi. Esso include anche un link ad un video tutorial che mostra come un modello è stato convertito.

CMS tematizzazione Tutorials

Come creare un tema WordPress da zero

Questo tutorial mostra come prendere una base HTML / CSS template e convertirlo in un tema WP. E 'incredibilmente completo, che copre ogni aspetto della gestione dei temi WP. Spiega inoltre come i temi sono strutturati e come creare i file principali del tema.

CMS tematizzazione Tutorials

Quota