{"id":4114,"date":"2020-03-22T12:57:03","date_gmt":"2020-03-22T19:57:03","guid":{"rendered":"http:\/\/blogs.reed.edu\/ed-tech\/?page_id=4114"},"modified":"2024-02-01T13:22:48","modified_gmt":"2024-02-01T21:22:48","slug":"creating-h5p-content","status":"publish","type":"page","link":"https:\/\/blogs.reed.edu\/ed-tech\/creating-and-editing-h5p-content\/creating-h5p-content\/","title":{"rendered":"Creating H5P content in WordPress"},"content":{"rendered":"\n
\n

H5p can be created by logging into your blog, then going to your blog’s Dashboard. If you are viewing your blog, click on the Dashboard icon at the top left of the screen (see the image below for the Dashboard icon..<\/p>\n\n\n

\n
\"\"<\/a>
Dashboard icon highlighted in red<\/figcaption><\/figure><\/div>\n\n\n

Choose H5P Content from the side bar, then choose the \u201cAdd new\u201d button. Select the H5P experience you want to add to your blog.<\/p>\n\n\n\n

Choose the content type you want to add. Each content type is different, so you may be presented with different choices, depending on what you want to do. <\/p>\n\n\n\n

Regardless of the content type, the process is the same for each content type:<\/p>\n\n\n\n

    \n
  1. Create your content type.<\/li>\n\n\n\n
  2. Save your content type.<\/li>\n\n\n\n
  3. Copy the shortcode.
    While viewing your H5P content, you will see a Shortcode area to the right. Copy the whole shortcode, including the brackets. In the screenshot below, the shortcode was copied. Make sure to include the brackets.
    \"\"<\/li>\n\n\n\n
  4. Create a new page or edit an existing page. You can usually paste in the shortcode into an empty paragraph block, but otherwise you can choose a Shortcode block, and add the code there. Click the publish button to view the H5P content now in your page.<\/li>\n<\/ol>\n\n\n\n

    You can edit your H5P content at any time, and the page\/post that it is embedded on will update automatically.<\/p>\n\n\n\n

    For examples of H5P content check out these pages:<\/h2>\n\n\n\n