Mula sa Photoshop file sa HTML / CSS sa WordPress serye
Mawalan ako ng pagkakaroon ng oras upang basahin ang aking pang-araw-araw na mga blog tulad na ginamit ko upang, ngunit dumating sa kabuuan na ito mahusay na serye mula sa isa ng aking mga paborito: Chris Coyier, na ang isang site CSS-Tricks ay nakatulong sa akin napakalaki.
Sa serye siya ay magdadala sa iyo mula sa disenyo ng proseso ng paggawa ng isang webpage layout, sa proseso pagpipiraso at coding - kung saan gumagawa ng CSS disenyo darating sa buhay. Susunod na siya ay magdadala sa iyo sa pamamagitan ng proseso ng pagsasama na code sa isang CMS (sistema ng pamamahala ng nilalaman) tulad ng WordPress. Sa ganitong paraan lahat (mga post, mga feed, ang mga update) ay dynamic at site malawak. Umaasa ako mong mag-subscribe sa kanyang mga RSS feed, tingnan ang kanyang mga iba pang mga blog at tamasahin ang mga serye.
Nagkomento ko na inaasahan ko nagkaroon ng 4 sa serye upang ipakita sa amin ang proseso sa prepping at encoding ng ang larawan gallery, contact form, shopping cart at Twitter feed. Makikita namin ang lahat upang suriin muli upang makita!
Part 1 ay nagsisimula mula sa ganap na simula sa Photoshop, na may lamang ng ilang mga ibinigay na mga mapagkukunan mula sa kliyente. Namin na disenyo sa homepage at skin para sa site.
Part 2 ay nagpapakita kung paano sa paghiwa-hiwain up ang disenyo mula sa Photoshop sa XHTML / CSS.
Bahagi 3 ay nagpapakita kung paano i-convert ito sa isang template ng WordPress.
