{"id":1366,"date":"2026-02-11T21:54:31","date_gmt":"2026-02-12T04:54:31","guid":{"rendered":"https:\/\/rlrenterprises.com\/?page_id=1366"},"modified":"2026-02-11T22:13:54","modified_gmt":"2026-02-12T05:13:54","slug":"testing-2","status":"publish","type":"page","link":"https:\/\/rlrenterprises.com\/?page_id=1366","title":{"rendered":"testing 2"},"content":{"rendered":"\n<div style=\"max-width:100%; margin:0 0 24px; clear:both;\">\n <iframe id=\"mpg1\"\n src=\"\/wp-content\/plugins\/rlr-mpg\/shorty.html\"\n style=\"display:block;width:100%;height:200px;max-height:520px;width:800px;max-width:1100px;border:0;overflow:hidden;\"><\/iframe>\n<\/div>\n\n\n\n<div style=\"max-width:100%; margin:0 0 24px; clear:both;\">\n <iframe id=\"mpg2\"\n src=\"\/wp-content\/plugins\/rlr-mpg\/shorty1.html\"\n style=\"display:block;width:100%;height:520px;max-height:520px;border:0;overflow:hidden;\"><\/iframe>\n<\/div>\n\n\n\n<p class=\"has-light-green-cyan-background-color has-background\">When you\u2019re ready for a more flexible setup, the next step is usually\u00a0<strong>auto-resizing the iframe to its content<\/strong>\u00a0(same-domain\u00a0<code>postMessage<\/code>) or packaging the tool as a small\u00a0<strong>WordPress plugin\/shortcode<\/strong>\u00a0so it renders inline without iframe height hacks.<\/p>\n\n\n\n<p class=\"has-light-green-cyan-background-color has-background\">A clean way to make it portable&nbsp;<em>and<\/em>&nbsp;easy to wrap into WordPress<\/p>\n\n\n\n<ul class=\"wp-block-list has-light-green-cyan-background-color has-background\">\n<li>Keep the app\u00a0<strong>stand-alone<\/strong>\u00a0(no WordPress calls): make each HTML entry file load only your app assets and render into a unique root container (e.g.\u00a0<code>&lt;div id=\"app\">&lt;\/div><\/code>), and avoid touching\u00a0<code>window.top\/parent<\/code>\u00a0except for optional resizing.<\/li>\n\n\n\n<li>Put all \u201cWP accommodations\u201d into a\u00a0<strong>thin wrapper layer<\/strong>\u00a0you can swap:<\/li>\n\n\n\n<li><strong>Iframe wrapper (portable):<\/strong>\u00a0WordPress page embeds\u00a0<code>\/wp-content\/plugins\/rlr-mpg\/*.html<\/code>\u00a0via iframe.<\/li>\n\n\n\n<li><strong>WP plugin wrapper (native):<\/strong>\u00a0a shortcode like\u00a0<code>[rlr_mpg page=\"shorty\"]<\/code>\u00a0that enqueues the same JS\/CSS and prints\u00a0<code>&lt;div id=\"rlr-mpg-shorty\">&lt;\/div><\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-light-green-cyan-background-color has-background\">To be specific about what to strip, paste the parts of your current HTML\/JS that are WP-specific (any&nbsp;<code>wp_<\/code>,&nbsp;<code>admin-ajax.php<\/code>, nonce,&nbsp;<code>wp_enqueue_*<\/code>, or references to&nbsp;<code>window.wp<\/code>), and tell me whether the app needs WP login\/data\u2014or should stay fully standalone.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you\u2019re ready for a more flexible setup, the next step is usually\u00a0auto-resizing the iframe to its content\u00a0(same-domain\u00a0postMessage) or packaging [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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":""},"class_list":["post-1366","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rlrenterprises.com\/index.php?rest_route=\/wp\/v2\/pages\/1366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rlrenterprises.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rlrenterprises.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rlrenterprises.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rlrenterprises.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1366"}],"version-history":[{"count":10,"href":"https:\/\/rlrenterprises.com\/index.php?rest_route=\/wp\/v2\/pages\/1366\/revisions"}],"predecessor-version":[{"id":1379,"href":"https:\/\/rlrenterprises.com\/index.php?rest_route=\/wp\/v2\/pages\/1366\/revisions\/1379"}],"wp:attachment":[{"href":"https:\/\/rlrenterprises.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}