Next, I'll go through what I feel are the most popular tricks used in website design today. Most of these design techniques are easily incorporated into WordPress, as they're handled 100% via CSS. A few items will require you to think and plan ahead, as you'll need to make sure the WordPress template code accommodates the effect. The best thing is, if you can implement these techniques into a WordPress template, you can implement them into any website.
If you want to be able to do whatever you want in a site's design, get your head around these top five techniques that we'll go over in detail:
• Backgrounds: If you haven't already realized this by now, about 98% of the CSS that makes your WordPress template look great is dependent on how creative you get with the CSS background properties of your XHTML objects, classes, and id rules.
• Lists: You need to know how to style them horizontally and vertically as well as using background images.
• Rounded corners: We'll cover a couple of ways to tackle this. Again, it all centers around knowing the background property.
• Text image replacement: And yet again, like the rounded corner technique, the more you understand about the background property, the better.
• Learn your image editor inside and out: This is not a specific "web technique", but it is what will set you apart. Photoshop, Fireworks, GIMP, Illustrator, or Inkscape, whichever your editor of choice is, once you have a handle on controlling your layout with XHTML and CSS, the real factor that will make your WordPress themes pop off the screen is how good you are at creating all those graphics that get loaded in via the background property.
Let's go over each of these techniques in detail:
Was this article helpful?