{"id":54,"date":"2022-02-08T19:46:04","date_gmt":"2022-02-08T19:46:04","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/?page_id=54"},"modified":"2024-03-28T19:54:33","modified_gmt":"2024-03-28T19:54:33","slug":"getting-started","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/walk-throughs\/getting-started\/","title":{"rendered":"Getting Started with H5P on Glow Blogs"},"content":{"rendered":"\n<p>Some of the more complex content types require a bit work to create, but there are many types that are very simple to make.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Install the H5P plugin<\/h3>\n\n\n\n<p>In the dashboard of the blog you would like to create content, visit the Plugins section and activate the plugin.<\/p>\n\n\n\n<p>This will add an H5P section to the sidebar of the Dashboard and <strong>H5P Content<\/strong> to the +New menu in the admin toolbar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"creatingcontent\">Creating Content<\/h3>\n\n\n\n<p>When you want to create a new piece of content you either choose Add New from the sub-menu of the H5P section of the Dashboard:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"734\" height=\"294\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12173344\/sidebar-add-new.png\" alt=\"\" class=\"wp-image-57\" srcset=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12173344\/sidebar-add-new.png 734w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12173344\/sidebar-add-new-300x120.png 300w\" sizes=\"auto, (max-width: 734px) 100vw, 734px\" \/><\/figure><\/div>\n\n\n<p>Or Choose H5P Content from the + New menu in the admin Toolbar:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"456\" height=\"432\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12173343\/add-new-h5p.png\" alt=\"\" class=\"wp-image-56\" srcset=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12173343\/add-new-h5p.png 456w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12173343\/add-new-h5p-300x284.png 300w\" sizes=\"auto, (max-width: 456px) 100vw, 456px\" \/><\/figure><\/div>\n\n\n<p>This will take you to the Add New H5P section of the dashboard.<\/p>\n\n\n\n<p>This section lists all the different types of H5P content you can create. The First time use create a particular type of content you need to <strong>Get<\/strong> that content type. This adds the necessary code of that type.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"713\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12174021\/Create-Content.png\" alt=\"Choose Content Type\" class=\"wp-image-59\" srcset=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12174021\/Create-Content.png 800w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12174021\/Create-Content-300x267.png 300w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12174021\/Create-Content-768x684.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p>You can click on the name of a content type to find out more details, visit a demo and then <strong>Install<\/strong> that type.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"567\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12174019\/content-type-preview.png\" alt=\"Content Type Detail\" class=\"wp-image-58\" srcset=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12174019\/content-type-preview.png 800w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12174019\/content-type-preview-300x213.png 300w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2022\/02\/12174019\/content-type-preview-768x544.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p>After <strong>Installing<\/strong> the Plugin you can <strong>Use<\/strong> it to create content of that type. &nbsp;Each content type has different features. Here is an example of the steps needed to create an image with multiple hotspots: <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/creation-walk-through\/\">Multiple Hotspot Creation<\/a>.<\/p>\n\n\n\n<p>There are a lot more detailed tutorials for adding different content types on the <a href=\"https:\/\/h5p.org\/documentation\/for-authors\/tutorials\">Tutorials for authors <\/a>page on the H5P site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Some of the more complex content types require a bit work to create, but there are many types that are very simple to make. Install the H5P plugin In the dashboard of the blog you would like to create content, visit the Plugins section and activate the plugin. This will add an H5P section to [&hellip;]<\/p>\n","protected":false},"author":22,"featured_media":59,"parent":339,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-54","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\/54","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=54"}],"version-history":[{"count":8,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":352,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/pages\/54\/revisions\/352"}],"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\/59"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}