Designing for Wordpress
Category: Tutorials
- views: 1 876
- date: 10 March 2012
- posted by: auto-im
css-tricks.com: Designing for Wordpress
English | vp6f, yuv420p, 800x600, 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
We need your support!
Make a donation to help us stay online
Bitcoin (BTC)
bc1q08g9d22cxkawsjlf8etuek2pc9n2a3hs4cdrld
Bitcoin Cash (BCH)
qqvwexzhvgauxq2apgc4j0ewvcak6hh6lsnzmvtkem
Ethereum (ETH)
0xb55513D2c91A6e3c497621644ec99e206CDaf239
Litecoin (LTC)
ltc1qt6g2trfv9tjs4qj68sqc4uf0ukvc9jpnsyt59u
USDT (ERC20)
0xb55513D2c91A6e3c497621644ec99e206CDaf239
USDT (TRC20)
TYdPNrz7v1P9riWBWZ317oBgJueheGjATm
Information |
|||
 |
Users of GUESTS are not allowed to comment this publication. | ||