Image map as header

  • Hi,

    Tried having a look for the solution to this with no success – also tried fiddling around with a few things but no luck (I am not an experienced writer of code).

    Can I use an image map as the header with the Forever Theme. The website is https://www.sotonettes.co.uk – I want to use a slightly amended header picture to that shown currently (the new one will have the Twitter and Facebook logos). I’d like users to be able to click on those parts of the header and open a new window with our Facebook/Twitter page.

    I’ve already created the new header image and an image map but don’t know where to paste in the HTML code to make it work.

    Any advice appreciated.

    Thank you,

    Jen

Viewing 1 replies (of 1 total)

  • You can do this, but it’s not a super simple change as it involves editing your theme files. The best way to make changes to a theme is to use a child theme, so your tweaks won’t be overwritten when updating the theme. Here are some guides in case you haven’t made one before:

    https://codex.www.ads-software.com/Child_Themes
    https://op111.net/53/
    https://vimeo.com/49770088

    The file you’ll need to edit is masthead.php

    Lines 17-22 (inclusive) have the code that calls in the current header functionality. You can replace those lines with your image map code. Keep in mind that doing this will prevent a custom header that’s uploaded through the Appearance menu from being displayed.

Viewing 1 replies (of 1 total)
  • The topic ‘Image map as header’ is closed to new replies.