CSS-Tricks

#27: Designing for Wordpress: Part Three

* 11/15/2008  —  13 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.


Bookmark at Delicious Digg this! Stumble this! Submit to DesignFloat Submit to DZone Share on Reddit Bookmark on Google Bookmarks

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!


Leave a Comment

Save time next time! (You won't have to fill out all these fields) Register | Login

Gravatar

Your Name
1/5/2009