CSS-Tricks: Designing for WordPress Part One of Three
Published
January 23, 2009
In this first of a three part series on designing for WordPress, Chris Coyier of CSS-Tricks.com walks you through downloading and installing WordPress, and laying the foundations for creating a theme.
For links to downloadable files and video, visit the original CSS-Tricks post
Speakers
Tags
Download
Subtitles
Subtitle this video →Producer
An 
Joint
WordPress.tv 
January 23, 2009 at 7:32 am |
Very cool!
LikeLike
September 27, 2009 at 12:42 am |
i agree
LikeLike
January 23, 2009 at 10:17 am |
Ok, I will come back when my brain isn’t fatigued. Your voice is perfect. I like the screen view as you progress through the steps. I want to learn CSS but I can see that I need to install a few programs to follow along such as…where you stored the code when you downloaded the info in the first step. I’ll be back.
LikeLike
January 23, 2009 at 5:27 pm |
I downloaded all the high-res movies of this series (pts 1-3). Haven’t looked at them yet. But I am curious to know if any of these deal specifically with creating a WordPress theme from scratch or do they just take apart an existing WP theme and then teach you how to reconstruct it with your own header images, text stylings, etc?
LikeLike
March 2, 2009 at 5:14 am |
That’s the purpose of taking apart the Starker’s theme, Edmund. Yes, Starker’s is a theme, and yes we are going to dissect it and add our own styling to it, but if you load and apply the Starker’s theme, you will see that it REALLY does NOT get much more basic than that! It’s virtually formatting, styling and CSS free, but the files are there standing by for you to add/edit and customize to your heart’s content.
LikeLike
January 23, 2009 at 6:10 pm |
Even though you say your site didn’t get much traffic, It took guts for you to zap your entire directory live for the sake of your students. I respect that. Nice work indeed.
Shane Arthur
twitter: shanearthur
LikeLike
January 23, 2009 at 6:51 pm |
Why is is that your main Dashboard looks a lot different than mine? Mine doesn’t have big buttons that say Create New Page and Write a New Post.
LikeLike
January 23, 2009 at 8:00 pm |
Actually, no offense this confused me more. I wasn’t interested in creating my own from scratch. What I need may not be available. I am looking to work with in the word press templates provided.
Your info was great tho!
thanks,
Deb
LikeLike
January 24, 2009 at 11:43 am |
classic video
LikeLike
January 24, 2009 at 12:38 pm |
Very good! I’m Thank you.
LikeLike
January 24, 2009 at 5:38 pm |
Chris, this is really helpful. I’m actually going through your stuff. I love the open, free way you’re doing the training. I’m working a lot with charities and helping them get their voices out there on the web so you can bet I’ll be sending people your way!
LikeLike
January 24, 2009 at 5:39 pm |
PS. Are you born and raised in Portland? I can hear a hint of Cananda there somewhere. (My wife swears you must be from Saskatchewan…)
LikeLike
February 12, 2009 at 9:28 pm |
Wisconsin, actually =)
LikeLike
January 24, 2009 at 9:49 pm |
I installed the blank theme file and uploaded the file and see it in my directory but I go to my wp-admin website and I do not see the theme showing up as the video stated. Can anyone point me in the right direction?
LikeLike
January 25, 2009 at 9:53 am |
Thanks a lot for this!!
I’ve been searching like CRAZZYYY!!!
I ā¤ you!!
LikeLike
January 25, 2009 at 5:53 pm |
Is there a print out I can down load? I need step by step instructions.I can’t follow you as you speek.Also you are out of focus,I can’t see what you are doing.
LikeLike
January 26, 2009 at 5:31 am |
Jeffrey – I’d recommend checking out the original, higher resolution version of Chris’s video at CSS-Tricks. There’s a link up there in the sidebar.
LikeLike
January 25, 2009 at 7:34 pm |
I’m not clear on how this relates to those of us building from scratch. When I started my blog through wordpress, I didn’t have to download their software. Forums say that other themes, i.e. Starker’s, can’t be imported. Does this advise only apply if I am hosted elsewhere?
LikeLike
January 26, 2009 at 5:24 am |
Hi Laura – you can’t build themes from scratch as a WordPress.com user. The nearest you’ll get is to customize the style sheet of a current theme via the CSS Upgrade.
LikeLike
January 31, 2009 at 5:14 am |
Hi…this is great. Exactly what I’m looking for! I’m curious to find out what kind of screen casting software you used to make the videos…
Alvin.
LikeLike
February 17, 2009 at 3:11 pm |
Great tutorial, nice and clear..
..on to the second video..
LikeLike
March 22, 2009 at 9:15 am |
wow, great jop people
i loved these videos
thanks a lot, keep going
LikeLike
April 17, 2009 at 3:40 pm |
Good video. New to wordpress. Thanks for answering some of the questions on install. Please keep them coming.
LikeLike
May 25, 2009 at 1:25 am |
Very nicely done and very helpful.
LikeLike
August 26, 2009 at 11:09 am |
clearly, easy to understand,thank you for video
LikeLike
September 24, 2009 at 4:43 am |
Okay, would be nice, but I see no where on WordPress where I can download. It all seems to be in-broweser.
Is there any videos for a newbie?
LikeLike
October 8, 2009 at 11:05 pm |
This is great. exactly what I’m looking for. It seems a bit like using the Zen theme in Drupal. High hopes for the rest of your series! One question: what is the “global reset” you pointed out in the code?
Thanks so much!
LikeLike
December 11, 2009 at 8:08 pm |
Great vid. Chris always creates great, informative screencasts with an easy-going feel.
LikeLike
January 9, 2010 at 9:41 pm |
Thank Chris, good tutorial. I don’t have much CSS experience so I’m looking forward to seeing the next few videos. So far so good, I have a blank WordPress theme uploaded.
LikeLike
January 17, 2010 at 6:01 pm |
Great job.
Excellent videos.
LikeLike
February 21, 2010 at 6:23 pm |
great video. thanks, John
LikeLike
March 26, 2010 at 5:27 pm |
I’ve designed websites for a living (using FrontPage software and I alter HTML and CSS manually). All the same, I find this video very difficult to follow. I downloaded the wordpress folder (as directed) but then the instructions totally lost me with the upload via some program on Mac (when I have a PC).
Very frustrating as I would JUST LIKE TO BE ABLE TO MANUALLY CHANGE THE EXISTING CODE ON MY CURRENT BLOG. Who needs all this crazy around the bend and down the way instruction that makes no sense (I don’t care how many times I replay this video … there are simply too many steps missing)!
LikeLike
March 7, 2011 at 7:26 am |
Nice Video. Thanks.
LikeLike