How To Add Custom Header Logo To StudioPress Premium WordPress Themes

One of the reasons why I choose Genesis to power my blogs is because of just how powerful and flexible it is for WordPress, and when it comes to customization Genesis theme framework makes it a pleasure to make your WordPress website unique and your own, without having to hog down your blog with unnecessary plugins.

StudioPress child themes for Genesis are amongst the best premium WordPress themes available for WordPress, without a doubt. There are many options for customizing your theme further without the use of excessive plugins.

Many of the themes come with options for adding your own custom header logo, however on a few number of child themes there isn’t an option for adding your own custom header logo.

In this post we’re going to look at two ways in which you can add a custom header logo to your child theme for Genesis.

Adding a Custom Logo to Genesis Powered WordPress Blog

Option 1

As I mentioned earlier some of the child themes, such as the News Child theme, already have a section in which you can upload and use your custom header quite easily. This is the first option we’ll look at.

First go to appearance > header as shown in the image below. Then simply upload your header logo and hit save changes. That’s the easiest way ever, but as I also mentioned not all child themes have this option.




Option 2

Now let’s look at another way and I’m going to use the (in)SPYR child theme as an example where a upload custom header option is NOT available.

First you’ll need to ensure that you have the Simple Hooks plugin enabled on your blog. Then you’ll need to go to Genesis > Simple Hooks > Header Hooks, as shown in the image below.




Once you’ve opened the Header Hooks find the field titled:

Genesis_Header Hook – This hook outputs the header (the #header div)

Once located paste the following code into this box, see image below

Hooks 2



<div align="left">
<a href="http://www.SITE-URL.demo">
<img src="http://www.IMAGE-URL.demo" width="460" height="70" alt="SITE DESCRIPTION">
  1. Replace the SITE URL with your own URL.
  2. Replace the IMAGE URL with your own image URL, where ever your logo is stored.
  3. Replace the SITE DESCRIPTION with your own site’s description

If you want to change the width and height of your logo, adjust the value of these located:

width="460" height="70"

Check the box:

Unhook genesis_do_header() function…

and check the box:

Execute shortcodes… and Execute PHP

Hit save an you’re all done…

If you’re using a cache plugin, make sure you flush this before checking to see if your logo works. I hope this tutorial has been helpful, if you have any questions please don’t hesitate to ask.

Receive an update straight to your inbox every time I publish a new article. Your email address will never be shared
Google Analytics Alternative