How to convert psd to wordpress template?

rwsorensen

WMS Marketplace Seller
Joined
Mar 12, 2014
Messages
193
Points
18
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

New member
Joined
Feb 15, 2016
Messages
31
Points
0
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

New member
Joined
Feb 3, 2015
Messages
331
Points
0
Thirds WordPress Works on Hooks
What Hooks in Wordpress? Can you share any examples?

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

New member
Joined
Feb 15, 2016
Messages
31
Points
0
[URLnofo]http://html5blank.com/[/URLnofo] 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 [URLnofo]https://developer.wordpress.org/reference/[/URLnofo]

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

Cheers
 

samueldawson

New member
Joined
May 6, 2015
Messages
2
Points
0
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 [URLnf="https://www.behance.net/gallery/31008141/PSD-to-WordPress-Theme-Conversion"]here[/URLnf] to know about how a PSD file are being converted into WordPress theme and templates. It will help a lot.
 
Last edited:
Older threads
Replies
6
Views
2,881
Replies
1
Views
2,117
Replies
2
Views
5,692
Newer threads
Replies
7
Views
3,776
Replies
9
Views
3,974
Replies
1
Views
2,331
Replies
23
Views
11,676
Latest threads
Replies
1
Views
168
Replies
1
Views
444
Replies
4
Views
719
Replies
0
Views
145
Recommended threads
Replies
1
Views
2,761
Replies
3
Views
7,033
Replies
3
Views
1,570

Latest postsNew threads

Referral contests

Referral link for :

Sponsors

Popular tags

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top