Embed your content using H5P\u2019s iframe embedder <\/strong><\/h2>\n\n\n\n\n- Before you start, make sure you have a link to your content ready.<\/li>\n\n\n\n
- Navigate to the WordPress dashboard of your site.<\/li>\n\n\n\n
- In the main navigation, on the left of the page, select H5P Content. The All H5P Content <\/em>hub <\/em>will open.
![\"H5P](\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2023-06-22_09-40-43.png\")
\n\n- If this option is unavailable, you need to activate the H5P plugin. Need help? Reach out!
<\/li>\n<\/ul>\n<\/li>\n\n\n\n - From the All H5P content<\/em> list, search for iframe Embedder<\/strong>. Once the item appears in the search, click Get<\/em> (if it\u2019s your first time) or Details<\/em> and then Use<\/em>.<\/li>\n<\/ol>\n\n\n\n
![\"The](\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2024-02-01_14-22-50-1024x375.png\")
<\/figure>\n\n\n\n\n- The iframe Embedder window will open<\/li>\n\n\n\n
- In the iframe Embedder window, fill out each field. <\/li>\n<\/ol>\n\n\n\n\n\n
![\"The](\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2024-01-24_13-57-26.png\")
<\/figure>\n<\/div>\n\n\n\n\n\n- Title<\/strong>: A title you\u2019ll be able to recognize later. This won\u2019t appear on your page, but it will appear on the list of H5P content.\n
\n- Tip: You can search the list, so choose a title that will be easy to find, like your last name and a short citation, e.g. \u201cSmith – NY Daily News, Jan 22 1918\u201d<\/em><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- For Width, enter \u201c100%\u201d<\/li>\n\n\n\n
- For Minimum width, enter \u201c300px\u201d<\/li>\n\n\n\n
- For Height enter \u201c100%\u201d<\/li>\n\n\n\n
- For Source, copy and paste the source URL.<\/li>\n\n\n\n
- Note<\/strong>: This is the URL address provided by the website generating the iframe. Paste only the source URL address, typically found in the middle of the iframe embed code.<\/li>\n\n\n\n
- Width<\/strong>: enter 100%<\/li>\n\n\n\n
- Minimum Width<\/strong>: enter 300px<\/li>\n\n\n\n
- Height<\/strong>: enter 100%<\/li>\n\n\n\n
- Source<\/strong>: The link<\/strong> to the content you need to embed<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
\n- Select Create<\/strong> in the upper right corner<\/li>\n\n\n\n
- The page will refresh (be patient! It sometimes take awhile) <\/li>\n<\/ol>\n\n\n\n
You\u2019ve successfully saved your article! <\/p>\n\n\n\n
<\/div>\n\n\n\nAdd the Shortcode to the Post or Page<\/strong><\/h2>\n\n\n\nThe last step is to add the article to your WordPress page or post. <\/p>\n\n\n\n
\n- Copy the short code displayed in the block in the top corner of your new iframe
![\"H5P](\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2023-06-22_09-41-23.png\")
<\/li>\n\n\n\n - Navigate to the post or page where you would like to embed your article.<\/li>\n\n\n\n
- In the Block editor workspace, add a new paragraph block wherever you’d like the article to appear on your page.<\/li>\n\n\n\n
- Paste the shortcode into the new paragraph block.<\/li>\n\n\n\n
- To preview your new article, select the laptop icon<\/strong> from the top navigation bar, then select Preview in new tab.
![\"Preview](\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2023-11-27_10-31-19.png\")
<\/li>\n\n\n\n- When you are finished adding content, choose Save draft<\/strong> or Publish <\/strong>to save your work.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
Certain iframe objects can be embedded in WordPress using the H5P plugin. These instructions will show you how to create and embed an iframe object in H5P using an iframe embed code. Embed your content using H5P\u2019s iframe embedder You\u2019ve successfully saved your article! Add the Shortcode to the Post or Page The last step […]<\/p>\n","protected":false},"author":5691,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,26,27],"tags":[],"class_list":["post-309","post","type-post","status-publish","format-standard","hentry","category-class-instructions","category-h5p","category-wordpress"],"_links":{"self":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts\/309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/users\/5691"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/comments?post=309"}],"version-history":[{"count":10,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts\/309\/revisions"}],"predecessor-version":[{"id":1380,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts\/309\/revisions\/1380"}],"wp:attachment":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/media?parent=309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/categories?post=309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/tags?post=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n- \n
- If this option is unavailable, you need to activate the H5P plugin. Need help? Reach out!
<\/li>\n<\/ul>\n<\/li>\n\n\n\n - From the All H5P content<\/em> list, search for iframe Embedder<\/strong>. Once the item appears in the search, click Get<\/em> (if it\u2019s your first time) or Details<\/em> and then Use<\/em>.<\/li>\n<\/ol>\n\n\n\n<\/figure>\n\n\n\n
- \n
- The iframe Embedder window will open<\/li>\n\n\n\n
- In the iframe Embedder window, fill out each field. <\/li>\n<\/ol>\n\n\n\n\n\n<\/figure>\n<\/div>\n\n\n\n\n
- \n
- Title<\/strong>: A title you\u2019ll be able to recognize later. This won\u2019t appear on your page, but it will appear on the list of H5P content.\n
- \n
- Tip: You can search the list, so choose a title that will be easy to find, like your last name and a short citation, e.g. \u201cSmith – NY Daily News, Jan 22 1918\u201d<\/em><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- For Width, enter \u201c100%\u201d<\/li>\n\n\n\n
- For Minimum width, enter \u201c300px\u201d<\/li>\n\n\n\n
- For Height enter \u201c100%\u201d<\/li>\n\n\n\n
- For Source, copy and paste the source URL.<\/li>\n\n\n\n
- Note<\/strong>: This is the URL address provided by the website generating the iframe. Paste only the source URL address, typically found in the middle of the iframe embed code.<\/li>\n\n\n\n
- Width<\/strong>: enter 100%<\/li>\n\n\n\n
- Minimum Width<\/strong>: enter 300px<\/li>\n\n\n\n
- Height<\/strong>: enter 100%<\/li>\n\n\n\n
- Source<\/strong>: The link<\/strong> to the content you need to embed<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
- \n
- Select Create<\/strong> in the upper right corner<\/li>\n\n\n\n
- The page will refresh (be patient! It sometimes take awhile) <\/li>\n<\/ol>\n\n\n\n
You\u2019ve successfully saved your article! <\/p>\n\n\n\n
<\/div>\n\n\n\nAdd the Shortcode to the Post or Page<\/strong><\/h2>\n\n\n\n
The last step is to add the article to your WordPress page or post. <\/p>\n\n\n\n
- \n
- Copy the short code displayed in the block in the top corner of your new iframe<\/li>\n\n\n\n
- Navigate to the post or page where you would like to embed your article.<\/li>\n\n\n\n
- In the Block editor workspace, add a new paragraph block wherever you’d like the article to appear on your page.<\/li>\n\n\n\n
- Paste the shortcode into the new paragraph block.<\/li>\n\n\n\n
- To preview your new article, select the laptop icon<\/strong> from the top navigation bar, then select Preview in new tab.<\/li>\n\n\n\n
- When you are finished adding content, choose Save draft<\/strong> or Publish <\/strong>to save your work.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
Certain iframe objects can be embedded in WordPress using the H5P plugin. These instructions will show you how to create and embed an iframe object in H5P using an iframe embed code. Embed your content using H5P\u2019s iframe embedder You\u2019ve successfully saved your article! Add the Shortcode to the Post or Page The last step […]<\/p>\n","protected":false},"author":5691,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,26,27],"tags":[],"class_list":["post-309","post","type-post","status-publish","format-standard","hentry","category-class-instructions","category-h5p","category-wordpress"],"_links":{"self":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts\/309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/users\/5691"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/comments?post=309"}],"version-history":[{"count":10,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts\/309\/revisions"}],"predecessor-version":[{"id":1380,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts\/309\/revisions\/1380"}],"wp:attachment":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/media?parent=309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/categories?post=309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/tags?post=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- When you are finished adding content, choose Save draft<\/strong> or Publish <\/strong>to save your work.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
- The page will refresh (be patient! It sometimes take awhile) <\/li>\n<\/ol>\n\n\n\n
- Tip: You can search the list, so choose a title that will be easy to find, like your last name and a short citation, e.g. \u201cSmith – NY Daily News, Jan 22 1918\u201d<\/em><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Title<\/strong>: A title you\u2019ll be able to recognize later. This won\u2019t appear on your page, but it will appear on the list of H5P content.\n