Title: Active Contour
Author: shra
Published: <strong>Òkúdù 24, 2025</strong>
Last modified: Òkúdù 24, 2025

---

Ṣàwárí àwọn plugin

Plugin yìí **kò tíì ṣe àyẹ̀wò pẹ̀lú àwọn ìtújáde mẹ́ta pàtàkì tó kẹ́yìn ti WordPress**.
Ó lè jẹ́ pé a kò tọ́jú tàbí ṣe àtìlẹ́yìn fún un mọ́, ó sì lè ní àwọn ọ̀ràn ìbámu
nígbà tí a bá lò ó pẹ̀lú àwọn ẹ̀yà WordPress tuntun.

![](https://s.w.org/plugins/geopattern-icon/active-contour.svg)

# Active Contour

 Láti ọwọ́ [shra](https://profiles.wordpress.org/shra/)

[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/active-contour.zip)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/active-contour/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/active-contour/#reviews)
 *  [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/active-contour/#installation)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/active-contour/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/active-contour/)

## Àpèjúwe

**Active Contour** lets you define interactive contour areas on media images. Each
polygonal area can be associated with a title & URL, making it easy to build rich
visual navigation, diagrams, and interactive image content.

### Features

 * **Edit contours directly in the Media Library**
    - Add, move, and delete points visually
    - Scaled preview with zoom and background options
 * **Define attributes per area**
    - Each area can include `title`, `href`, and custom data
    - Stored as JSON in image meta field
 * **Import contours from external tools**
    - Paste a JSON object describing one or multiple contours
    - Compatible with AI-generated data or exported data from vector tools
    - Preview and refine the result before saving
 * **Gutenberg Block Support**
    - Insert an image with interactive contours using the included block (Active
      Contour)
    - Live preview of the selected image and contour state
 * **Shortcode Support**
    - Use `[active_contour id="123" cid="1,2"]` to embed images with specific contours
    - Works anywhere shortcodes are supported (pages, posts, widgets)

### Use cases

 * Interactive maps and diagrams
 * Infographics with tooltips or links
 * Product showcases with click/tap areas
 * Educational or documentation content

### Keyboard Shortcuts

While editing points in the contour editor, you can use the following keyboard shortcuts
for greater control:

 * Delete — Removes the currently selected point from the contour.
    - or Numpad + — Converts the selected segment into a curved arc (or increases
      arc intensity).
 *  - or Numpad Ìtumọ̀ Yorùbá: – — Decreases arc curvature or switches arc back 
      to straight line.
 * Shift (hold) — Activates zoom mode. While holding Shift, a magnifier lens appears
   under the cursor to help you place points more precisely.

Other behaviors:

 * Click on canvas — Adds a new point in the closest location or selects an existing
   one if clicked near.
 * Click and drag a point — Moves the selected point with the mouse.

## Àwọn àwòrán ìbòjú

[⌊Contour editor inside Media Library⌉⌊Contour editor inside Media Library⌉[

Contour editor inside Media Library

[⌊Contour settings and preview in the Gutenberg block⌉⌊Contour settings and preview
in the Gutenberg block⌉[

Contour settings and preview in the Gutenberg block

[⌊Export tool⌉⌊Export tool⌉[

Export tool

[⌊Creating contour...⌉⌊Creating contour...⌉[

Creating contour…

[⌊Using arc interpolation tool⌉⌊Using arc interpolation tool⌉[

Using arc interpolation tool

[⌊Filtering by tags...⌉⌊Filtering by tags...⌉[

Filtering by tags…

## Àwọn ìdí

Plugin yìí pèsè 1 ìdí.

 *   Active Contour Insert Image with active contours.

## Ìgbéwọlẹ̀

 1. Upload the plugin to the `/wp-content/plugins/` directory or install via the Plugin
    Installer.
 2. Activate the plugin.
 3. Open any image in the Media Library and go to the **Contours** tab.
 4. Add contour points and set properties.
 5. Use the provided block (Active Contour) or shortcode to insert the image.

## FAQ

### Where is contour data stored?

As a JSON structure in the attachment meta under `_active_contours`.

### Can I style or extend how contours are rendered?

Yes. You can use custom styles via CSS. Block is rendered inside div.active-contour-
container element.

## Àwọn àgbéyẹ̀wò

Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.

## Àwọn Olùkópa & Olùgbéejáde

“Active Contour” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa
sí plugin yìí.

Àwọn Olùkópa

 *   [ shra ](https://profiles.wordpress.org/shra/)

[Túmọ̀ “Active Contour” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/active-contour)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/active-contour/), ṣàyẹ̀wò
[ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/active-contour/), tàbí ṣe àgbékalẹ̀
sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/active-contour/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/active-contour/?limit=100&mode=stop_on_copy&format=rss).

## Àkọsílẹ̀ àwọn àyípadà

#### 1.0.0

 * Initial release.

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **1.0**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **ọdún 1 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **Tó kéré sí 10**
 *  Ẹ̀yà WordPress ** 6.0 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **6.8.10**
 *  Ẹ̀yà PHP ** 7.4 tàbí ju bẹ́ẹ̀ lọ **
 *  Èdè
 * [English (US)](https://wordpress.org/plugins/active-contour/)
 * Àwọn àmì
 * [image hotspot](https://yor.wordpress.org/plugins/tags/image-hotspot/)[Image Map](https://yor.wordpress.org/plugins/tags/image-map/)
   [interactive image](https://yor.wordpress.org/plugins/tags/interactive-image/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/active-contour/advanced/)

## Àwọn ìbò

Kò sí ìwádìí tí a tíì fi ránṣẹ́.

[Your review](https://wordpress.org/support/plugin/active-contour/reviews/#new-post)

[Wo gbogbo àwọn àgbéyẹ̀wò](https://wordpress.org/support/plugin/active-contour/reviews/)

## Àwọn Olùkópa

 *   [ shra ](https://profiles.wordpress.org/shra/)

## Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

 [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/active-contour/)

## Ṣe ìtọrẹ

Ṣé o fẹ́ ṣe àtìlẹ́yìn fún ìlọsíwájú plugin yìí?

 [ Ṣe ìtọrẹ sí plugin yìí ](https://pay.cryptocloud.plus/pos/Oc9ieI6Eb5HWPptn)