Thesis WordPress Tutorial – How to Add Banner Beside the Header

by Elaine on April 13, 2012

Thesis Wordpress Tutorial – This tutorial is mainly for me because I know I will forget how to do this again in the future.  Since I upgraded my Thesis Openhook plugin, all the hooks I stored in the plugin in the past are now gone.  I’ve been trying to add code in the hook thesis_hook_header to add a Banner beside the Header in the Thesis Openhook plugin today for hours.  Finally I got it to work, but by adding code directly into the custom_functions.php.  The code is below:

// custom header to add Banner
// Code added by Elaine – April 12, 2012
function custom_header() { ?>
<div style=’float:right’><a href=”” target=”_blank”><img src=”your-banner-file.jpg”></a></div>
<p id=”logo”><a href=”<?php bloginfo(‘url’); ?>”><?php bloginfo(‘name’); ?></a></p>
<h1 id=”tagline”><?php bloginfo(‘description’); ?></h1>

remove_action(‘thesis_hook_header’, ‘thesis_default_header’);
add_action(‘thesis_hook_header’, ‘custom_header’);

Steps to Add the Banner Beside the Header

1.  Go into Wordpress Admin

  • Login to your Wordpress Administrator
  • Click on ‘Thesis’, ‘Thesis Custom Editor

cmsmind wordpress thesis shortcode buttons target blank 2 Thesis Wordpress Tutorial   How to Add Banner Beside the Header

2.  Edit the Custom_Functions.php

It is wise to take a back up of the custom_functions.php file before editing it.  If you make any mistake in your custom_functions.php file, your whole thesis website will be down and not accessible.  You can make a backup of it using your FTP Manager.

  • In the Thesis Custom File Editor
  • Click on the drop down “Currently editing: custom/custom_functions.php”, set to
    • custom_functions.php
  • Click on ‘Edit selected file

3.  Add Code to Place Banner Beside Header

  • Add the code above
  • Click on  ‘Save’
Screen Shot 2012 04 12 at 9.30.40 PM Thesis Wordpress Tutorial   How to Add Banner Beside the Header

Thesis Wordpress Theme - Add Banner to Header - thesis_hook_header

Now you can refresh your website and see the banner you added beside the header.  If you need further customization, please refer to the DIYthemes guide.



 Thesis Wordpress Tutorial   How to Add Banner Beside the Header


Elaine is the founder of CmsMind, an online blog providing Joomla and WordPress tutorials. Elaine lives in Toronto and when she is not online, she is either Marathon and Triathlon training or travelling and racing somewhere in the world. Find her also at: Save Money, Premium Themes and Templates, and at Webhosting Tips.

More Posts - Website

Leave a Comment

Captcha Captcha Reload

Older Post:

Newer Post: