How to replace a Header Image

Not every theme provides a convenient “upload header” option. That’s luxory really. But there’s a fairly easy way to replace every header image in every theme with one of your own pieces of art.

Here’s what you do:

Right-click on the image you want to replace and select Properties. This will give you an idea how big the image is, and what its filename is. Note both down and open Photoshop or similar).

Select an image you’d rather like, and crop it to the exact same dimensions of the image you’d like to replace. Depending on the format of the original image, save yours as a GIF, PNG or JPG with medium compression (say 70), ideally using the Save for Web option.

Next open your favourite FTP client such as Filezilla and login to your site via FTP (not via WordPress). Find your theme’s directory (usually in wp-content/themes/themename) and locate that image file. Sometimes it’s right there in front of you, sometimes it’s in a subfolder. Have a quick poke until you find it.

Next, copy your own image into that directory. Rename the original image to something different, and give your own image the name that the original image used to have. Note that it’s cAsE sEnsitIve!

Refresh your site, and – in an ideal world – your own image will show up.

Troubleshooting:

  • If you see the old image, clear your browser’s cache and try again.
  • If you still see the old image, you’re replaced the wrong file…
  • If nothing shows up, your image is spelt differently than the original image.

When in doubt, check your sites source code and see which image filename is called. Rename your image accordingly.
Good luck!





Jay is the CEO and founder of WP Hosting, a boutique style managed WordPress hosting and support service. He has been working with Plesk since version 9 and is a qualified Parallels Automation Professional. In his spare time he likes to develop iOS apps and WordPress plugins, or draw on tablet devices. He blogs about his coding journey at http://wpguru.co.uk and http://pinkstone.co.uk.