This plugin allows authors to turn areas of an image into links by implementing HTML image maps in WordPress.
Authors can set up clickable areas on the image editing page, and see them outlined on the image. Images on the public-facing pages can use the map saved with them.
The plugin can attach image maps to featured and header images as well as images attached to content. Admins can configure where the plugin looks for images with maps, and how it interacts with responsive images.
How to use
- Choose the image you wish to edit in the library.
- Open it in the attachment edit page. (From “Attachment details”, click on “Edit more details”)
- Click on “create image map for size ‘full’”
- Add clickable areas, including alt text as well as links. (This is not a full GUI, but the areas are visible on the image, which is slightly greyed out when
you edit the image maps.) - Click ‘update’ to save the image with the map.
- Either:
- Add the image to the desire page/post, and confirm it is “attached” (in the attachment edit screen or media list view), or
- Make the image the page’s featured images, or
- Set the image as a header
Configuration options
On the Admin settings page for the plugin, you can save CPU time by turning it off where you don’t need it. You can also decide whether to turn off the Image Maps Resizer that makes image maps responsive, and (for images with maps) WordPress’s own responsive images feature.
Credits
Image Map Resizer is © David Bradshaw, and incorporated under an MIT Expat license. The cover image uses The Garden of Eden, by Jan Brueghel.
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.