Dette innstikket er ikkje testa med dei tre siste utgåvene av WordPress. Det kan henda det ikkje blir vedlikehalde lenger, og kan ha problem med nyare versjonar av WordPress.

ACF: Image Hotspots Field

Skildring

How to Use:

  • Install plugin
  • Create a custom field of this type & link it to an image field
  • Go to the admin section you made the field for & add an image to the linked field
  • The image will then load in the image mapping field, click to capture the coordinates, relative to the image
  • Coordinates are stored as comma separated strings

TODO:

  • Square mapping
  • Polygon mapping

Compatibility

This ACF field type is compatible with:
* ACF 5

Skjermbilete

  • This shows the setup in the ACF settings for a hotspot field
  • This shows the setup in the ACF generated admin fields
  • This shows the final product of what the hotspot field can produce
  • This illustrates that the linked image can be a sibling to the hotspot field itself, or any of it’s repeater parents

Installasjon

  1. Copy the acf-relative_coordinates folder into your wp-content/plugins folder
  2. Activate the Image Hotspots plugin via the plugins admin page
  3. Create a new field via ACF and select the Image Hotspots type
  4. Please refer to the description for more info regarding the field type settings

Omtalar

26. mai 2022
Hi dev, I found out your plugin/module is not updated anymore but still working on the latest core version of wordpress. This plugin is very helpful and unique. Hope to update and maintain this plugin. Thank you.
30. juli 2019
I use this to add marker coordinates to a simple world map image. works great with repeater field. only «problem» is it saves the percentages as a string separated by comma and with a lot of decimals. so first thing to do is to explode the string in order to access the left and top percentages.
Les alle 11 omtalar

Bidragsytarar og utviklarar

“ACF: Image Hotspots Field” is open source software. The following people have contributed to this plugin.

Contributors

Endringslogg

1.0.0

  • Initial Release.