Thesis: Image in Post Title

I am still looking for ways to make my WordPress blogs look better.  I really don’t want my blogs to look like anyone else’s, and I want them to be pretty.  If you like the way it looks, my theory is, you’ll stay longer than if it looks like the ’40s and untouched by human hands!

You may already know I am mad about the Thesis Framework for WordPress, since lately it is almost all I write about here.

This trick is slick, takes about three minutes to implement, not counting the creative work on the image, and makes your blogs look more polished, and most important to me, more individualized.  If you want a picture next to the post title, here is how to include it in Thesis for WordPress.

I got pumped about the file folder images I used to substitute for the navigation bar, so I picked the guitar one (it is Blog like a RockStar, after all) and after loading the image, made additions to two files.

The CSS file needs this code:

/* Add Avatar Before Headline sitewide */.custom .title-avatar { float:left; margin: 0 1em 0 0;}


The Custom Functions File file needs this code:

/*Add Avatar Before Headline sitewide*/function author_avatar() { echo 'img class="title-avatar" src="http://Your-Website.com/wp-content/images/Your-Image-File.gif"  /'; } add_action('thesis_hook_before_headline', 'author_avatar');


Have I told you lately how crazy I am about the Thesis framework? So cool.

My next planned topic is a tutorial for adding customization to sidebars: adding images to sidebar headers, or using color to highlight your sidebars and headings, using Thesis framework for WordPress.

grassfed-gheeGrass-Fed Ghee is the perfect expression of buttery goodness. shop now and see what all the hype is about!

Rock On!

Fashion your sidebar headers in Thesis for WordPress

Drive Traffic to Your WordPress Blog

There are a couple of things you can easily do to your sidebars to dress them up. I’m sure you know by now that the control for the font (size, color, and font face) are in the Thesis Design Options. We’re going to go further than that.

To change the  sidebar color, you must add a line of code to your Custom CSS file (http://YourSiteName.Com/wp-content/themes/thesis_18/style.css/). And you can make the colors different in each of the sidebars by calling out ‘sidebar_1’ or ‘sidebar_2’.

/*Art of Rockstar Sidebar Color*/ .custom #sidebar_1 {background:#BA5A88 none repeat scroll 0 0;}  


A couple of things: when you copy and paste these codes into your custom functions file, make sure that your computer doesn’t change any of the characters you see here to something that will kill your wordpress blog.

For some reason occasionally when I transfer code from notepad to my custom_functions.php file on my server, the quotes (“) will be changed to a solid rectangle that I can not even duplicate for you . . .

To simply color the space the header is in, you must add a line of code to your Custom CSS file (http://YourSiteName.Com/wp-content/themes/thesis_18/style.css/). And you can make the colors different in each of the sidebars by calling out ‘sidebar_1’ or ‘sidebar_2’.

/*Art of Rockstar Highlight Sidebar Headers*/ .custom #sidebar_1 {background:#666666 none repeat scroll 0 0;}