Title: PixMapr Lite – Interactive Image Hotspots Author: Walter Pinem Published: 2026 年 8 月 29 日 Last modified: 2026 年 10 月 4 日 --- 搜索插件 ![](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.1.zip) * [详情](https://cn.wordpress.org/plugins/pixmapr-lite/#description) * [评价](https://cn.wordpress.org/plugins/pixmapr-lite/#reviews) * [安装](https://cn.wordpress.org/plugins/pixmapr-lite/#installation) * [开发进展](https://cn.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.1 * Fixed: tooltips could stop opening on pages where the theme or another plugin loads its own copy of the Leaflet map library. PixMapr now keeps working whichever copy loads last. * Fixed: lists, headings and paragraphs in a hotspot description now keep their formatting in the tooltip layout. Bullets and numbers show on every theme, and the tooltip uses the site’s own typeface at a readable size. * Fixed: the hotspot list no longer picks up a theme’s bullets and indent. * Improved: uploading a map image now shows a spinner with progress, and says when the image is being processed. A large image no longer looks as if nothing is happening. * Fixed: after uploading a map image and then removing it, the upload box could stay empty until the page was reloaded. * Improved: a file that is too large, of the wrong type, or refused by the server now says so in the Map Image box. #### 1.0.0 * Initial release. ## 额外信息 * 版本 **1.0.1** * 最后更新：**1 周前** * 活跃安装数量 **30+** * WordPress 版本 ** 6.0 或更高版本 ** * 已测试的最高版本为 **7.1.3** * PHP 版本 ** 8.1 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/pixmapr-lite/) * 标签 * [floor plan](https://cn.wordpress.org/plugins/tags/floor-plan/)[hotspot](https://cn.wordpress.org/plugins/tags/hotspot/) [image hotspots](https://cn.wordpress.org/plugins/tags/image-hotspots/)[Image Map](https://cn.wordpress.org/plugins/tags/image-map/) [interactive image](https://cn.wordpress.org/plugins/tags/interactive-image/) * [高级视图](https://cn.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)