Premium Wordpress Design (Part 4)

Part 4 | Coding the HTML.

January 30, 2009 by Gary Simon

Source here.

This is the second step in the html/css’izing process of a layout.  Follow along as I explain and code out the HTML for the premium wordpress theme design.

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

Comments

Jonas
January 30, 2009

Hi, just wanna ask you about a few things in this video.

How come you use for the contents in the content (both image and text) instead of ? Is it better somehow?

How come you save it as .php instead of, for example, .html?

Really nice vids anyway, keep ‘em coming!

// Jonas (A webdesigner in progress)

ddamir
January 30, 2009

Thanks for source.Nice tut.

clayton
January 30, 2009

Another great tutorial. Thanks for the hardwork… looking forward to learning the CSS next!

trikkky
January 30, 2009

after watching your tutorials , They are clear straight to the point and no jibberish!!! i think they are great.

p.s does jonas actually know what wordpress is ??? php?

Jonas
January 30, 2009

I probably don’t =/ Have never seen that “title” before, neither have i gotten an explanation of it. Thats why I asked about it. “You’ll never know unless you ask”. I am a beginner in the whole busniness-webdesign-crap and have only done a few websites and portfolios in school. =)

Gary Simon
January 30, 2009

Jonas, “How come you use for the contents in the content (both image and text) instead of ?” Did you try to paste code or something? Because there’s nothing between “of” and “?”. Clarify and I can answer your question.

And I use PHP because later on it allows me to execute any php code / includes.

Jonas
January 30, 2009

Oh crap, saw that now :S It’s supposed to be: “How come you use p-tags for the contents in the content (both image and text) instead of div-tags?”

Would you recommend a “new” webdesigner to learn PHP?

Rolando Mota
January 31, 2009

Very good tutorial, one minimal thing i would like to suggest is using comments on the source code to identify where one element starts and ends - it does get pretty bewildering, specially if you start incorporating other languages…

Thanks once again for your work, can’t wait for part 5!

Smoq
January 31, 2009

first tutorial i had problems with, but just because you sometimes zoomed at the wrong spots. but i have never written any word in html before, and ended up having the same result as you after about an hour.. so: awesome tutorials, like im used to (:

Grizzdj
January 31, 2009

Great tutorial! It’s helping me to understand ’s a little more (I get the concept, but have a hard time putting it into practice). Can’t wait to see how it will all come together for use in Wordpress. Thanks a lot and keep ‘em coming!

Grizzdj
January 31, 2009

Edit previous post: Great tutorial! It’s helping me to understand DIV’s a little more

Leejin
February 2, 2009

Amazing, I’m learning more on my lunch breaks then I am at my HTML class at night. Thanks…

baloch
February 2, 2009

great tutorials simon…been keeping watch.
Just wondering if you are going to code this as an actual wordpress theme and not just a template. thanks

Gary Simon
February 2, 2009

baloch, yep I’m going to show the wordpress integration for the final step.

MissRisa
February 3, 2009

Oh good I was wondering about that too. I know a bit of PHP but haven’t tackled wordpress for fear of destroying my blog lol.
Can’t wait for the last bit!! Keep them comin.

Eric
February 3, 2009

I… love you.

Michael Elliott
February 5, 2009

can’t wait till part 5

Danito
February 6, 2009

Very nice tuts!

Great job !

I’m very interesting by part 5

I’m a French addict

suedecrush
February 6, 2009

Looking forward to Part 5! I’ve been looking for the a video tutorial on WP integration and creating the PHP files from an existing HTML/CSS site. I hope you post this soon. Your videos are a riot! :)

Fredrik
February 7, 2009

You´re amazing…Can´t wait for tut #5.

Have a good one

phil
February 9, 2009

Please post part 5 for tomorrow lol I have a day off from work, would love to get some CSS going! :P

Galtskake
April 9, 2009

hmm. love it ))

Gabeanevy
April 16, 2009

mm… really like it..

[...] View Tutorial No Comment var addthis_pub=”izwan00″; BOOKMARK This entry was posted on Thursday, June 4th, 2009 at 2:27 am and is filed under Html Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. [...]

Leave a comment

(required)

(required)


flyer templates