Found a great tutorial that explains wp-layout.css to help you better understand what each piece of CSS (cascading style sheets) is doing to the layout of your WordPress pages so you can best redesign and customize the look and feel of your sites by modifying the WordPress templates to meet your specific needs.

In addition to the tutorial, NuclearMoose provides the following tips:

- SAVE YOUR ORIGINAL FILE(S) BEFORE EXPERIMENTING.

- Border, margin and padding sides are defined like this: TOP, RIGHT, BOTTOM, LEFT

- a, a:visited, a:hover, a:active — should be defined in that order.

- When adding padding AND margin, don’t forget that you need to account for total amount of space: margin: 5px; padding: 5px; = 10px all the way around.

- Experiment with everything.- SAVE YOUR ORIGINAL FILE(S) BEFORE EXPERIMENTING.

- It’s good practice to ALWAYS define a generic font like monospaced, serif, sans-serif.

- It’s also good to ALWAYS define a background and foreground colour in your BODY selector.

-Don’t overdo the font-family lists — it will slow down load time as the system attempts to find and load ALL the fonts listed.

-You don’t ‘have to’ end each line with a semi-colon, but you’re crazy if you don’t!

-Have fun! Don’t be afraid to dive in and muck about.

SAVE YOUR ORIGINAL FILE(S) BEFORE EXPERIMENTING.

There’s also a good reminder that the WordPress Support forums are a tremendous resource for help and information.

Bookmark at:
    Bookmark Tutorial on modifying WordPress templates - understanding the code and customizing the templates to meet your needs at del.icio.us    Digg Tutorial on modifying WordPress templates - understanding the code and customizing the templates to meet your needs at Digg.com    Bookmark Tutorial on modifying WordPress templates - understanding the code and customizing the templates to meet your needs at Spurl.net    Bookmark Tutorial on modifying WordPress templates - understanding the code and customizing the templates to meet your needs at Simpy.com    Bookmark Tutorial on modifying WordPress templates - understanding the code and customizing the templates to meet your needs at NewsVine    Blink this Tutorial on modifying WordPress templates - understanding the code and customizing the templates to meet your needs at blinklist.com    Bookmark Tutorial on modifying WordPress templates - understanding the code and customizing the templates to meet your needs at Furl.net    Bookmark Tutorial on modifying WordPress templates - understanding the code and customizing the templates to meet your needs at reddit.com    Fark Tutorial on modifying WordPress templates - understanding the code and customizing the templates to meet your needs at Fark.com    Bookmark Tutorial on modifying WordPress templates - understanding the code and customizing the templates to meet your needs at YahooMyWeb
Filed under , , , , by Emily from How to Blog.
Permalink • Print •  • Comment

There’s a great article for total beginners who need some help in understanding how the basic structure of a WordPress site works by comparing your website to a house. It’s got some great tips to help you wrap your mind around how to structure your site, etc, and is well worth reading when trying to plan out your sites design and navigational features (always good to do BEFORE making your site, a rule I often forget to follow..)

Bookmark at:
    Bookmark Building your home with WordPress - how the basic structure of a WordPress site works at del.icio.us    Digg Building your home with WordPress - how the basic structure of a WordPress site works at Digg.com    Bookmark Building your home with WordPress - how the basic structure of a WordPress site works at Spurl.net    Bookmark Building your home with WordPress - how the basic structure of a WordPress site works at Simpy.com    Bookmark Building your home with WordPress - how the basic structure of a WordPress site works at NewsVine    Blink this Building your home with WordPress - how the basic structure of a WordPress site works at blinklist.com    Bookmark Building your home with WordPress - how the basic structure of a WordPress site works at Furl.net    Bookmark Building your home with WordPress - how the basic structure of a WordPress site works at reddit.com    Fark Building your home with WordPress - how the basic structure of a WordPress site works at Fark.com    Bookmark Building your home with WordPress - how the basic structure of a WordPress site works at YahooMyWeb
Filed under , , , by Emily from How to Blog.
Permalink • Print •  • Comment

Made with WordPress and the Semiologic CMS | Customized by Emily Robbins