New Screencast: Designing for Wordpress: Part One
WordPress is a hugely popular CMS for blogging. The blog section of CSS-Tricks is run on WordPress and I am very happy with it. By popular request, we are going to walk through designing for WordPress. In part one, we will be downloading and installing WordPress. Then we will install the “Starkers” theme by Elliot Jay Stocks to start with a completely fresh slate for our new design. No sense starting with the default theme, it’s more trouble than it’s worth! In part two, we will go over the theory behind designing for WordPress and how it’s much like “working modularly” and actually get started designing. In part three, we will finish up the design and start in with some more advanced functionality.















1
This is going to be huge, man! Very good Screencast, as always!
Comment by Marcus André — July 3, 2008 @ 6:47 am
2
Can’t wait to see the next two screencasts!
Comment by Patrick — July 3, 2008 @ 7:47 am
3
Looking forward to this series. However I would like to see more fluid screencasts with less bumbling around.
Good job,
Krod
Comment by Krod — July 3, 2008 @ 8:44 am
4
Awesome, this comes very timely as I have just been looking at using WordPress for a project. It looks very easy so far. Hurry up with the rest man!
Comment by Aaron B — July 3, 2008 @ 9:42 am
5
ah yes! been waiting for this one. your screencasts are the bomb! keep up the good work. look forward to more.
Comment by Ralph — July 3, 2008 @ 10:22 am
6
This is exactly what I’ve been looking for. I’m new to this blog thing, but I’ve been researching blogs and WordPress for about three weeks now. I’ve installed WP with my web host, and now I’m at the stage where I’m trying to decide on a theme to build off of, so it looks like I’m just in time for your tutorial series. Looking forward to the next video - Thanks!
Comment by Kostandinos — July 3, 2008 @ 11:22 am
7
Thanks for another educational trip — I am glad you let us follow along. As for the ‘bumbling around’, I say keep it — it works. I like the real-life aspect and if you make a mistake and I see how you fix it, I know what to do when I make the same mistake. Dont rush through it, just explain what went wrong and why, then fix it and move on. Slick and glossy only shows me how it is supposed to work, not how it works in the real world. I cannot wait for the next installment.
Comment by RePhil — July 3, 2008 @ 12:05 pm
8
To keep your FTP server a bit more cleanly. Rather than installing ALL the WordPress files to your parent folder… You could have created a /blog directory (like you mentioned) and then just created an index.php page in the parent directory that “gets” /blog/index.php. Then youd only have one index page in the parent directory, and all your wordpress stuff in one single folder.
The starkers theme seems like a good find. Thanks for that.
Ill stay tune for the rest of your screencasts, this seems like its going to be good :).
Comment by Alex — July 3, 2008 @ 12:23 pm
9
This is really useful! Thanks for this screencast, really useful initiative. Wish you best of luck with the following screencasts
All the best,
Valentin.
Comment by Valcho — July 3, 2008 @ 12:28 pm
10
Once again you have provided tutorial for things I have been hunting for and only found pieces of elsewhere. Thank you!
Comment by David — July 3, 2008 @ 2:48 pm
11
Great screencast, looking forward to the rest!
Comment by Damien — July 3, 2008 @ 6:39 pm
12
Chris–thanks for sharing info on Wordpress! I’ve spent a ton of time and headaches trying to figure out how to wrangle Wordpress into a content management system. I’ve learned quite a bit but am really looking forward to what you have to offer. Please share as much as you can on this topic. This and your other screencasts, especially the recent jQuery tutorial are very much appreciated!
Comment by Jim — July 3, 2008 @ 9:22 pm
13
Yes. Please continue as soon as possible ^-^
I’d love the get videoguided into slicing things up for wordpress.
Thanks in advance.
Comment by Patte — July 5, 2008 @ 11:06 am
14
As with the others, perfect timing for this screencast. I’m itching to see the rest!! thanks!
Comment by nick5185 — July 5, 2008 @ 11:47 am
15
Great video. I think it is going to show people how easy it is for wordpress to be brought into web design. Good job.
Comment by Patrick — July 6, 2008 @ 6:38 pm
16
I’m looking forward to the rest of the series! Keep ‘em comin’!
Comment by Minneapolis Website Design — July 6, 2008 @ 10:17 pm
17
Perfect timing as usual Chris, keep ‘em coming, cant wait to get going with the next WP podcast !
. . . . Sorry Krod, I’m with RePhil on the so called ‘bumbling’, keep it real Chris !
Comment by nixgrafix — July 7, 2008 @ 10:50 am
18
This is a tight screencast. As others, I have been attempting to learn wordpress as a cms but when I saw this screencast I thought “This is perfect.” Bring on the rest man. Bring it on!
Comment by Verious Smith — July 7, 2008 @ 4:02 pm
19
Excellent stuff. Just about to convert my website (hunkof junk) into a full WP portfolio/blog site. This is just what i need to save me from all those pitfalls. When’s the new screencast out?
Comment by Dave — July 8, 2008 @ 2:02 am
20
Brilliant. I’ve been playing around with wordpress recently. Cool screencast mate! keep it up
Comment by Matthew Adams — July 8, 2008 @ 2:57 am
21
Hopefully you are willing to complete this serie. I just went through 1 german tutorial which wasn’t helpfull at all and was full of unnecessary information. Whatever. Just do it, i know your other screencast, and if this one will be anything like them, then you will do a great job on it.
A lot of people will benefit from it,, since it is so hard to find a tutorial on customizing wordpress to yoiur needs.
Comment by Ottmar — July 8, 2008 @ 6:14 am
22
Amazing just love it.
n just in time.
when is the next one coming?
Comment by Fouad Masoud — July 9, 2008 @ 3:32 am
23
Superb work dude! I’ve been searching for these tuts for months. Thanks! I’m really looking forward to seeing the next tut. Greez from Austria.
Comment by Hans — July 9, 2008 @ 10:57 am
24
This is a great screen cast. Always looking for ways to improve my Wordpress customization. I would also like to point out “The sandbox” theme. It too “resets” your blog and has plenty of hooks that can be used.I have read a lot about people use “the sandbox” and Blueprint CSS framework to quickly customize Wordpress blogs. Thanks again!
http://code.google.com/p/blueprintcss/
http://www.plaintxt.org/themes/sandbox/
Comment by badger — July 9, 2008 @ 12:16 pm
25
Thank you so much, this will be very helpfull to me.
James
Comment by James Mare — July 10, 2008 @ 12:24 am
26
This has just been ridiculously helpful. Thanks so much for taking the time to do this.
Comment by Tony Bricko — August 6, 2008 @ 10:00 pm
27
My wordpress does not seem to rcognize the ‘Starkers’ theme. Does anybody else have this problem?
Other themes are recognised fine.
Comment by Richard — August 22, 2008 @ 10:31 am