{"id":29,"date":"2020-10-23T15:39:07","date_gmt":"2020-10-23T15:39:07","guid":{"rendered":"http:\/\/nua-ux.design\/dave-watson\/blog\/?p=29"},"modified":"2020-10-23T15:41:48","modified_gmt":"2020-10-23T15:41:48","slug":"3-different-ways-to-include-code-or-embedded-items-in-a-blog-post","status":"publish","type":"post","link":"https:\/\/nua-ux.design\/dave-watson\/blog\/demo-posts\/3-different-ways-to-include-code-or-embedded-items-in-a-blog-post\/","title":{"rendered":"3 different ways to include code or embedded items  in a blog post."},"content":{"rendered":"\n<p>The block below this is a &#8220;code&#8221; block. You can use it to show code on your page in an easy to read and easy to copy\/paste way.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p>Hi! I am a bit of HTML code.&lt;\/p><\/code><\/pre>\n\n\n\n<p>The block below this is an &#8220;embed&#8221; block, where you can paste e.g. a Youtube URL to automatically embed the video on your page.<\/p>\n\n\n\n\n\n<p>The block below is a &#8220;custom HTML&#8221; block which lets you paste in HTML code. In the example below, I&#8217;ve pasted in the &#8217;embed&#8217; code that was available alongside an example flow on UX-Archive, so that this chunk of the ux-archive page appears embedded in my page.<\/p>\n\n\n\n<iframe width=\"560\" height=\"315\" frameborder=\"0\" src=https:\/\/uxarchive.com\/embed\/azar\/app-5b037a1a9111c208\/deleting\/appflow-02c3a9c4861e1434\/versionflow-9c48d9f56ed3891e ><\/iframe>\n","protected":false},"excerpt":{"rendered":"<p>The block below this is a &#8220;code&#8221; block. You can use it to show code on your page in an easy to read and easy to copy\/paste way. The block below this is an &#8220;embed&#8221; block, where you can paste e.g. a Youtube URL to automatically embed the video on your page. The block below&hellip; <a class=\"more-link\" href=\"https:\/\/nua-ux.design\/dave-watson\/blog\/demo-posts\/3-different-ways-to-include-code-or-embedded-items-in-a-blog-post\/\">Continue reading <span class=\"screen-reader-text\">3 different ways to include code or embedded items  in a blog post.<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/nua-ux.design\/dave-watson\/blog\/wp-json\/wp\/v2\/posts\/29"}],"collection":[{"href":"https:\/\/nua-ux.design\/dave-watson\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nua-ux.design\/dave-watson\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nua-ux.design\/dave-watson\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nua-ux.design\/dave-watson\/blog\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":1,"href":"https:\/\/nua-ux.design\/dave-watson\/blog\/wp-json\/wp\/v2\/posts\/29\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/nua-ux.design\/dave-watson\/blog\/wp-json\/wp\/v2\/posts\/29\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/nua-ux.design\/dave-watson\/blog\/wp-json\/wp\/v2\/media?parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nua-ux.design\/dave-watson\/blog\/wp-json\/wp\/v2\/categories?post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nua-ux.design\/dave-watson\/blog\/wp-json\/wp\/v2\/tags?post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}