Marketing Tip: Add Your Logo Before Each Headline

A Great Idea from the Thesis Forum

Browsing through the Thesis Forum recently, I came across a forum thread about a custom function before the headline hook.

The following instructions are from that forum thread, based on my usage of it at www.Bully.ws which we recently retired to spend more time on our other blogs.

Logo for Bully

If the code is not working for you, please post your request for help at this forum thread.

Adding an image to before your posts is great for branding, visual excitement and integrating your logo colours throughout your site without making it too busy.

Add an image before your headlines in Easy Steps

  1. Make an image (I use 50px x 50px) and save it to your ‘themes/thesis/images’ folder
  2. Grab hold of IrfanView – a great free program that lets you resize and change format, crop, etc.

IrfanView

  1. Copy and paste the code below – don’t forget to alter the url of the image location – into your custom functions.php and custom.css files
  2. Refresh your browser and see your creation

Add the following to your custom functions.php file

/*avatar before headline site wide*/
function author_avatar() {
echo ‘<img src=”http:/thesisthemehq.com/wp-content/themes/thesis/images/ChamEye.gif” alt=” ” class=”title-avatar” />’;
}
add_action(‘thesis_hook_before_headline’, ‘author_avatar’);

Add the following to your custom.css file

/*—:[ #avatar before header ]:—*/
.custom .title-avatar {
float:left;
margin: 0 1em 0 0;}

If you just want it to appear on your pages (when reader is only reading that article)

Add the following to your customs function.php file

/*the following puts avatar before each post on pages only*/
function author_avatar() {
if (is_page()){
}
else{ ?>
<img src=”http://bully.ws/wp-content/themes/thesis/images/bull.gif” alt=” ” class= “title-avatar” />
<?php
}}
add_action(‘thesis_hook_before_headline’, ‘author_avatar’);

And the following to your custom.css file

/*—:[ #avatar before header ]:—*/
.custom .title-avatar {
float:left;
margin: 0 1em 0 0;}

Show Off Your Site

If you are using this customisation, let us know by leaving a comment with your site url.

Here are some sites using it already.

www.bully.ws

www.bully.ws

www.redrightreturning.net

www.redrightreturning.net

www.howtomakemyblog.com

www.howtomakemyblog.com

{ 9 comments… read them below or add one }

This Eclectic Life May 11, 2009

Would you be kind enough to explain to a “newbie” how to do this with the openhook plugin?

I just installed two days ago & miss the avatar I used before my title in my old theme. Thank you!

This Eclectic Life’s latest artistic creation..St. Peter’s Catholic Church in Lindsay, Texas. My Neck Of The Woods

Reply

Imdb August 21, 2009

Thanks.
“A Great Idea from the Thesis Forum” really great)
100 Top Films
.-= Imdb´s last blog ..Wildboyz (2003) [Adventure, Comedy, Documentary], s04e07 =-.

Reply

Chris Harding December 21, 2009

A big thank you for this very effective addition.
:o)

Reply

ARQUIGRAFICO January 13, 2010

At last i find it!!! Thanks, i was looking for this trick for my blog Http://www.arquigrafico.com

I love thesis!!!!!!!!!!!!!
.-= ARQUIGRAFICO´s last blog ..Como hacer textura de agua en una Piscina con Vray y 3dsmax =-.

Reply

Arquigrafico January 14, 2010

I did it, but it did not work.
I had some errors with the simbols
/*— and
”http:// ……
What could happen?
.-= Arquigrafico´s last blog ..Los mejores programas de edicion de imagenes =-.

Reply

Somone Bull January 14, 2010

When you copy the code you sometimes need to paste it into a text editor and change the ‘ and ” because they change. Check the code via the custom-functions viewer in the dashboard or via the cpanel if you can and see what code ended up saving as.

Reply

Traci Gregory November 5, 2010

Somone, I love your website. I’ve found the thesis community to be so generous with time and instructions. I’ve implemented two of your suggestions, the image replacement for navigation bar, and the icon in each headline.

The thing about Thesis is the personalization possibilities are endless (!) and so easy!

Thank you so much for your work, and the opportunity to show off what I’ve learned from you!

Reply

Somone Bull November 14, 2010

Thank you Traci. I have been on holiday recently so I have to catch up with posting. I need to do another birthday/site anniversary post. Sure to be some fun snippets in there.

Reply

Jason M January 25, 2012

I’ve found using chrome that you can easily copy text/code from a site then use the “paste as plain text” option into your (sandbox site hopefully) site and apply the update.

Works 99% of the time anyways :) Thanks for a great article!

Reply

Leave a Comment

Previous post:

Next post: