2009 17 oktober 2009

Fra Photoshop-fil til HTML / CSS til WordPress-serien

Screen shot 2009-10-17 at 4.59.04 PM Jeg savner at have tid til at læse mine daglige blogs som jeg vant til, men stødte på denne store serie fra en af mine favoritter: Chris Coyier, hvis en hjemmeside CSS-Tricks har hjulpet mig enormt.

I serien han tager dig fra design processen med at gøre en webside layout, til udskæring og kodning proces - hvor CSS gør designet kommer til live. Dernæst tager han dig gennem processen med at integrere denne kode i et CMS (content management system), som WordPress. På denne måde alt (indlæg, feeds, opdateringer) er dynamiske og webstedet bredt. Jeg håber du abonnere på hans RSS-feed, så tjek hans andre blogs og nyde serien.

Jeg kommenterede, at jeg håbede der var en 4. i serien for at vise os processen i prepping og koder fotogalleriet, kontakt formular, indkøbskurv og Twitter. Vi har alle for at tjekke tilbage for at se!

Del 1 starter fra absolut bunden i Photoshop, med blot nogle få disponible ressourcer fra klienten. Vi designer hjemmesiden og huden for webstedet.

Screen shot 2009-10-17 at 4.47.42 PM

Del 2 viser, hvordan man skære op design fra Photoshop til XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Del 3 viser, hvordan du konvertere det til et WordPress skabelon.

Screen shot 2009-10-17 at 4.45.57 PM

Del

2009 27 jul 2009

WordPress blog fra din Design Tutorials!

Jeg har for nylig gik igennem en 16 del tutorial på ThemeForest.com , og jeg blev oplyst om processen med at tage din Photoshop design og integrere det i WordPress . Der er uendelige temaer du kan vælge fra for at tilpasse din egen blog, men for en designer eller en, der allerede har et websted mærkevarer, er det vigtigt at være konsekvent og fusionere de to.

Det er stadig fortsætter, men vi alle venter på forfatteren Drew Douglas til at skynde sig, kan jeg ikke vente med at afslutte dette allerede!

Anyways, i at læse mit daglige blogroll af utrolige forfattere og informative designere, faldt jeg over denne liste fra webstedet http://www.noupe.com . Mange tak for forfatteren Cameron Chapman . Cameron Chapman er en forfatter, blogger, manuskriptredaktøren, og sociale medier narkoman. Hun har været at designe i mere end seks år og skrive hele hendes liv. Hvis du gerne vil forbinde med hende, kan du følge hende på Twitter eller på hende Personal Website .

WordPress

WordPress er en fri blogging platform, som kan modificeres til anvendelse som en CMS.

Så du vil oprette WordPress temaer huh?

Dette er en af ​​de mest komplette WP tema-building tutorials derude. Den består af 25 separate lektioner og dækker hvordan WP templating systemet fungerer, The Loop, post-meta-data, søge formularer, kalendere, kommentere skabeloner og stort set alt andet omkring temaer i WP. Hvis du ønsker at opbygge et tema helt fra bunden, er dette tutorial til at vise dig hvordan.

CMS Temaer Tutorials

Sådan oprette en simpel WordPress tema

Denne tutorial giver instruktioner til oprettelse af en basal, simpel WP tema, der omfatter header.php og index.php, sidebar.php og Footer.php skabelonfiler, i tillæg til typografiarket. Det er meget simpelt og ligetil, men et godt sted at starte, hvis du er ny til at opbygge WP temaer. De grundlæggende trin kan nemt tilpasses til opbygning af mere komplekse temaer.

CMS Temaer Tutorials

Sådan oprettes en WordPress Tema: The Ultimate WordPress Theme Tutorial

Her er en anden meget komplet tutorial, der giver op 11 lektioner om, hvordan man opretter en WP tema. Den fokuserer på at skabe et tema med god SEO, gyldig og logisk semantisk markup, adskilt trackbacks og kommentarer, to widget områder, og alle de grundlæggende funktioner, du ville forvente fra en WP tema. Undervisningen er ordnet logisk og omfatter tema udviklingsværktøjer og oplysninger om WP skabelon og mappestruktur.

CMS Temaer Tutorials

Sådan konvertere en web-skabelon til en WordPress tema

Sommetider du ikke ønsker at designe et tema fra bunden. Måske har du fundet den perfekte tema (eller designet en), men det er bare en almindelig web-skabelon, ikke en WP tema. Denne tutorial vil vise dig, hvordan du konvertere denne web-skabelon til en WP tema uden for meget besvær. Det indeholder også et link til en video tutorial viser, hvordan en skabelon blev konverteret.

CMS Temaer Tutorials

Sådan oprettes en WordPress Theme fra Scratch

Denne tutorial viser, hvordan man tager en grundlæggende HTML / CSS skabelon og konvertere det til et WP tema. Det er utrolig komplet, der dækker alle aspekter af WP temaName. Det forklarer også, hvordan temaer er struktureret, og hvordan man skaber de centrale temafiler.

CMS Temaer Tutorials

Del