2009 Okt 17 2009

Mula sa Photoshop file sa HTML / CSS sa WordPress serye

Screen shot 2009-10-17 at 4.59.04 PM Miss pagkakaroon ko 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 sa aking mga paborito: Chris Coyier, na ang isang site CSS-Tricks ay nakatulong sa akin napakalaki.

Sa mga serye siya ay magdadala sa iyo mula sa disenyo ng proseso ng paggawa ng isang webpage layout, ang pagpipiraso at pagkukudigo ng proseso - kung saan gumagawa ng CSS disenyo ang dumating 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 ang lahat ng (mga post, mga feed, ang mga update) ay dynamic at site malawak. Umaasa ako sa iyo ng mag-subscribe sa kanyang mga RSS feed, tingnan ang kanyang 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 pag-encode ng ang larawan gallery, contact form, shopping cart at Twitter feed. Makikita namin ang lahat upang suriin upang makita!

Bahagi 1 ay nagsisimula mula sa ganap na simula sa Photoshop, na may lamang ng ilang mga ibinigay na mga mapagkukunan mula sa client. Namin na disenyo ang homepage at balat para sa site.

Screen shot 2009-10-17 at 4.47.42 PM

Bahagi 2 ay nagpapakita kung paano pagpira-pirasuhin ang disenyo mula sa Photoshop sa XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Bahagi 3 ay nagpapakita kung paano i-convert ito sa isang template ng WordPress.

Screen shot 2009-10-17 at 4.45.57 PM

Ibahagi

2009 Jul 27 2009

WordPress Blog mula sa iyong mga Tutorial sa Design!

Kamakailan ay nagpunta ako sa pamamagitan ng 16 bahagi ng tutorial sa ThemeForest.com at ako ay napaliwanagan sa proseso ng pagkuha ng iyong mga Photoshop disenyo at pagsasama ng ito sa WordPress . May mga walang katapusang mga tema na maaari kang pumili mula sa upang ipasadya ang iyong sariling blog, ngunit para sa isang designer o isang tao na mayroon ang isang site Branded, ito ay mahalaga upang maging pare-pareho at pagsamahin ang dalawa.

Pa rin ito ay magpatuloy, ngunit lahat kami ay naghihintay para sa may-akda Drew Douglas upang magmadali, hindi ko maghintay upang matapos ito na!

Anyways, sa pagbabasa ng aking pang-araw-araw na blogroll ng mga di-kapanipaniwalang manunulat at mga kaalaman na designer, ako ay dumating sa buong listahan na ito mula sa site http://www.noupe.com . Maraming salamat para sa may-akda Cameron Chapman . Cameron Chapman ay isang manunulat, blogger, copyeditor, at social media sa telebisyon. Siya ay na-pagdisenyo para sa higit sa anim na taon at pagsulat ng kanyang buong buhay. Kung gusto mo upang kumonekta sa kanyang, maaari mong sundin sa kanya sa Twitter o sa kanyang Personal Website .

WordPress

WordPress ay isang libreng blogging platform na maaaring mabago upang magamit bilang isang CMS.

Kaya nais mong lumikha ng mga tema WordPress huh?

Ito ay isa sa mga pinaka-kumpletong WP tema-gusali tutorial out doon. Ito ay binubuo ng 25 magkahiwalay na mga aralin at sumasaklaw kung paano ang WP ng templating gawa sistema, Ang Umikot, post meta data, mga form sa paghahanap, kalendaryo, mga template ng komento at medyo magkano ang lahat ng iba pa tungkol sa mga tema sa WP. Kung nais mong bumuo ng isang tema mula sa simula, ito ay ang tutorial upang ipakita sa iyo kung paano.

CMS Theming Tutorial

Kung paano lumikha ng isang simpleng tema WordPress

Ang tutorial na ito ay nagbibigay ng mga tagubilin para sa paglikha ng isang basic, simpleng WP tema na kasama ang mga header.php, index.php, sidebar.php at footer.php file ng template, sa karagdagan sa estilo ng sheet. Ito ay napaka-simple at tuwid-pasulong, ngunit isang mahusay na lugar upang magsimula kapag ikaw ay bago sa paggawa ng tema WP. Ang mga pangunahing hakbang ay madaling iniangkop sa pagbuo ng mas kumplikadong tema.

CMS Theming Tutorial

Paano Upang Gumawa ng isang WordPress Tema: Ang tunay na WordPress Theme Tutorial

Narito ang ibang kumpletong tutorial, nag-aalok ng 11 mga aralin sa kung paano lumikha ng isang tema ng WP. Ito ay nakatuon sa paglikha ng isang tema na may mahusay na SEO, wasto at lohikal semantiko markup, na pinaghiwalay trackbacks at komento, dalawang widget lugar, at ang lahat ng mga pangunahing kaalaman na gusto mong asahan mula sa isang tema WP. Ang mga aralin ay iniutos lohikal at isama ang mga kasangkapan sa pagbuo ng tema at impormasyon tungkol sa mga template ng WP at direktoryo ng istraktura.

CMS Theming Tutorial

Paano i-convert ang anumang mga web template sa isang tema ng WordPress

Minsan hindi mo nais na disenyo ng isang tema mula sa simula. Siguro mo natagpuan ang perpektong tema (o na dinisenyo isa), ngunit ito ay lamang ng isang regular na web template, hindi isang tema ng WP. Tutorial na ito ay magpapakita sa iyo kung paano i-convert na web template sa isang tema ng WP walang masyadong magkano ang problema. Kabilang din ito ng isang link sa isang video tutorial na nagpapakita kung paano ang isang template ay convert.

CMS Theming Tutorial

Paano Gumawa ng isang WordPress Theme mula sa simula

Ang tutorial na ito ay nagpapakita kung paano gumawa ng isang basic HTML / CSS template at i-convert ito sa isang tema WP. Ito ay hindi mapaniniwalaan o kapani-paniwala kumpleto, sumasaklaw sa bawat aspeto ng WP theming. Ito rin ay nagpapaliwanag kung paano tema ay nakabalangkas at kung paano upang lumikha ng mga ang core tema file.

CMS Theming Tutorial

Ibahagi