How To Add A Clickable Header Image In Thesis

One of the first things people want to do when they start using Thesis is to add their own header image. In order to use your own header image, you first need to generate an image of the appropriate size. There is some leeway with this, of course, but to give you a frame of reference, the images I use for the ABDPBT header image is about 960 x 110 pixels. Once you’ve got your image ready, use this tutorial to install it in your header and make it “clickable,” so that people have an automatic way of getting back to your homepage wherever they go in your site.

1. First, you need to remove the default Thesis header. To do so, put the following code in your custom_functions.php file:
   

   
   remove_action ( ‘thesis_hook_header’,'thesis_default_header’);
   

2. Next, you need to upload your header image to your web host server via FTP. You will want to put it in the images folder of the custom folder in your thesis install (public_html–>wp-content–>themes–>thesis_16–>custom–>images)
3. Next, add this code to the thesis_hook_header box in Thesis Open Hook.
   

   
   <center><a href="ENTER YOUR HOME PAGE URL HERE"><img src="ENTER THE URL OF YOUR BANNER HERE"></a></center>
   

And done!

2 Comments TWEET THIS Share On Facebook EMAIL THIS