How to Change the Header Banner Image in WordPress

Modern WordPress themes have the capability to edit the header, footer and other theme areas within the Appearance section of the WordPress dashboard. This article will explain how to change the banner in the header of your WordPress site. The Theme we will use in this example is the “Twenty Twelve theme“. Other themes use the same steps to edit the banner.

Steps to Change the Header Banner

  1. Log into the WordPress Dashboard.
  2. Select the header WordPress

    Navigate to Appearance > Header.

  3. Upload the new banner WordPress

    To upload a new banner, click the browse button. Find your banner on your local computer and click the upload button.

    Important! Keep in mind the banner must be made to the size the Theme requires. In this example, the Twenty Twelve theme requires the size to be 960px wide by 250px height. Each theme will have their own image size requirement.

  4. Crop the image WordPress

    You will be taken to the Crop Header Image page. You can adjust the size of the image and click Crop and Publish. You can also skip the Cropping and Publish the image as is.

  5. The new banner will show as a selection WordPress

    You will see the preview of the site with the banner.

    Save the Changed WordPress

    Click Save changes at the bottom of the page.

    WordPress with new banner

    Now your custom banner will show in the header of your WordPress.

Thoughts on “How to Change the Header Banner Image in WordPress

    • Unfortunately, this article is outdated. Newer versions of WordPress and sometimes particular themes may have this option elsewhere. Most commonly, you should be able to go to the Appearance > Customize then from the Customizer options, select Header or Advanced Settings > Header. It really depends on the theme and WordPress version. I hope this helps though!

      Sincerely,
      Carlos D

Leave a Reply