{"id":64,"date":"2022-02-12T19:45:19","date_gmt":"2022-02-12T19:45:19","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/?page_id=64"},"modified":"2024-03-27T22:08:45","modified_gmt":"2024-03-27T22:08:45","slug":"creation-walk-through","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/walk-throughs\/creation-walk-through\/","title":{"rendered":"Multiple Hotspot Creation Walk Through"},"content":{"rendered":"\n

After clicking to create New H5P content locate the Find Multiple Hotspot <\/em> content type and click Details<\/strong>, the information screen appears:<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Click Install:<\/p>\n\n\n

\n
\"Screenshot<\/figure><\/div>\n\n\n

Then click Use<\/strong>, and the creation screen appears. Give your content a title:<\/p>\n\n\n

\n
\"Screenshot<\/figure><\/div>\n\n\n

And click the Add button to add the image you want to use.<\/p>\n\n\n

\n
\"Background<\/figure><\/div>\n\n\n

Click the Hotspots tab or the Next Step Hotspots button.<\/p>\n\n\n

\n
\"Screenshot<\/figure><\/div>\n\n\n

you can use the circle or square button at the top left to add a hotspot. When you do a dialog appears where you can indicate if the hotspot is the right one and give feedback:<\/p>\n\n\n

\n
\"hot<\/figure><\/div>\n\n\n

When you click Done you can resize and move the Hotspot:<\/p>\n\n\n

\n
\"edit<\/figure><\/div>\n\n\n

Repeat for all the hotspots you need:<\/p>\n\n\n

\n
\"Adding<\/figure><\/div>\n\n
\n
\"All<\/figure><\/div>\n\n\n

Once we have added all the hot spots we need to create the content.<\/p>\n\n\n\n

Creating Contents<\/h2>\n\n\n
\n
\"Create<\/figure><\/div>\n\n\n

In this case we disallow the copying or downloading of content:<\/p>\n\n\n

\n
\"Remove<\/a><\/figure><\/div>\n\n\n

After clicking Create<\/strong> it can take a few moments for the content to be created.<\/p>\n\n\n

\n
\"Created<\/a><\/figure><\/div>\n\n\n

Publishing the Content on a Post or page<\/h2>\n\n\n\n

On this screen you can try out the content and copy the shortcode to add it to a post or page.<\/p>\n\n\n

\n
\"Testing<\/a><\/figure><\/div>\n\n\n

So here is the content, I just pasted [h5p id=\"16\"] into the page editor:<\/p>\n\n\n

<\/div>\n\n\n\n

You can also use the Insert H5P button on the classic editor toolbar.<\/p>\n\n\n

\n
\"Add<\/figure><\/div>\n\n\n

There are a lot more detailed tutorials for adding different content types on the Tutorials for authors <\/a> page on the H5P site.<\/p>\n","protected":false},"excerpt":{"rendered":"

After clicking to create New H5P content locate the Find Multiple Hotspot  content type and click Details, the information screen appears: Click Install: Then click Use, and the creation screen appears. Give your content a title: And click the Add button to add the image you want to use. Click the Hotspots tab or the Next […]<\/p>\n","protected":false},"author":22,"featured_media":66,"parent":339,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-64","page","type-page","status-publish","has-post-thumbnail","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":8,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":349,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/pages\/64\/revisions\/349"}],"up":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/pages\/339"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/media\/66"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/media?parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}