I am giving a try to something i have never done before. I am trying to slice a psd file and want to use it as a banner. But the problem is, as you may already know that, wordpress only allow one image as banner, so how can I use sliced psd as banner?

If coding is needed, can you give me some hints, so that I can make a try over it.

  • Why do you need a sliced image as banner? Slicing is old school. Use sprites :) – kaiser Mar 5 '12 at 23:06
  • i am slicing for having Anchors on it, i want to make clickable parts of the image – Zaffar Saffee Mar 5 '12 at 23:10
  • 2
    Then use an image map. Or make an invisible overlay. – kaiser Mar 5 '12 at 23:21
  • Image maps are old school - don't go that route. Sprites are the most efficient way to go, but slicing isn't evil. – cale_b Mar 5 '12 at 23:59
  • FYI, WordPress itself does not "only allow one image as banner". The THEME you are using is only set up to use one image. It's a simple matter of editing the header.php file for your theme, and setting it up to display/link to the sliced images. – cale_b Mar 6 '12 at 0:01

Well, you could avoid slicing the image by using an image map to map different parts of the image to different links.

Otherwise you will need to get into the header.php file in your theme, thats where the code that outputs the header image is. If you want to hardcode something, you can do it right there.


Here's a great tool for making that image map.


  • Let me know what theme you are using (I am going to guess twentyten or twentyeleven) and I can help you with some code and line numbers. – DigitalDesignDj Mar 5 '12 at 23:22
  • Please add those comments to the Question, not the answer. – kaiser Mar 5 '12 at 23:59
  • i have mapped the banner, copied and pasted the code in header.php, but this is not working..any idea? – Zaffar Saffee Mar 7 '12 at 18:52

Not the answer you're looking for? Browse other questions tagged or ask your own question.