• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Converting a Layout to a WordPress theme
 

Converting a Layout to a WordPress theme

on

  • 1,815 views

Slides from my presentation at WordCamp Philly 2011.

Slides from my presentation at WordCamp Philly 2011.

Statistics

Views

Total Views
1,815
Views on SlideShare
1,568
Embed Views
247

Actions

Likes
1
Downloads
22
Comments
0

4 Embeds 247

http://jayvie.com 215
http://wpslide.com 15
http://syahroniwahyu.wordpress.com 14
https://twitter.com 3

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Converting a Layout to a WordPress theme Converting a Layout to a WordPress theme Presentation Transcript

    • Converting a layout to WP theme by Jayvie Canono for WordCamp Philly 2011Monday, November 7, 2011
    • Why are we here? Explore the design workflow Make things easier for designers Make things easier for designersMonday, November 7, 2011
    • Who are we? Different skillsets: Print background PSD only PSD, CSS & HTML and/or WordPress theme Can, but won’t (specialization/agency structure) Can and does. (Congratulations!)Monday, November 7, 2011
    • Different workflows General processes: sales talk - proposal - signed contract - wireframe (optional) - PSD mockup - revisions - HTML/CSS - WordPress theme sales talk - proposal - signed contract - WordPress theme - add on graphics - screenshots - revisions - payment - delivery Large agencies have multiple layers of approval Freelancers can play fast and loose with steps Collaborative work develops workflows based on playersMonday, November 7, 2011
    • From mockup to WordPress theme Your responsibilities as a designer: make it easy for your developer to code your layout. If you understand how markup and theme files relate, you can layer your PSDs accordingly Understanding CSS helps you coordinate with the dev for repeating elements (classes) Use proper measurements for mockupMonday, November 7, 2011
    • What are we slicing today?Monday, November 7, 2011
    • Translated into HTMLMonday, November 7, 2011
    • Translated into theme filesMonday, November 7, 2011
    • How it’s layered in PhotoshopMonday, November 7, 2011
    • Theme DirectoryMonday, November 7, 2011