Welcome to WebmasterWorld Guest from

Forum Moderators: rogerd & travelin cat

Message Too Old, No Replies

imagemap and sidebar

brand new and stumped on coding



5:05 pm on Feb 12, 2014 (gmt 0)

I am new at this, and I hope I am following protocol here. I am changing a previously created site to WP, so it is easier to update and maintain. I have a map of our states with cities that reflect past school projects, which I'd like to keep using as our program history. When you click on a city text appears in a right column that summarizes the project. I have created a WP page and have the image with the cities, but I cannot figure how to make it open text in a right sidebar (or column). I do have all the original coding, but I am not sure how to include this in WP or if it needs to be modified or even changed to something better. Can anyone help me with this? Thanks.


2:31 am on Feb 13, 2014 (gmt 0)

WebmasterWorld Senior Member lorax is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

Welcome to WebmasterWorld Jaggie,
It's not easy to change the sidebar with a click on a link within the main content area.

It would be much easier to turn off the side bar (use the Full Width or No Sidebars) template when editing the page - the name depends upon the Theme you're using. Then you can add some form of CSS or jQuery info box with your project summaries. Make sense?


12:04 am on Feb 14, 2014 (gmt 0)

Thanks so much for your help. Yes, I can use a template that has a main body with left sidebar. I am using the left sidebar for a sub-menu tied into the primary one across the top. In this case the primary one is "Projects" and the sub-menu on the side is different years. The main body has the same state map, but will change cities according to the year clicked. Each year the cities correspond to school projects, and this is a record of our previous projects. It was suggested that each year be a separate page.

I wondered which would be easier - to use a rt sidebar or just create a column (like you suggested) next to the map in the main body. I did not know enough to be able to decide, so you have answered one of my questions. My next question is, where should I put the css and javascript to create this? I set up a child theme. Should I code it on the page using the text tab? Thanks.


1:54 am on Feb 14, 2014 (gmt 0)

WebmasterWorld Senior Member lorax is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

Put the code into the Child theme's CSS. Pull a copy of the footer.php file into the child theme directory and add your Javascript there (or use the header file). I'd look long and hard at making this work with only CSS before I use Javascript. Ligher footprint.

And yes, it will work nicely to have each year be it's own page.

Featured Threads

Hot Threads This Week

Hot Threads This Month