{"id":450,"date":"2025-10-14T16:23:21","date_gmt":"2025-10-14T16:23:21","guid":{"rendered":"https:\/\/h5project.cloud\/?p=450"},"modified":"2025-10-14T17:13:52","modified_gmt":"2025-10-14T17:13:52","slug":"tutorial-3-interactive-page","status":"publish","type":"post","link":"https:\/\/h5project.cloud\/staging\/tutorial-3-interactive-page\/","title":{"rendered":"Tutorial 3: Interactive page + drag\/write words"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In this turorial i&#8217;m showing how to create a page with different content type, and i also introduce content types of Drag the Words and Fill in the Blanks, as well as placing text (or any other media) into the page. see how i created this:<\/p>\n\n\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-27\" class=\"h5p-iframe\" data-content-id=\"27\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"\u05ea\u05e8\u05d2\u05d5\u05dc \u05e9\u05dd \u05d4\u05e4\u05d5\u05e2\u05dc 1\"><\/iframe><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">in this video (was easy to record and took me forever to edit) &#8211; i show the following steps:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"H5Project - Tutorial #3: Page, Drag the Words, Fill in the Blanks\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/RxNHam4mHN4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In this turorial i&#8217;m showing how to create a page with different content type, and i also introduce content types of Drag the Words and Fill in the Blanks, as well as placing text (or any other media) into the page. see how i created this: in this video (was easy to record and took [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[10],"tags":[17,16,15,18],"class_list":["post-450","post","type-post","status-publish","format-standard","hentry","category-tutorials-","tag-drag-the-words","tag-fill-in-the-blanks","tag-page","tag-text"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Alex the Greater","author_link":"https:\/\/h5project.cloud\/staging\/author\/noam-authour\/"},"uagb_comment_info":0,"uagb_excerpt":"In this turorial i&#8217;m showing how to create a page with different content type, and i also introduce content types of Drag the Words and Fill in the Blanks, as well as placing text (or any other media) into the page. see how i created this: in this video (was easy to record and took&hellip;","_links":{"self":[{"href":"https:\/\/h5project.cloud\/staging\/wp-json\/wp\/v2\/posts\/450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/h5project.cloud\/staging\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/h5project.cloud\/staging\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/h5project.cloud\/staging\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/h5project.cloud\/staging\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":3,"href":"https:\/\/h5project.cloud\/staging\/wp-json\/wp\/v2\/posts\/450\/revisions"}],"predecessor-version":[{"id":455,"href":"https:\/\/h5project.cloud\/staging\/wp-json\/wp\/v2\/posts\/450\/revisions\/455"}],"wp:attachment":[{"href":"https:\/\/h5project.cloud\/staging\/wp-json\/wp\/v2\/media?parent=450"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/h5project.cloud\/staging\/wp-json\/wp\/v2\/categories?post=450"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/h5project.cloud\/staging\/wp-json\/wp\/v2\/tags?post=450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}