Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Posted by franceskos
franceskos
2,169 Points

Which is the best way to convert a PSD theme into a Responsive Wordpress theme?

PSD to Wordpress!

1 Answer

Austin Whipple
Austin Whipple
29,725 Points
Austin Whipple
Austin Whipple
29,725 Points

Complicated question. General steps from design comps to a WordPress theme:

  1. Export any necessary image assets from Photoshop file.
  2. Build HTML/CSS files of any necessary page templates using exported assets and clean, modern code.
  3. Add WordPress loop and other functionality to the HTML/CSS files (some then become .php files).

Steps two and three can and often are combined to reduce unnecessary work. You could also track down a theme that comes close to your intended design and adjust it using a child theme. This can often save time on simple site builds that don't require an immense amount of specialized development.

Zac Gordon
Zac Gordon
Treehouse Guest Teacher
Zac Gordon
Zac Gordon
Treehouse Guest Teacher

Agreed.

Build the responsive prototype with HTML/CSS/JS first then port it into a WordPress theme as we do in our theme tutorials.