{"id":62,"date":"2020-06-29T16:36:19","date_gmt":"2020-06-29T20:36:19","guid":{"rendered":"http:\/\/fukasawa-template.trubox.ca\/?page_id=62"},"modified":"2020-06-29T16:36:19","modified_gmt":"2020-06-29T20:36:19","slug":"creating-h5p-content","status":"publish","type":"post","link":"https:\/\/create.twu.ca\/portfolio-hope\/2020\/06\/29\/creating-h5p-content\/","title":{"rendered":"Creating H5P Content"},"content":{"rendered":"\n\n\n\n\n

Create new H5P Content in WordPress<\/h3>\n\n\n\n

If the plugin is not already activated, activate the H5P plugin:<\/p>\n\n\n\n

  1. Click H5P content<\/strong><\/li>
  2. Click Add new<\/strong><\/li><\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Please note: You may have to click “Select content type” to open the H5P hub.<\/p>\n\n\n\n

    \"Select<\/figure>\n\n\n\n

    To reuse <\/strong>a .h5p file click “Upload” then click the “Upload a file” button to navigate to your file, select your file and click “Use” the editor will load and you will be able to start edit the H5P content. Don’t forget to click<\/em> Create <\/strong>and when editing the content remember to click<\/em> Update <\/strong>often!<\/em><\/p>\n\n\n\n

    \"Upload<\/figure>\n\n\n\n

    To create a new <\/strong>H5P content you need to install content types first. Below are the instructions on how to do this using the H5P Hub. <\/p>\n\n\n\n

    Select “Newest first” – you will get the list of all content types ordered by the date of the release. Click “Get<\/strong>” on any content type to proceed to the Content type details page.<\/p>\n\n\n\n

    \"Installing<\/figure>\n\n\n\n

    On the Content type details<\/em> page you can read the details about each content type, see the screenshots and example content. Click “Install<\/strong>” to install the selected content type.<\/p>\n\n\n\n

    \"Install<\/figure>\n\n\n\n

    Click “Use<\/strong>” to open the editor and start creating the content. Note<\/strong>: if the content type is already installed you will skip the steps above and only have to click “Use<\/strong>“<\/p>\n\n\n\n

    \"Use<\/figure>\n\n\n\n

    Editing H5P Content on Your Site<\/h3>\n\n\n\n

    After uploading or creating new H5P content you may want to edit it, you can do so using the built-in editor.<\/p>\n\n\n\n

    Go to H5P Content<\/strong> > All H5P content <\/strong>and click Edit <\/strong>for the activity you want to edit.<\/p>\n\n\n\n

    The following image shows you the editor for Multiple Choice, use “Tutorial<\/strong>” and “Example<\/strong>” links at the top to learn more about this content type and to see some examples of usage. (These links are available on all content types and will take you to the corresponding documentation!)<\/p>\n\n\n\n

    \"Edit<\/figure>\n\n\n\n

    Best Practices (and tips!) for Creating and Using H5P Tools<\/h3>\n\n\n\n

    Finally, let’s go over some best practices and a few handy tips. <\/p>\n\n\n\n

    1. Keep in mind that H5P tools are meant to be reused, remixed, and shared. H5P believes in working together, learn about the H5P OER HUB at: https:\/\/h5p.org\/oer-hub-coming<\/a><\/li>
    2. Consider sourcing your media from open source sites such as Unsplash<\/a>, Pexels <\/a>and Wikimedia Commons<\/a>.<\/li>
    3. H5P authoring tools allow you to add copyright information whenever you insert media. You may also want to consider adding source materials to your references list if there is a specific referencing format you need to use. <\/li>
    4. Remember to use best practices for accessibility, use contrasting colours and assign alternative text (\u201calt-text\u201d) when prompted so that screenreaders can read your content.<\/li>
    5. H5P prefers a modern browser like Chrome, Firefox, or Safari.<\/li>
    6. Finally, remember that your interactive won\u2019t be saved until you click \u201cCreate<\/strong>\u201d and edits won’t be saved until you click “Update<\/strong>.”<\/li>
    7. H5P offers tutorials for all content types, you will find the complete set at: https:\/\/h5p.org\/documentation\/for-authors\/tutorials<\/a> <\/li><\/ol>\n\n\n\n

      Our Favourite Content Types<\/h3>\n\n\n\n