Title: Image Hotspot by DevVN Author: Le Van Toan Published: 2016 年 9 月 26 日 Last modified: 2025 年 12 月 11 日 --- 搜索插件 ![](https://ps.w.org/devvn-image-hotspot/assets/banner-772x250.png?rev=1503014) ![](https://ps.w.org/devvn-image-hotspot/assets/icon-256x256.jpg?rev=1520057) # Image Hotspot by DevVN 作者：[Le Van Toan](https://profiles.wordpress.org/levantoan/) [下载](https://downloads.wordpress.org/plugin/devvn-image-hotspot.1.3.0.zip) * [详情](https://cn.wordpress.org/plugins/devvn-image-hotspot/#description) * [评价](https://cn.wordpress.org/plugins/devvn-image-hotspot/#reviews) * [安装](https://cn.wordpress.org/plugins/devvn-image-hotspot/#installation) * [开发进展](https://cn.wordpress.org/plugins/devvn-image-hotspot/#developers) [支持](https://wordpress.org/support/plugin/devvn-image-hotspot/) ## 描述 Image Hotspot by DevVN helps you add hotspots to your images. ### Usage Copy your shortcode to view, e.g.: [devvn_ihotspot id=”YOUR_ID”] ### jQuery plugin include * jQuery PowerTip [PowerTop Home](https://stevenbenner.github.io/jquery-powertip/) ## 屏幕截图 [⌊screenshot-1.png⌉⌊screenshot-1.png⌉[ screenshot-1.png [⌊screenshot-2.png⌉⌊screenshot-2.png⌉[ screenshot-2.png ## 安装 1. Upload the entire `devvn-image-hotspot` folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. You will find ‘Image Hotspot’ menu in your WordPress admin panel. For basic usage, you can also have a look at the [plugin homepage](https://levantoan.com/devvn-image-hotspot). ## 常见问题 ### How to change the background tooltip and text color? Read here [change the background tooltip and text color](https://github.com/levantoan/WordPress/blob/master/devvn-image-hotspot/change-background-popup-to-white.css) ## 评价 ![](https://secure.gravatar.com/avatar/a299cf0eda34ddb3cfee009b60dcecf4dcdfe1662bdc29c08c27bc2c51343bfe? s=60&d=retro&r=g) ### 󠀁[Perfert](https://wordpress.org/support/topic/perfert/)󠁿 [freelancesgroup](https://profiles.wordpress.org/freelancesgroup/) 2025 年 11 月 20 日 The best image hotspot ![](https://secure.gravatar.com/avatar/58068506fc7734d210eaba0c753aef1e72f35e55f31b92fb883acb7e876b4bb0? s=60&d=retro&r=g) ### 󠀁[Amazing plugin](https://wordpress.org/support/topic/amazing-plugin-2349/)󠁿 [hohotototo](https://profiles.wordpress.org/hohotototo/) 2023 年 2 月 28 日 Works perfectly with images, text even with different languages ![](https://secure.gravatar.com/avatar/b5c770435c6115563fe5c6ffb1dd8383b596377cea2d928cd39525d027a72120? s=60&d=retro&r=g) ### 󠀁[Not responsive!](https://wordpress.org/support/topic/not-responsive-212/)󠁿 [MartinSwe](https://profiles.wordpress.org/martinswe/) 2022 年 2 月 18 日 Currently the world uses the phone more than a computer, if this plugin is not responsive, why use it? it’s useless. It’s a shame because it’s excellent. I hope you can fix it. BR ![](https://secure.gravatar.com/avatar/9fdc3a6381194f93141c7a31bc4f4e2e1cce3bf54f3fd6fc095db532596cd630? s=60&d=retro&r=g) ### 󠀁[Convenient but…](https://wordpress.org/support/topic/convenient-but/)󠁿 [Duke Snoogens](https://profiles.wordpress.org/mikeloucas/) 2021 年 12 月 29 日 This is convenient, but you can’t scale the icon image and if you decide to change the icon to an SVG, all text from hotspot gets erased. If you try to us an SVG as the icon, it shows up blank with no way to replace the image after words. This tool seems responsive (I was testing it), so that was cool. Convenient and I still think it’s cool for free, but the SVG thing was a bummer. ![](https://secure.gravatar.com/avatar/18f47878c8d49ff264c01f07862cd2fe2235e95dd806ba4a12c22b07b52dfe4d? s=60&d=retro&r=g) ### 󠀁[Perfect, quick and easy!](https://wordpress.org/support/topic/perfect-quick-and-easy/)󠁿 [benbois](https://profiles.wordpress.org/benbois/) 2021 年 8 月 25 日 It’s a quick and simple plugin to add hotspots to any images on your WordPress. Well done! ![](https://secure.gravatar.com/avatar/c9720ca9d1eeccf31d23c16156a2c5ca7c6d1a9903aad4eef67b68134f66b52d? s=60&d=retro&r=g) ### 󠀁[Awesome Plugin!](https://wordpress.org/support/topic/awesome-plugin-5486/)󠁿 [dasmarian](https://profiles.wordpress.org/dasmarian/) 2020 年 11 月 5 日 1 回复 This is a fantastic plugin. Thank you so much for this! [ 阅读所有28条评价 ](https://wordpress.org/support/plugin/devvn-image-hotspot/reviews/) ## 贡献者及开发者 「Image Hotspot by DevVN」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Le Van Toan ](https://profiles.wordpress.org/levantoan/) 「Image Hotspot by DevVN」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/devvn-image-hotspot/contributors) 为本插件所做的贡献。 [帮助将「Image Hotspot by DevVN」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/devvn-image-hotspot) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/devvn-image-hotspot/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/devvn-image-hotspot/)，或通过[RSS](https://plugins.trac.wordpress.org/log/devvn-image-hotspot/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/devvn-image-hotspot/)。 ## 更新日志 For more information, see [Releases](https://levantoan.com/devvn-image-hotspot). #### 1.3.0 – 12/12/2025 * SECURITY: Fix Stored Cross-Site Scripting (XSS) vulnerability in hotspot_content custom field meta (CVE-2025-14445) * SECURITY: Add re-sanitization of data points when loaded from database to prevent XSS attacks * SECURITY: Enhance input sanitization for all data point fields (content, URLs, text fields, numeric values) * SECURITY: Add capability check (edit_posts) to AJAX handler for clone point functionality * SECURITY: Add wp_unslash() to all $_POST and $_REQUEST inputs before sanitization * SECURITY: Add sanitization callback for register_setting() to validate and sanitize plugin options * CODE: Rename functions to follow WordPress naming conventions (add plugin prefix) * CODE: Fix WordPress Coding Standards violations (function prefixes, hook names, input sanitization) * CODE: Improve code quality and compliance with WordPress Plugin Check requirements * CODE: Add proper escaping and sanitization throughout the plugin #### 1.2.9 – 16/07/2025 * Add ALT to main image #### 1.2.8 – 26/09/2024 * Fix shortcode in content pin. * Enable iframe in content pin. #### 1.2.7 – 26/08/2024 * Update JS to be compatible with lazy load * Update .pot file (Thanks to Alex Lion (阿力獅) feedback) #### 1.2.6 – 23/08/2024 * Add allowed_classes => false to unserialize. As suggested by “Michelle Porter– Wordfence Web Application Vulnerability Analyst”. Many thanks to Michelle Porter * Add ALT tag to point #### 1.2.5 – 16/08/2024 * Fix serious error in version 1.2.4 #### 1.2.4 – 16/08/2024 * Fix Authenticated (Author+) PHP Object Injection. Thanks to Lucio Sá * Add editor JS and TinyMCE JS #### 1.2.2 – 05/03/2022 * Add option for popup full screen or normal on mobile * Fix css close button #### 1.2.1 – 14/12/2020 * Fix with WordPress 5.6 #### 1.2.0 – 03/04/2020 * Fix: CSS RTL #### 1.1.9 – 28/03/2020 * Fix: Stop video when close tooltips #### 1.1.8 * PHP Compatibility: compatible with PHP >= 7.2 #### 1.1.7 * Fix: compatibility with WordPress 5.x.x #### 1.1.6 * Fix: text domain from `devvn` to `devvn-image-hotspot` #### 1.1.5 * Fix: potential theme CSS conflict #### 1.1.4 * Fix: Edit link in popup #### 1.1.3 * Fix: some CSS styles #### 1.1.2 * Fix: some CSS styles in admin panel #### 1.1.1 * Update: some CSS styles #### 1.1.0 * Add: target for link pins #### 1.0.9 * Fix: conflict with some themes #### 1.0.8 * Update responsive for popup #### 1.0.7 * Fixed: conflict with Avada theme * Don’t load modal Bootstrap if it exists or is loaded #### 1.0.6 * Add: ID and Class for pins #### 1.0.5 * Add: Select Placement for each Pin * Update PowerTip: PowerTip 1.3.0 #### 1.0.4 * Edit: Don’t show tooltip when empty content #### 1.0.3 * Add Pulse to pins * Edit style #### 1.0.2 * Edit css * Compress css and js in frontend * Add donate button in side #### 1.0.1 * [ADD] Link to pins * [ADD] Custom different icons and different hover icons. #### 1.0 * Update new plugin ## 额外信息 * 版本 **1.3.0** * 最后更新：**6 月前** * 活跃安装数量 **30,000+** * WordPress 版本 ** 4.6 或更高版本 ** * 已测试的最高版本为 **6.9.4** * 语言 * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/devvn-image-hotspot/) 和 [English (US)](https://wordpress.org/plugins/devvn-image-hotspot/). * [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/devvn-image-hotspot) * 标签 * [hotspot](https://cn.wordpress.org/plugins/tags/hotspot/)[image](https://cn.wordpress.org/plugins/tags/image/) [image hotspot](https://cn.wordpress.org/plugins/tags/image-hotspot/)[maps](https://cn.wordpress.org/plugins/tags/maps/) [points](https://cn.wordpress.org/plugins/tags/points/) * [高级视图](https://cn.wordpress.org/plugins/devvn-image-hotspot/advanced/) ## 评级 4.3 星（最高 5 星）。 * [ 23 条 5 星评价 ](https://wordpress.org/support/plugin/devvn-image-hotspot/reviews/?filter=5) * [ 1 条 4 星评价 ](https://wordpress.org/support/plugin/devvn-image-hotspot/reviews/?filter=4) * [ 1 条 3 星评价 ](https://wordpress.org/support/plugin/devvn-image-hotspot/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/devvn-image-hotspot/reviews/?filter=2) * [ 4 条 1 星评价 ](https://wordpress.org/support/plugin/devvn-image-hotspot/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/devvn-image-hotspot/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/devvn-image-hotspot/reviews/) ## 贡献者 * [ Le Van Toan ](https://profiles.wordpress.org/levantoan/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/devvn-image-hotspot/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://levantoan.com/donate/)