#27: Designing for Wordpress: Part Three

* 11/15/2008  —  29 Comments *

by: Chris Coyier

In part three of this series, we finish up the structure of the site and start diving into the details. The typography is set up, the right sidebar is set up, and the footer if flushed out. Then we use SimplePie to pull in the external RSS feed and jQuery to pull in the “social” stuff. Not exactly WordPress related, but I warned you! Then we look at styling up the rest of the WordPress layout types like Single pages (with comment styling) and Pages. At the end we pop open the design in a bunch of different browsers to see how it holds up.

Running time: 59 minutes

Direct Download: High Quality, Quicktime .M4V Format (AppleTV Ready)

Links from video:

Get the Flash Player to see this player.

Responses

  1. ariyo says:

    I don't know how many times I have watched these series of WP. I never get tired. They are so useful to me. Thanks A LOT Chris. Keep up the good work

  2. azmodan says:

    Oops! I'm sorry, you're right.

  3. azmodan says:

    What is the name of the font you're using on the title of your template?

  4. YAHVINAH says:

    I think he said that the font was called agenda!

  5. Nikhil says:

    Incredible video series – thanks so much Chris!

  6. blurred says:

    That was one awesome video series , thanks chris for all the work :)

  7. daniel says:

    Chris, I really have to say you did an excellent job. Wish more stuff from you …

  8. Tim says:

    Chris, thank you very much for this series. I’ve dabbled with WordPress for a while but never got into it properly because I came up against too many headaches trying to amend the default theme so I always reverted to building my sites manually as the blogging component is only a small part of the sites I build.

    Your series showed me everything I needed to know to create a theme from scratch and also gave me a really good steer to Starkers. This has enabled me to really get to grips with WordPress so I can now use it to build normal (static pages) sites with integrated blog content, rather than conventional blog sites.

    I’ve just completed the first one. I followed everything you said in your series and really encountered no problems at all. I did a couple of extra things – listed the latest blog posts on the static front page and customised the header template to allow me to control the meta tags for better SEO.

    Most of the work was (as usual) taming the CSS to layout the static pages – the rest of it was a breeze thanks to your great explanation.

    Take a look if you like: http://www.theadwordsexpert.co.uk

    It’s only just gone up and I’ve a lot still to do but it’s really been very easy thanks to you.

  9. Scott says:

    Thanks man this series has helped me out so much!

  10. Marc Brigham says:

    Chris thank you for making the series of wordpress tutorials. I would love to see some more. I subscribed to your rss and I use Viigo so I check your site almost every day on my blackberry. Love the site and keep up the great work. I am working on making my own wordpress theme for the first time and tutorials will really help me out.

    Thanks

  11. Yep, really helpful videos for the new comer and even for wordpress experts who want to go back to basics.

    Thanks alot!

  12. Tom Barnes says:

    Excellent work! Thanks so much!

  13. 纹身 says:

    Excellent work! Thanks so much!

  14. Hi,

    Thank you so mcuh. This video tutorials really helped me a lot since i don’t know much about wordpress. This is really great stuff!

  15. Hey, Chris. Thanks for this series. I had to build a new WP blog from scratch with almost no idea how to start and your videos were pure gold.

    If I had one suggestion, it would be to make them available for download in some form. I’ve watched them many times and each time I have to wait for the video to preload before I can skip to the place I left off. A minor quibble about some great videos.