Monday, April 23, 2012

Designing for Wordpress

Designing for WordPress
css-tricks.com: Designing for WordPress
English | vp6f, yuv420p, 800×600, 409 kb/s, 6.06 fps | mp3, 44100 Hz, 1 channels, s16, 96 kb/s | 679 MB
Genre: Video Training
Part 1: Running time: 4:27 p.m. 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. Part 2: Running time: 52:48 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. May We get to the finishing touches of Adding the “extra-content” stuff like the Twitter Feed, or That Might be a Part Four. Part 3: Running time: 59:37 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

Older Post:

Newer Post: