前言介紹
- 這款 WordPress 外掛「Active Contour」是 2025-06-23 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2025-06-24，距離現在已有 246 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
shra |
外掛標籤
Image Map | image hotspot | media attachment | interactive image | custom image areas |
內容簡介
**總結:**
Active Contour允許您在媒體圖片上定義互動輪廓區域。每個多邊形區域都可以與標題和URL關聯，輕鬆建立豐富的視覺導航、圖表和互動圖像內容。
**問題與答案:**
1. 什麼是Active Contour的功能？
- 直接在媒體庫中編輯輪廓
- 每個區域可以包含標題、超鏈接和自定義數據
- 可以從外部工具導入輪廓
- 支援Gutenberg Block
- 提供Shortcode支持
2. 如何在Active Contour中使用鍵盤快捷鍵？
- 刪除：從輪廓中刪除當前選定的點
- Numpad +：將選定的段落轉換為彎曲弧線（或增加弧度）
- Numpad –：減少弧度或將弧度切換回直線
- Shift（按住）：啟用放大模式。按住Shift鍵時，在鼠標下方會出現放大鏡鏡頭，以幫助您更加精確地放置點
3. Active Contour的使用案例有哪些？
- 互動地圖和圖表
- 有提示或鏈接的信息圖
- 產品展示，帶有點擊/點按區域
- 教育或文檔內容
原文外掛簡介
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 – — 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.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Active Contour」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
ImageLinks – Interactive Image Builder 》ImageLinks 是一個 WordPress 外掛，能讓你將任何網路內容標記在圖片上，使圖片更互動。透過此外掛，你可以取得任何圖片，標記上它的網路內容，如網頁超連結...。
Image Map Connect – Display Posts as Image Hotspots 》總結：, Image Map Connect 外掛允許在 WordPress 網站上添加圖片並將其轉換為互動式圖片地圖。, , 使用 Image Map Connect 外掛的功能包括：, - 將現有和/或...。
Advance Image Mapping 》"Advance Image Mapping 是一個簡單的外掛程式，讓您可以創建互動式圖像地圖。透過添加可點擊的點、顯示工具提示和使用自定義或內建圖標，非常適合於產...。
SlicPix Interactivity Studio 》<HTML>, <ul>, <li>摘要：Interactivity Studio 的 WordPress 外掛讓您能夠在您的網站上創建並嵌入互動、可點擊和可購買的圖像或 SVG 地圖...。
MarkerKit 》以下是有關MarkerKit WordPress外掛的總結：, , MarkerKit 將靜態圖像、平面圖、圖表和地圖轉換為可以添加到任何頁面的互動式嵌入物，並可以使用簡碼或Gutenb...。
Swinging Hotspot interactive images 》Swinging Hotspot 是一款能在 WordPress 上使用的互動式圖像外掛。, 您可以使用 Swinging Hotspot 創建可以在懸停或點擊時“點亮”，並且/或顯示標籤、鏈接或圖...。