Archive for February, 2010

The Most Important HTML and CSS Tips for WordPress Newbies

Monday, February 15th, 2010

I know that some of you are probably designers yourselves, or are at least somewhat familiar with CSS and WordPress theme styling. However, I usually work with writers. Many of them love WordPress for hosting either blogs or professional websites, but they often aren’t sure how to make simple CSS and HTML changes to improve their designs or alter a free theme they’d like to customize.

I’m sure there are plenty of bloggers outside of the writing community with the same problem. They use themes out-of-the-box not necessarily because they want to but because they don’t know how to change things. With those WordPress or CSS newbies in mind, let’s take a non-technical look at some quick HTML and CSS tips and tricks a new WordPress user can use to improve their blog design. Note: I’m not a designer — these are meant to be practical tips to help non-coders work around common WordPress design issues on their own. I do not claim that they’re necessarily the best solutions in all cases. If you’d like to share other methods, please do so in the comments.

1. Replace your blog title with a logo

By default, your WordPress theme might include a blog title link in the header, but to customize and brand your site you want to replace it with a logo. Here’s how to do that. First upload your logo image and have the URL / address for the file on-hand. Then go to the WordPress templates editor in your admin panel and find header.php. You might see something like this:

<h1><a href=”<?php echo get_option(‘home’); ?>/”><?php bloginfo(‘name’); ?></a></h1>

That code adds a link to your home page (with the text of your blog title). On my business site, this is what the site name looks like without a logo: (more…)