{"id":3547,"date":"2020-02-26T11:19:55","date_gmt":"2020-02-26T11:19:55","guid":{"rendered":"https:\/\/elements.getwid.getmotopress.com\/?page_id=3547"},"modified":"2025-08-11T20:46:25","modified_gmt":"2025-08-11T18:46:25","slug":"image-hotspot-wordpress-block","status":"publish","type":"page","link":"https:\/\/yogamo.axessdata.se\/index.php\/blocks-03\/image-hotspot-wordpress-block\/","title":{"rendered":"Bild Hotspot WordPress Block"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Bild Hotspot WordPress Block<\/strong> \u00e4r ett unikt block f\u00f6r Gutenberg biblioteket som till\u00e5ter att placera valfritt antal animerade mark\u00f6rer\/verktygstips \u00f6ver bilder f\u00f6r att g\u00f6ra dem mer l\u00e4rorika.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-getwid-image-hotspot alignwide has-animated-dots\" data-appearance-animation=\"slideDown\" data-image-points=\"[{&quot;title&quot;:&quot;Sido Rubrik&quot;,&quot;link&quot;:&quot;https:\/\/en.wikipedia.org\/wiki\/Header&quot;,&quot;newTab&quot;:true,&quot;content&quot;:&quot;En webbplats rubrik sitter h\u00f6gst upp p\u00e5 varje sida och fyller n\u00e5gra mycket viktiga syften. ... Sammantaget g\u00f6r en bra rubrik din webbplats l\u00e4ttare att navigera, etablerar ditt varum\u00e4rke och skapar en enhetlig webbupplevelse p\u00e5 hela webbplatsen.&quot;,&quot;popUpOpen&quot;:false,&quot;popUpWidth&quot;:350,&quot;placement&quot;:&quot;top&quot;,&quot;position&quot;:{&quot;x&quot;:&quot;23.55%&quot;,&quot;y&quot;:&quot;24.84%&quot;},&quot;icon&quot;:&quot;&quot;,&quot;color&quot;:&quot;&quot;,&quot;backgroundColor&quot;:&quot;&quot;},{&quot;title&quot;:&quot;Meny&quot;,&quot;link&quot;:&quot;&quot;,&quot;newTab&quot;:false,&quot;content&quot;:&quot;Webbplats menyn visas p\u00e5 varje sida p\u00e5 en webbplats. Den inneh\u00e5ller en upps\u00e4ttning praktiska l\u00e4nkar som g\u00f6r det enklare att navigera p\u00e5 din webbplats.&quot;,&quot;popUpOpen&quot;:false,&quot;popUpWidth&quot;:350,&quot;placement&quot;:&quot;top&quot;,&quot;position&quot;:{&quot;x&quot;:&quot;71.27%&quot;,&quot;y&quot;:&quot;27.48%&quot;},&quot;icon&quot;:&quot;&quot;,&quot;color&quot;:&quot;&quot;,&quot;backgroundColor&quot;:&quot;&quot;},{&quot;title&quot;:&quot;Sido Inneh\u00e5ll&quot;,&quot;link&quot;:&quot;&quot;,&quot;newTab&quot;:false,&quot;content&quot;:&quot;Webbinneh\u00e5ll \u00e4r det textuella, <a href=\\&quot;#\\&quot; &amp;=\\&quot;\\&quot;&gt;visuella<\/a&gt; eller auditiva inneh\u00e5ll som uppst\u00e5r som en del av anv\u00e4ndarupplevelsen p\u00e5 webbplatser.&quot;,&quot;popUpOpen&quot;:false,&quot;popUpWidth&quot;:350,&quot;placement&quot;:&quot;top&quot;,&quot;position&quot;:{&quot;x&quot;:&quot;55.36%&quot;,&quot;y&quot;:&quot;62.89%&quot;},&quot;icon&quot;:&quot;&quot;,&quot;color&quot;:&quot;&quot;,&quot;backgroundColor&quot;:&quot;&quot;}]\" data-trigger=\"click\" data-theme=\"dark\" data-tooltip-animation=\"shift-toward\" data-arrow=\"true\"><div class=\"wp-block-getwid-image-hotspot__wrapper\"><img decoding=\"async\" src=\"https:\/\/cgw.motopress.com\/wp-content\/uploads\/2020\/02\/image-03.jpg\" alt=\"\" class=\"wp-block-getwid-image-hotspot__image wp-image-3456\"\/><div data-point-id=\"0\" class=\"wp-block-getwid-image-hotspot__dot has-animation-pulse\" style=\"left:23.55%;top:24.84%\"><div class=\"wp-block-getwid-image-hotspot__dot-wrapper\"><div class=\"wp-block-getwid-image-hotspot__dot-content\"><i class=\"fas fa-plus wp-block-getwid-image-hotspot__dot-icon\"><\/i><\/div><\/div><div class=\"wp-block-getwid-image-hotspot__dot-description\"><div class=\"wp-block-getwid-image-hotspot__dot-title\"><a href=\"https:\/\/en.wikipedia.org\/wiki\/Header\" target=\"_blank\" rel=\"noopener noreferrer\">Sido Rubrik<\/a><\/div><\/div><\/div><div data-point-id=\"1\" class=\"wp-block-getwid-image-hotspot__dot has-animation-pulse\" style=\"left:71.27%;top:27.48%\"><div class=\"wp-block-getwid-image-hotspot__dot-wrapper\"><div class=\"wp-block-getwid-image-hotspot__dot-content\"><i class=\"fas fa-plus wp-block-getwid-image-hotspot__dot-icon\"><\/i><\/div><\/div><div class=\"wp-block-getwid-image-hotspot__dot-description\"><div class=\"wp-block-getwid-image-hotspot__dot-title\">Meny<\/div><\/div><\/div><div data-point-id=\"2\" class=\"wp-block-getwid-image-hotspot__dot has-animation-pulse\" style=\"left:55.36%;top:62.89%\"><div class=\"wp-block-getwid-image-hotspot__dot-wrapper\"><div class=\"wp-block-getwid-image-hotspot__dot-content\"><i class=\"fas fa-plus wp-block-getwid-image-hotspot__dot-icon\"><\/i><\/div><\/div><div class=\"wp-block-getwid-image-hotspot__dot-description\"><div class=\"wp-block-getwid-image-hotspot__dot-title\">Sido Inneh\u00e5ll<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Anpassad ikon och bakgrundsf\u00e4rg f\u00f6r verktygstips, aktivt verktygstips som standard, placering av verktygstips.<\/p>\n\n\n\n<div class=\"wp-block-getwid-image-hotspot alignwide has-animated-dots\" data-appearance-animation=\"zoomIn\" data-image-points=\"[{&quot;title&quot;:&quot;Sido Rubrik&quot;,&quot;link&quot;:&quot;&quot;,&quot;newTab&quot;:false,&quot;content&quot;:&quot;En webbplats rubrik sitter h\u00f6gst upp p\u00e5 varje sida och fyller n\u00e5gra mycket viktiga syften. ... Sammantaget g\u00f6r en bra rubrik din webbplats l\u00e4ttare att navigera, etablerar ditt varum\u00e4rke och skapar en enhetlig webbupplevelse p\u00e5 hela webbplatsen.&quot;,&quot;popUpOpen&quot;:false,&quot;popUpWidth&quot;:350,&quot;placement&quot;:&quot;right&quot;,&quot;position&quot;:{&quot;x&quot;:&quot;38.45%&quot;,&quot;y&quot;:&quot;32.45%&quot;},&quot;icon&quot;:&quot;fab fa-apple&quot;,&quot;color&quot;:&quot;&quot;,&quot;backgroundColor&quot;:&quot;#8c8c8c&quot;},{&quot;title&quot;:&quot;Meny&quot;,&quot;link&quot;:&quot;&quot;,&quot;newTab&quot;:false,&quot;content&quot;:&quot;<a href=\\&quot;#\\&quot; &amp;=\\&quot;\\&quot;&gt;Webbplatsmenyn<\/a&gt; visas p\u00e5 varje sida p\u00e5 en webbplats. Den inneh\u00e5ller en upps\u00e4ttning praktiska l\u00e4nkar som g\u00f6r det enklare att navigera p\u00e5 din webbplats.\\n&quot;,&quot;popUpOpen&quot;:true,&quot;popUpWidth&quot;:&quot;300&quot;,&quot;placement&quot;:&quot;top&quot;,&quot;position&quot;:{&quot;x&quot;:&quot;75.36%&quot;,&quot;y&quot;:&quot;52.48%&quot;},&quot;icon&quot;:&quot;fab fa-amazon&quot;,&quot;color&quot;:&quot;#ffffff&quot;,&quot;backgroundColor&quot;:&quot;#ff9900&quot;},{&quot;title&quot;:&quot;Sido Inneh\u00e5ll&quot;,&quot;link&quot;:&quot;&quot;,&quot;newTab&quot;:false,&quot;content&quot;:&quot;Webb inneh\u00e5ll \u00e4r det textuella, visuella eller auditiva inneh\u00e5ll som p\u00e5tr\u00e4ffas som en del av anv\u00e4ndare upplevelsen p\u00e5 webbplatser.&quot;,&quot;popUpOpen&quot;:false,&quot;popUpWidth&quot;:350,&quot;placement&quot;:&quot;bottom&quot;,&quot;position&quot;:{&quot;x&quot;:&quot;17.36%&quot;,&quot;y&quot;:&quot;53.73%&quot;},&quot;icon&quot;:&quot;fab fa-wordpress-simple&quot;,&quot;color&quot;:&quot;&quot;,&quot;backgroundColor&quot;:&quot;#146eb4&quot;}]\" data-trigger=\"multiple\" data-theme=\"light-border\" data-tooltip-animation=\"shift-toward\" data-arrow=\"true\"><div class=\"wp-block-getwid-image-hotspot__wrapper\"><img decoding=\"async\" src=\"https:\/\/cgw.motopress.com\/wp-content\/uploads\/2020\/02\/image-01.jpg\" alt=\"\" class=\"wp-block-getwid-image-hotspot__image wp-image-3454\"\/><div data-point-id=\"0\" class=\"wp-block-getwid-image-hotspot__dot has-animation-pulse\" style=\"padding:12px;left:38.45%;top:32.45%;background-color:#8c8c8c\"><div class=\"wp-block-getwid-image-hotspot__dot-wrapper\"><div style=\"font-size:32px\" class=\"wp-block-getwid-image-hotspot__dot-content\"><i class=\"fab fa-apple wp-block-getwid-image-hotspot__dot-icon\"><\/i><\/div><\/div><div class=\"wp-block-getwid-image-hotspot__dot-description\"><div class=\"wp-block-getwid-image-hotspot__dot-title\">Sido Rubrik<\/div><\/div><\/div><div data-point-id=\"1\" class=\"wp-block-getwid-image-hotspot__dot has-animation-pulse\" style=\"padding:12px;left:75.36%;top:52.48%;background-color:#ff9900\"><div class=\"wp-block-getwid-image-hotspot__dot-wrapper\"><div style=\"color:#ffffff;font-size:32px\" class=\"wp-block-getwid-image-hotspot__dot-content\"><i class=\"fab fa-amazon wp-block-getwid-image-hotspot__dot-icon\"><\/i><\/div><\/div><div class=\"wp-block-getwid-image-hotspot__dot-description\"><div class=\"wp-block-getwid-image-hotspot__dot-title\">Meny<\/div><\/div><\/div><div data-point-id=\"2\" class=\"wp-block-getwid-image-hotspot__dot has-animation-pulse\" style=\"padding:12px;left:17.36%;top:53.73%;background-color:#146eb4\"><div class=\"wp-block-getwid-image-hotspot__dot-wrapper\"><div style=\"font-size:32px\" class=\"wp-block-getwid-image-hotspot__dot-content\"><i class=\"fab fa-wordpress-simple wp-block-getwid-image-hotspot__dot-icon\"><\/i><\/div><\/div><div class=\"wp-block-getwid-image-hotspot__dot-description\"><div class=\"wp-block-getwid-image-hotspot__dot-title\">Sido Inneh\u00e5ll<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bild Hotspot WordPress Block \u00e4r ett unikt block f\u00f6r Gutenberg biblioteket som till\u00e5ter att placera valfritt antal animerade mark\u00f6rer\/verktygstips \u00f6ver bilder f\u00f6r att g\u00f6ra dem mer l\u00e4rorika. Anpassad ikon och bakgrundsf\u00e4rg f\u00f6r verktygstips, aktivt verktygstips som standard, placering av verktygstips.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3443,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3547","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yogamo.axessdata.se\/index.php\/wp-json\/wp\/v2\/pages\/3547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yogamo.axessdata.se\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yogamo.axessdata.se\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yogamo.axessdata.se\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yogamo.axessdata.se\/index.php\/wp-json\/wp\/v2\/comments?post=3547"}],"version-history":[{"count":4,"href":"https:\/\/yogamo.axessdata.se\/index.php\/wp-json\/wp\/v2\/pages\/3547\/revisions"}],"predecessor-version":[{"id":3780,"href":"https:\/\/yogamo.axessdata.se\/index.php\/wp-json\/wp\/v2\/pages\/3547\/revisions\/3780"}],"up":[{"embeddable":true,"href":"https:\/\/yogamo.axessdata.se\/index.php\/wp-json\/wp\/v2\/pages\/3443"}],"wp:attachment":[{"href":"https:\/\/yogamo.axessdata.se\/index.php\/wp-json\/wp\/v2\/media?parent=3547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}