Title: Map a Header
Last modified: August 20, 2016

---

# Map a Header

 *  [moosey5](https://wordpress.org/support/users/scareshack/)
 * (@scareshack)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/map-a-header/)
 * Unsure if posted in correct space here.
    I did a search and came up with a few
   differnt results. Maybe someone can point me in the right direction here.
 * I need to add a html “image map” to my “header”. In what file do i need to edit
   and where does the <map start?
    thank you

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

 *  [Rev. Voodoo](https://wordpress.org/support/users/rvoodoo/)
 * (@rvoodoo)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/map-a-header/#post-2375761)
 * All depends on your theme. It’s hard for us to provide specific knowledge without
   seeing your site/knowing your theme.
 * The relevant file will most likely be header.php in the theme.
 * You’ll need to find the code that causes your header to display and replace/edit
   that with your map code
 *  Thread Starter [moosey5](https://wordpress.org/support/users/scareshack/)
 * (@scareshack)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/map-a-header/#post-2375774)
 * Thanks Rev, thats a good start for me to get started
 *  Thread Starter [moosey5](https://wordpress.org/support/users/scareshack/)
 * (@scareshack)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/map-a-header/#post-2375867)
 * Perfect worked out well, thanks again Rev
 *  [Rev. Voodoo](https://wordpress.org/support/users/rvoodoo/)
 * (@rvoodoo)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/map-a-header/#post-2375879)
 * Cool, glad you got it figured out!
 *  Thread Starter [moosey5](https://wordpress.org/support/users/scareshack/)
 * (@scareshack)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/map-a-header/#post-2375883)
 * Rev, not totaly….in the top left corner theres an image wanting to appear. Any
   ideas?
    [LowCellPlans.com](http://lowcellplans.com/)
 *  [Rev. Voodoo](https://wordpress.org/support/users/rvoodoo/)
 * (@rvoodoo)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/map-a-header/#post-2375892)
 * well…if I had to guess, in your header file you have
 *     ```
       <img src="art-header-jpg" USEMAP="#cell_store" BORDER=0>
       ```
   
 * Is that supposed to be art-header.jpg?
 * Also, you have that image in the <head> section of your site, All display stuff
   needs to be in the <body> section
 * Also, where is the image located? WP has a way of loading images, you can’t just
   use relative paths in your template
 *  Thread Starter [moosey5](https://wordpress.org/support/users/scareshack/)
 * (@scareshack)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/map-a-header/#post-2375896)
 * Yes, in the header file there is art header.
 * I wasnt sure where the image was supposed to be as I wanted it as the header 
   so figured thats where it goes, if it goes in the body than im very very lost.
 * Didnt know i couldnt use the image that way. I just uploaded the image to the
   directory of the site itself.
 * So now im really really lost after being excited.
    I tried finding something 
   to point out what to do and found 5 different ways. If theres an easy correction
   and you can help me out that would be excelent. Thanks again
 *  [Rev. Voodoo](https://wordpress.org/support/users/rvoodoo/)
 * (@rvoodoo)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/map-a-header/#post-2375922)
 * For a website, the head section, and the displayed header are not the same. it
   is confusing.
 * the <head> section is code that tells the website how to run. Stylesheets, doctypes,
   scripts, etc go here.
 * Everything for display goes within the <body> section. Within the body section
   is going to be the displayed header.
 * You would find where that is in your code (it’ll still be header.php) and insert
   your image there.
 * To insert an image, the best way is probably to put it in the images folder within
   your theme. The code would then be something like:
 *     ```
       <img src="<?php echo get_bloginfo( 'stylesheet_directory' ); ?>/images/art-header.jpg" USEMAP="#cell_store" BORDER="0" />
       ```
   
 * based on what you have above

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

The topic ‘Map a Header’ is closed to new replies.

 * 8 replies
 * 2 participants
 * Last reply from: [Rev. Voodoo](https://wordpress.org/support/users/rvoodoo/)
 * Last activity: [14 years, 5 months ago](https://wordpress.org/support/topic/map-a-header/#post-2375922)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
