Header – Twenty Twelve

  • I would like an image in header, in which I could click on two different points of this image, with the action going for two different links.

Viewing 6 replies - 1 through 6 (of 6 total)

  • It would be best to create a child theme for Twenty Twelve, put the header.php file there and do some HTML modifications to it. You can use HTML area shape attribute to have one header image pointing to two different links. For example something like:

    <img name="header" src="header.jpg" width="960" height="250" border="0" id="header" usemap="#m_header" alt="" /><map name="m_header" id="m_header">
<area shape="rect" coords="384,15,754,180" href="2" alt="" />
<area shape="rect" coords="9,9,378,186" href="1" alt="" />
</map>

    The code above is just an example.

    Thread Starter antoniocarloslima

    (@antoniocarloslima)

    Thanks for your response! Exactly where in the file do I insert this code? I’ve never worked with coordinates. Where can I find them? Please, think I need a step-by-step. Sorry.

    Are you using a child theme?

    Hi Anton, you can have your designer code the header for you in case you are not familiar with HTML. Otherwise, you can try to apply the example above in your child header.php.

    Thread Starter antoniocarloslima

    (@antoniocarloslima)

    Thank you! Seizing the opportunity: there is a way to split the header into two parts? And decrease the height? The normal is 960×250, but I thought of 960×150 or split in two 480×150. Is this possible?

    Are you using a child theme?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header – Twenty Twelve’ is closed to new replies.