{"id":570,"date":"2017-10-01T11:21:28","date_gmt":"2017-10-01T16:21:28","guid":{"rendered":"http:\/\/bluegalaxy.info\/codewalk\/?p=570"},"modified":"2021-01-07T23:29:19","modified_gmt":"2021-01-08T04:29:19","slug":"wordpress-how-to-use-an-iframe-to-pull-in-outside-content","status":"publish","type":"post","link":"https:\/\/bluegalaxy.info\/codewalk\/2017\/10\/01\/wordpress-how-to-use-an-iframe-to-pull-in-outside-content\/","title":{"rendered":"WordPress: How to use an iframe to pull in outside content"},"content":{"rendered":"\n<p>Here are instructions for using an iframe with wordpress.org websites.<\/p>\n\n\n\n<p>1.&nbsp; Download the iframe Plugin from <a href=\"https:\/\/wordpress.org\/plugins\/iframe\/\">here.<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-plugin-directory wp-block-embed-plugin-directory\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"Isq0pGqp3G\"><a href=\"https:\/\/wordpress.org\/plugins\/iframe\/\">iframe<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;iframe&#8221; &#8212; Plugin Directory\" src=\"https:\/\/wordpress.org\/plugins\/iframe\/embed\/#?secret=Isq0pGqp3G\" data-secret=\"Isq0pGqp3G\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>2.&nbsp; Use a shortcode in a post like this:<\/p>\n\n\n\n<p>Note: I added a space after the left bracket [ and before the right bracket ] in order to not trigger the shortcode in the below code example.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"no-highlight\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">[ iframe src=\"https:\/\/bluegalaxy.info\/cgi-bin\/this_script.py\" width=\"100%\" height=\"200\" frameborder=\"1\" scrolling=\"no\" ]<\/pre>\n\n\n\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" src=\"https:\/\/bluegalaxy.info\/cgi-bin\/this_script.py\" width=\"100%\" height=\"200\" frameborder=\"1\" scrolling=\"no\" class=\"iframe-class\"><\/iframe>\n\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Summary:<\/strong><br>Using iframes in a WordPress post or page is really this simple and is a great way to add outside content or even Python CGI output, as seen in the Table of Contents page of this website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here are instructions for using an iframe with wordpress.org websites. 1.&nbsp; Download the iframe Plugin from here. 2.&nbsp; Use a shortcode in a post like this: Note: I added a space after the left bracket [ and before the right bracket ] in order to not trigger the shortcode in the below code example. Summary:Using &hellip; <a href=\"https:\/\/bluegalaxy.info\/codewalk\/2017\/10\/01\/wordpress-how-to-use-an-iframe-to-pull-in-outside-content\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">WordPress: How to use an iframe to pull in outside content<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[42,9],"class_list":["post-570","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-iframe","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/comments?post=570"}],"version-history":[{"count":14,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/570\/revisions"}],"predecessor-version":[{"id":3314,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/570\/revisions\/3314"}],"wp:attachment":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/media?parent=570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/categories?post=570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/tags?post=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}