Hey guys, in this PSD to WordPress tutorial, I’ll show you how to edit your header.php file by copying over some of our HTML elements from the static build. Some of the clever WordPress PHP tags we’ll leave in, to make the website more dynamic and ‘smart’.


========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to – or

========== Social Links ==========

Twitter – @TheNetNinja –


  1. Hey, and thanks for this tutorial. I have been following and everything is going great so far, but now I cannot get the whitelogo to show in the header. Is it possible you missed something here or in the following steps? Thanks in advance!

  2. Is there a reason why you didn't tranfer the css link to header.php? My site looks ok but css doesn't work properly… do i need to use a template tag for css.
    Btw, thanks for this. Very helpful.


Please enter your comment!
Please enter your name here