#26: Designing for Wordpress: Part Two
* 11/15/2008 — 33 Comments *
We have WordPress installed, now let’s really get our hands dirty and start getting WordPress to do what we want it to do. We start by poking around the backend activating some plugins, changing some settings and creating posts/pages. Then we take a look at the Photoshop design and note some of the important aspects. Layout, color palette and font choices are all imporant things to consider as well as the overall feel. WordPress sites don’t need to scream “Blog!” unless you want them to. Then we take a look at the modular nature of a WordPress theme and start altering the markup of the files and writing CSS. In part three, we will continue touching up the design, adding details and content. We may get to the finishing touches of adding the “extra-content” stuff like the Twitter feed, or that might be a part four.
Running time: 53 minutes
Direct Download: High Quality, Quicktime .M4V Format (AppleTV Ready)
Links from video:
Get the Flash Player to see this player.
Loading ...
This is absolutely, 100 per cent wonderful. Beautiful. I thank you.
Definitely helpful. WordPress is quite scalable; it's a must know if you want to blog… even build websites.
That was great!! I learn alot thanks!
Hi< Thank you so much for including this, you are a legend! Cant wait to see the next installment!
Great video Chris! Is it possible to get the psd of the layout so it's a little easier to follow along with the tutorial?
Thank you so much for these videos on WP. I am just starting out with my blog on a new host and was totally lost. You have helped me alot already and I’ve not even seen the 3rd one yet. Great Stuff, and you instruct in a way where I don’t feel like I am overwhelemd with the whole process. Again thank you for doing these and look forward to seeing more of your stuff.
Chris, this screen cast, heck your entire site, has been fantastic for me. Thanks for all of the effort.
Today I was following this tutorial, action by action, and somehow I ended up “Page” links appearing in my header area, right below the blog description???
They appear again, as they should, below the search box and under the pages heading, but these magic links that just appeared, I have not clue how to get rid of them.
You can see the “opportunity” ;) on the raw site at http://moviepals.net/index.php
Thanks for any help you can provide.
eric
ugh, going to double comment here.
Seems that the extra “Pages” links only appear with the starkers theme, if I go default or with WP Classic they do not appear.
hmmmmmmmm
eric
You make it look so easy. I really have picked up some great stuff from your tutorials. Kudos to you and keep it coming…
Thank You for putting these videos together. I’ve been watching these several times over just getting my head around putting things together with CSS. It always seems to be 500% easier to follow along with the videos than learn from books. I’ve even taken several web development classes, and they sorta gloss over the CSS part. Thank You again.
Is it possible to get your standard css reset?
I’m coming to this tutorial a little late and notice there is no link to part 1 or part 3. Off to google to find it, but it might make it easier for your site visitors if the link was already there.
Hi,
Thank you for a lot of really good stuff! Keep it coming…
Cheers,
Jennifer
Can you post your reset css?
Hi Chris,
Thanks for the great video. Just a note to anyone watching this and having trouble with the footer not sticking to the bottom of the page make sure you close the div in the socialsidebar.php
Not sure if you did that in the video Chris but I was having such a hard time figuring out why it wasn’t working. Yes I’m a newbie so divs are really giving me trouble.