Someone at our recent Weekly WordPress Support Group at TechLiminal in Oakland CA asked about how to create an image map to use as a navigation feature. There are websites that will do this for you and of course you can do this in applications like Dreamweaver and Photoshop.
You can also do this pretty easily with a free plugin that extends the visual editor that comes standard with WordPress called Ultimate TinyMCE. Since I recommend and install Ultimate TinyMCE on all my clients’ sites this is a great solution.
But there is a problem – the image map feature doesn’t work if you use the Chrome browser. The plugin author Josh Lobe responded that this is a known issue that he hasn’t been able to solve (yet) and the work around is to use a different browser like Firefox or Safari.
If you need a quick tutorial on how to create an image map, and you’re using Firefox or Safari, Josh has a YouTube tutorial that’s worth watchin
No Title
UPDATE: I have the image mapping now working in my updated WP Edit Pro plugin. This now works with WordPress 4.0+ and TinyMCE version 4. This tutorial covers the use of image mapping using the plugin Ultimate TinyMCE for WordPress.
Reader Interactions