Title: PixMapr Lite – Interactive Image Hotspots
Author: Walter Pinem
Published: <strong>2026 年 8 月 29 日</strong>
Last modified: 2026 年 8 月 29 日

---

搜尋外掛

![](https://ps.w.org/pixmapr-lite/assets/banner-772x250.png?rev=3671152)

![](https://ps.w.org/pixmapr-lite/assets/icon.svg?rev=3671087)

# PixMapr Lite – Interactive Image Hotspots

 由 [Walter Pinem](https://profiles.wordpress.org/walterpinem/) 開發

[下載](https://downloads.wordpress.org/plugin/pixmapr-lite.1.0.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/pixmapr-lite/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/pixmapr-lite/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/pixmapr-lite/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/pixmapr-lite/#developers)

 [技術支援](https://wordpress.org/support/plugin/pixmapr-lite/)

## 外掛說明

PixMapr Lite turns a static image into something visitors use. Draw polygon, circle,
or rectangle hotspots straight on the picture, give each one a title, text, an image,
or a link, and embed the result anywhere with the PixMapr block or the `[pixmapr]`
shortcode.

No coordinates to type, no external service, no account. Everything is drawn and
stored on your own site.

**Free, and enough for real work:**

 * **Unlimited interactive images** — no cap, no counter.
 * **Unlimited hotspots per image** – polygon, circle, and rectangle, traced on 
   the image itself.
 * **Two layouts** – an info panel beside the image, or a tooltip that follows the
   hotspot.
 * **Click or hover** to open a hotspot.
 * **Info panels and links** – a title, rich text, and an image per hotspot, or 
   send visitors to any URL.
 * **Five color themes** – Light, Dark, PixMapr, Suzette, and Autumn.
 * **Phone-friendly** – a tappable hotspot list replaces hard-to-hit shapes on small
   screens.
 * **Accessible** – keyboard navigation, ARIA labels, and screen reader announcements
   out of the box.
 * **Block and shortcode** – works in the block editor, the Classic Editor, Divi,
   and any builder that renders shortcodes.
 * **Light on the page** – serve a smaller image size than the original and lazy-
   load images near the viewport.
 * **Your own themes** – five ready-made palettes, a theme builder for your own,
   and alternate highlight styles per image.
 * **Translation-ready** and RTL-ready.

#### What could you make?

 * A floor plan where every room opens its photo and description.
 * A product photo where each part explains itself.
 * An annotated map, chart, or infographic.
 * A team photo that links each face to a profile.
 * A modern replacement for an HTML image map that works on phones.

#### PixMapr Pro

[PixMapr Pro](https://www.onlinestorekit.com/pixmapr/) is the full plugin, built
and used by the people who run the Online Store Kit stores:

 * Unlimited interactive images
 * Six layouts: left, right, top, bottom, lightbox, and tooltip
 * Numbered markers with a matching legend
 * Pan, zoom, and fullscreen for large maps and floor plans, with a separate phone
   layout
 * WooCommerce hotspots: tag products and sell from the picture, with add to cart
   that works without a page reload
 * 20+ themes
 * Engagement counts – image views and hotspot opens, counts only, no personal data
 * Export and import images, themes, and settings as one file
 * Ten automatic snapshots of every image, and one-click duplicate
 * Elementor widget and Beaver Builder module
 * A year of signed automatic updates and email support

Pro and Lite share the same images, so upgrading is install-and-activate: nothing
to migrate, nothing to redraw. Lite can even stay active alongside Pro.

#### Privacy

PixMapr Lite does not call any external service and stores no visitor data. The 
only outbound links are the ones in its own admin screens.

#### Credits

Drawing and rendering are built on three bundled open-source libraries:

 * [Leaflet](https://leafletjs.com/) 1.9.4 — BSD-2-Clause
 * [Leaflet.draw](https://github.com/Leaflet/Leaflet.draw) 1.0.4 — MIT
 * [leaflet-responsive-popup](https://app.unpkg.com/leaflet-responsive-popup@1.0.0)
   1.0.0 — BSD-2-Clause

Full copyright notices and licence texts ship with the plugin in
 THIRD-PARTY-NOTICES.
txt. Un-minified sources for all three are in assets/src/ and from the upstream 
projects above.

## 螢幕擷圖

[⌊Draw polygon, circle, and rectangle hotspots right in the editor.⌉⌊Draw polygon,
circle, and rectangle hotspots right in the editor.⌉[

Draw polygon, circle, and rectangle hotspots right in the editor.

[⌊Give each hotspot a title, text, an image, or a link.⌉⌊Give each hotspot a title,
text, an image, or a link.⌉[

Give each hotspot a title, text, an image, or a link.

[⌊The info panel layout beside the image on the front end.⌉⌊The info panel layout
beside the image on the front end.⌉[

The info panel layout beside the image on the front end.

[⌊The tooltip layout, opening on click or hover.⌉⌊The tooltip layout, opening on
click or hover.⌉[

The tooltip layout, opening on click or hover.

[⌊Pick a theme in the Appearance settings.⌉⌊Pick a theme in the Appearance settings
.⌉[

Pick a theme in the Appearance settings.

[⌊The PixMapr block in the editor.⌉⌊The PixMapr block in the editor.⌉[

The PixMapr block in the editor.

## 適用於區塊編輯器

這個外掛提供 1 個可供區塊編輯器使用的區塊。

 *   PixMapr

## 安裝方式

 1. Go to Plugins  Add New and search for “PixMapr”.
 2. Install and activate PixMapr Lite.
 3. Go to PixMapr  Add New, choose an image, and draw your first hotspot.
 4. Add the PixMapr block to any page or post, or paste the `[pixmapr id="123"]` shortcode
    shown on the edit screen.

#### Manual install

 1. Upload the `pixmapr-lite` folder to `/wp-content/plugins/`.
 2. Activate the plugin from the Plugins screen.

## 常見問題集

### What is the difference between Lite and Pro?

Lite builds unlimited interactive images with unlimited hotspots, two layouts (info
panel and tooltip), five themes, and hotspots that open an info panel or a link —
with no cap on any of it.

Pro is a bigger plugin: four more layouts including a lightbox, numbered markers
with a matching legend, pan/zoom/fullscreen, WooCommerce product hotspots, fifteen
more themes, engagement counts, export/import, snapshots, and the Elementor and 
Beaver Builder integrations. [Compare the two](https://www.onlinestorekit.com/pixmapr/).

### Is there a limit on how many images I can make?

No. Build as many interactive images as you like, with as many hotspots on each 
as you like.

### Do I need to uninstall Lite to use Pro?

No. Install Pro and Lite steps aside automatically. Both plugins use the same images,
so everything you drew is already there.

### Does it work in Elementor, Divi, or the Classic Editor?

The `[pixmapr]` shortcode works in any editor or builder that renders shortcodes,
including Elementor, Divi, and the Classic Editor. The block editor gets a dedicated
PixMapr block. A native Elementor widget and Beaver Builder module are part of Pro.

### Does it work on phones?

Yes. The info panel and tooltip layouts adapt to small screens, and a tappable hotspot
list can replace shapes that are too small to hit with a finger.

### Is it accessible?

Yes. Hotspots can be reached and opened with the keyboard, carry ARIA labels, and
info panels announce their content to screen readers.

### Where do I get help?

Post in the [support forum](https://wordpress.org/support/plugin/pixmapr-lite/).
The [documentation](https://www.onlinestorekit.com/docs/pixmapr/) covers both editions.

### Where do I report a security issue?

Please use the [contact form](https://www.onlinestorekit.com/support/) rather than
the public forum, so it can be fixed before it is disclosed.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈PixMapr Lite – Interactive Image Hotspots〉的開發相關工作。

參與者

 *   [ Walter Pinem ](https://profiles.wordpress.org/walterpinem/)

[將〈PixMapr Lite – Interactive Image Hotspots〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/pixmapr-lite)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/pixmapr-lite/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/pixmapr-lite/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/pixmapr-lite/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/pixmapr-lite/)。

## 變更記錄

#### 1.0.0

 * Initial release.

## 中繼資料

 *  版本 **1.0.0**
 *  最後更新 **3 週前**
 *  啟用安裝數 **10+**
 *  WordPress 版本需求 ** 6.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.1.1**
 *  PHP 版本需求 ** 8.1 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/pixmapr-lite/)
 * 標籤:
 * [floor plan](https://tw.wordpress.org/plugins/tags/floor-plan/)[hotspot](https://tw.wordpress.org/plugins/tags/hotspot/)
   [image hotspots](https://tw.wordpress.org/plugins/tags/image-hotspots/)[Image Map](https://tw.wordpress.org/plugins/tags/image-map/)
   [interactive image](https://tw.wordpress.org/plugins/tags/interactive-image/)
 *  [進階檢視](https://tw.wordpress.org/plugins/pixmapr-lite/advanced/)

## 評分

這個項目尚無任何評論記錄。

[撰寫評分](https://wordpress.org/support/plugin/pixmapr-lite/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/pixmapr-lite/reviews/)

## 參與者

 *   [ Walter Pinem ](https://profiles.wordpress.org/walterpinem/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/pixmapr-lite/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://www.paypal.me/WalterPinem)