August 25, 2004
Tutorial on modifying WordPress templates - understanding the code and customizing the templates to meet your needs
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.
Related posts
Track this entry:
Terms2tags:







