{"id":88,"date":"2016-09-01T16:27:01","date_gmt":"2016-09-01T15:27:01","guid":{"rendered":"http:\/\/generic.wordpress.soton.ac.uk\/altc\/?page_id=88"},"modified":"2016-09-02T16:54:26","modified_gmt":"2016-09-02T15:54:26","slug":"adding-h5p-content-to-a-webpage","status":"publish","type":"page","link":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/workshop-tasks\/adding-h5p-content-to-a-webpage\/","title":{"rendered":"Adding H5P content to a webpage"},"content":{"rendered":"<p>When you&#8217;ve created your\u00a0learning object\u00a0there are\u00a0a few ways to add it to a webpage.<\/p>\n<h2>1. Using the WordPress Embedder (easy)<\/h2>\n<p>Firstly create a new blog post (posts &gt; add new). Above the text editor you should see a &#8216;Add H5P&#8217; button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-91\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/add_h5p.png\" alt=\"add_h5p\" width=\"190\" height=\"39\" \/><\/p>\n<p>Click this to list the H5P content available and then click the &#8216;insert&#8217; button to add it to the page. Publish and view your content!<\/p>\n<h2><\/h2>\n<h2>2. Using the &#8216;Embed&#8217; code (Trickier)<\/h2>\n<p>Clicking the embed link will bring some code that you can copy and paste to any other webpage (in the HTML source) to embed the object.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-89\" src=\"http:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-content\/uploads\/sites\/135\/2016\/09\/embed.png\" alt=\"embed\" width=\"190\" height=\"26\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Add your H5P content to a new blog post now to share with\u00a0everyone else and get some\u00a0feedback on your work \ud83d\ude42<\/p>\n<p><a href=\"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-admin\/post-new.php\">Click here to add a new blog post<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you&#8217;ve created your\u00a0learning object\u00a0there are\u00a0a few ways to add it to a webpage. 1. Using the WordPress Embedder (easy) Firstly create a new blog post (posts &gt; add new). Above the text editor you should see a &#8216;Add H5P&#8217;<\/p>\n","protected":false},"author":406,"featured_media":0,"parent":95,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/users\/406"}],"replies":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":3,"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":155,"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/pages\/88\/revisions\/155"}],"up":[{"embeddable":true,"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/pages\/95"}],"wp:attachment":[{"href":"https:\/\/generic.wordpress.soton.ac.uk\/altc\/wp-json\/wp\/v2\/media?parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}