Evaluating WordPress Plugins to Manage Header Images
INTRODUCTION

This article stands on its own, but is also a continuation and solution of working towards a solution to fix a weakness found in the WordPress Kahuna theme, where there is a setting allowing the WordPress Featured Image function to assign the Featured Image to also be used as a post banner / header image. Using the same image for both locations has the benefit of allowing each Post or Page to have a unique banner, but the weakness of trying to use the same image in both a squarish and a very horizontal locations.

When the Kahuna theme setting to use the Featured Image as the banner is turned off, the default image for the theme shows. If the image is set to “contain” instead of “cover”, the full image will show, but it won’t fill the banner.

The previous post explored both the problems caused by using the Featured Image as a banner, and reviewed whether Kahuna settings or CSS could be used to overcome the problem.

This article explores the possibilities of using a separate image from the Featured Image. Since there is only one Featured Image in the WordPress default, we need to add a new structure that will attach an image to a Post that will only be used for the banner.

Structure 1: Find a plugin that accommodates 2 feature images. Assign one to the banner and the other to other uses.

Structure 2: Find a banner plugin that doesn’t use the Featured image at all. The plugin should allow you to choose a banner image on the Edit page for each Post or Page to be effective.

I found that it’s difficult to search for a banner image plugin in WordPress.org. The search function brings up mostly irrelevant results when you search for “banner image”. But, I did find three plugins:

Plugin 1: WP Header Image
When you go to the first page/tab of the WPheaderImage plugin it doesn’t appear to do anything.

The Dashboard interface for this plugin is not intuitive, and it seems that you need the premium version to do much with it. It took me quite a few attempts to figure out how to use it. First, it doesn’t create its own menu item at the main level, but puts the menu item in Settings. When you go to the first page/tab, it’s not obvious that Menu – Top Navigation is actually a link. Their UI is faulty.

If you figure out to click “Menu – Top Navigation”, you see that you can attach a banner image to each of the menu items.

The weakness here is that you might not have every Post and Page on your site listed in a menu. You may be relying on Category (archive) pages to lead to the individual Posts and Pages. That would mean that anything not in a specific menu could not have a unique banner image. There was a request in the forum for further functionality, but I’m not sure that the core architecture is expandable without a lot of duct tape and baling twine.

Plugin 2: Add Custom Header Images

This one looks dangerous! Based, on the Description, it actually removes the theme’s default headers. Instead, it should override them. That is, the basic theme functionality should remain intact, allowing you to restore the site to the way it was if you decide that the plugin doesn’t do what you want.

Either way, this plugin does not seem to allow me to choose a separate image for each Post/Page that will illustrate that topic.

Plugin 3: Unique Headers

This plugin is very up-front in saying, “You must use a theme which utilizes the built-in custom header functionality of WordPress. If your theme implement it’s own header functionality, then this plugin will not work with it.” This statement covers a couple of important principles. One is that the closer to the WordPress core a theme or plugin is, the more likely it is to be compatible with other themes or plugins. That is one of the weaknesses in many framework themes: they by-pass the WordPress core functionality. WordPress provides a way to replace or add to a core function in the functions.php file of a child theme. The warning is saying that if your theme overrides the header function, the plugin may not be able to override it too.

We can find out whether that statement applies to the Kahuna theme by installing the plugin and testing. The plugin adds a new entry box for the Custom Header. But, when I added a Custom Header, it didn’t change the page. So, the Kahuha theme does its own override of the WordPress core function.

The next question is whether I can turn off the Kahuna control of the header images through the dashboard? In Appearance -> Customize -> Post Information -> Featured Image, the bottom choice is to Disable Featured Images in Post Header. That does remove the Featured Images from the headers. But, instead of solving the problem, it just replaces the Featured Image with a default banner image.

Now the question is, if I set a Custom Header in the panel created by the plugin, will it override the default banner image? The answer is Yes. So, that means that if you

  1. Install and activate Unique Headers
  2. Turn off using the Featured Image as a Header Image in Appearance -> Customize -> Post Information -> Featured Image.
  3.  Set Custom Header images for each Post and Page on your site.

Because it may take some time to gather enough images of the banner size, it is a good idea to have one image that is default, as the Kahuna default may not fit your topic. You can change the default image in Appearance -> Customize -> Site Identity -> Header Media.

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *