\n
Getwid has many other features besides the Hotspots feature.<\/p>\n<\/div><\/section>\n\n\n\nWhat I want to use is [Hotspots]<\/p>\n\n\n\n<\/span>You can choose the icon and color<\/span><\/h3>\n\n\n\n<\/span>Hotspots setup procedure<\/span><\/h3>\n\n\n\n<\/p>\n\n\n\n
Add Hotspots block<\/li> Upload the base image<\/li> Place a pin where you want the popup to appear<\/li> Add pin icon, color, and click content<\/li><\/ol>\n\n\n\nBy following the steps above, you can set up Hotspots without any coding.<\/p>\n\n\n\n<\/span>Image Hotspots by DevVN Plugin<\/span><\/h2>\n\n\n\nNext, I'd like to introduce a DevVN plugin dedicated to creating hotspots.<\/p>\n\n\n\n
As of March 2022, the last update was one week ago, so this plugin is also frequently updated, so I think it's safe to use.<\/p>\n\n\n\n<\/span>Image Hotspot by DevVN Plugin Installation<\/span><\/h3>\n\n\n\nA new item has been added to your WordPress dashboard.<\/p>\n\n\n\n<\/span>Set your favorite image as the icon<\/span><\/h3>\n\n\n\nThe difference from Getwid above is that you can set your favorite image as the icon.<\/p>\n\n\n\n
<\/span>How to set up Hotspots<\/span><\/h3>\n\n\n\nSet icon image<\/li> Set the base image<\/li> Add icons on top of images with Add spots<\/li> Drag the icon to the desired position<\/li><\/ol>\n\n\n\n<\/div>
\n
The difference with Getwid is that it has a wide range of clickable content. You can also embed shortcodes in it, so you can add galleries and contact forms.<\/p>\n<\/div><\/section>\n\n\n\n
<\/span>You can embed it anywhere you like using a shortcode<\/span><\/h3>\n\n\n\nImage Hotspots for DevVN is a shortcode, so you can embed the hotspots you create anywhere you like.<\/p>\n\n\n\n
<\/span>Extra edition<\/span><\/h2>\n\n\n\nAlthough it's not free, I found a plugin that allows you to add hotspots to 360-degree panoramic images, so I'd like to introduce it to you. [iPanorama 360 WordPress Virtual Tour Builder]<\/p>\n\n\n\n
If I were asked to build a website like this, I would definitely like to suggest this.<\/p>\n\n\n\n\u30ec\u30f3\u30bf\u30eb\u30b9\u30da\u30fc\u30b9\u306eWEB\u30b5\u30a4\u30c8\u3092\u4f5c\u308b\u6a5f\u4f1a\u304c\u3042\u308a\u3001\u56f3\u9762\u306e\u4efb\u610f\u306e\u5834\u6240\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u3001\u8a73\u7d30\u304c\u51fa\u3066\u304f\u308b\u6a5f\u80fd\u306e\u30ce\u30fc\u30b3\u30fc\u30c9\u3067\u5b9f\u88c5\u51fa\u6765\u306a\u3044\u304b\u8abf\u3079\u307e\u3057\u305f\u3002 \u56f3\u9762\u306e\u3068\u3042\u308b\u5834\u6240\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u8a73\u7d30\u304c\u8868\u793a\u3055\u308c\u3001\u307e\u305f\u56f3\u9762\u4e0a\u306e\u9055\u3046\u5834\u6240\u3092\u30af\u30ea\u30c3\u30af […]<\/p>\n","protected":false},"author":1,"featured_media":9125,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[1474],"tags":[1499,1483],"class_list":["post-7175","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocode","tag-hotspots","tag-1483"],"blocksy_meta":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/03\/thumnail-20.png",720,540,false],"thumbnail":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/03\/thumnail-20-150x150.png",150,150,true],"medium":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/03\/thumnail-20-300x225.png",300,225,true],"medium_large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/03\/thumnail-20.png",720,540,false],"large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/03\/thumnail-20.png",720,540,false],"1536x1536":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/03\/thumnail-20.png",720,540,false],"2048x2048":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/03\/thumnail-20.png",720,540,false],"trp-custom-language-flag":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/03\/thumnail-20.png",16,12,false]},"uagb_author_info":{"display_name":"\u682a\u5f0f\u4f1a\u793eHanamiWEB \u4ee3\u8868\u53d6\u7de0\u5f79 \u677e\u6d66\u307f\u3055","author_link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/author\/hanami\/"},"uagb_comment_info":0,"uagb_excerpt":"\u30ec\u30f3\u30bf\u30eb\u30b9\u30da\u30fc\u30b9\u306eWEB\u30b5\u30a4\u30c8\u3092\u4f5c\u308b\u6a5f\u4f1a\u304c\u3042\u308a\u3001\u56f3\u9762\u306e\u4efb\u610f\u306e\u5834\u6240\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u3001\u8a73\u7d30\u304c\u51fa\u3066\u304f\u308b\u6a5f\u80fd\u306e\u30ce\u30fc\u30b3\u30fc…","brizy_media":[],"_links":{"self":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/7175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/comments?post=7175"}],"version-history":[{"count":0,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/7175\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media\/9125"}],"wp:attachment":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media?parent=7175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/categories?post=7175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/tags?post=7175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}