How to convert psd to wordpress template?

rwsorensen · Feb 20, 2016

I have a landing page and I want to use the same design for a report. The idea is that I would convert the landing page PSD to Wordpress template. I tried the service Online Convert, but the output was a mess and the design was not even copied.

Have any of you had to do this before? Any advice as to what steps I need to do to convert an PSD file to a Wordpress template for editing?

merapata · Feb 21, 2016

IT not that hard but it not so easy

First your should know HTML and CSS
Second You should aware of Little Basics PHP
Thirds WordPress Works on Hooks

First of all make html and CSS layout of your PSD make sure you create it as you want it must check px and proper place of content.

Then You Just have to copy past some part of Design for that first you need blank WordPress Theme file which available on web for free

After that you have to replace style CSS with your CSS and next you have to replace parts of webpage e.g. header, footer , keep content place empty because in WordPress you have to work on design and Menus only rest web-hooks do it self.

This simple guide rest better you see basic template converter videos on YouTube.

Hope this little guide give you startup idea

#Cheers

Harry P · Feb 21, 2016

merapata said:
Thirds WordPress Works on Hooks

What Hooks in Wordpress? Can you share any examples?

merapata said:
Then You Just have to copy past some part of Design for that first you need blank WordPress Theme file which available on web for free

I heard about a blank wordpress theme for theme developer but not ever seen or used it before. Does it have a standard blank theme that you knew?

merapata · Feb 21, 2016

http://html5blank.com/ is ideal for you to starts with it's html blank WordPress files there

hooks are like php code where you can call property which you enter in back-end e.g. when you create page in back end where you write tittle add content add future image.

in theme template you just have t add little codes to call that content e.g. <?php get_template_part( 'menu', 'Main' ); ?> with this you can pull your Main menu so you put this code in header where you want as per your HTML

more hooks you find here https://developer.wordpress.org/reference/

Here 6 or 7 videos complete guide PSD to WordPress
https://www.youtube.com/watch?v=JVsa2ZGVDXY&list=PL_r0DNIBdlzbo9Jnbgp0BWFGzAORgRima

Cheers

samueldawson · Feb 24, 2016

First of all you need to slice all PSDs and then make a separate segment of it, so that it will help you in managing few things simultaneously. After that put that sliced PSD into the theme in WordPress with the help of a designer which can help you in this process because neat & clean hand coding helps in this area. If you still face any problem then you can visit here to know about how a PSD file are being converted into WordPress theme and templates. It will help a lot.

How to convert psd to wordpress template?

rwsorensen

Well-known member

merapata

Member

Harry P

Well-known member

merapata

Member

samueldawson

New member

Latest posts New threads

Latest posts

New threads

Latest Hosting Offers New Reviews

Latest hosting offers

Popular Contributors - Past 30 Days

Sponsors

Tag Cloud