{"id":713,"date":"2021-11-25T12:48:34","date_gmt":"2021-11-25T11:48:34","guid":{"rendered":"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/?p=713"},"modified":"2021-12-15T00:24:59","modified_gmt":"2021-12-14T23:24:59","slug":"exelearning-incluir-paginas-de-un-elp-en-otro","status":"publish","type":"post","link":"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/2021\/11\/25\/exelearning-incluir-paginas-de-un-elp-en-otro\/","title":{"rendered":"eXeLearning &#8211; Incluir p\u00e1ginas de un elp en otro."},"content":{"rendered":"<p>A continuaci\u00f3n voy a mostrar como tener un elp con p\u00e1ginas gen\u00e9ricas que podremos usar en otros elp, con la ventaja de que al modificar el original se ver\u00e1n modificadas en el resto que lo incluyan sin tener que hacer nada.<\/p>\n<p>Para ello vamos a trabajar en ambos elp con la opci\u00f3n de <strong>Personalizar la secci\u00f3n HEAD<\/strong>, que os encontr\u00e1is aqu\u00ed:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-714\" src=\"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/files\/2021\/11\/qjZb2xwIU9-1.png\" alt=\"\" width=\"1908\" height=\"929\" srcset=\"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/files\/2021\/11\/qjZb2xwIU9-1.png 1908w, https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/files\/2021\/11\/qjZb2xwIU9-1-300x146.png 300w, https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/files\/2021\/11\/qjZb2xwIU9-1-1024x499.png 1024w, https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/files\/2021\/11\/qjZb2xwIU9-1-768x374.png 768w, https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/files\/2021\/11\/qjZb2xwIU9-1-1536x748.png 1536w\" sizes=\"(max-width: 1908px) 100vw, 1908px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>En el elp que usemos como base tenemos que poner el siguiente c\u00f3digo<\/p>\n<blockquote><p>&lt;script type=&#8217;text\/javascript&#8217;&gt;<br \/>\n&nbsp; &nbsp; window.onload = function() {<br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; $(&#8216;body &gt; :not(article)&#8217;).hide();<br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; $(&#8216;article&#8217;).appendTo(&#8216;body&#8217;);<br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; $(\u00ab.emphasis1&#8243;).first().css({&#8216;margin-top&#8217;: &#8216;0px&#8217;});<br \/>\n&nbsp; &nbsp; }<br \/>\n&lt;\/script&gt;<br \/>\n&lt;style&gt;<br \/>\n&nbsp; &nbsp; body,html {background: none;}<br \/>\n&nbsp; &nbsp; header{text-align:left;}<br \/>\n&lt;\/style&gt;<\/p>\n<p>&lt;script src=\u00bbhttps:\/\/cdnjs.cloudflare.com\/ajax\/libs\/iframe-resizer\/4.3.2\/iframeResizer.contentWindow.min.js\u00bb integrity=\u00bbsha512-14SY6teTzhrLWeL55Q4uCyxr6GQOxF3pEoMxo2mBxXwPRikdMtzKMYWy2B5Lqjr6PHHoGOxZgPaxUYKQrSmu0A==\u00bb crossorigin=\u00bbanonymous\u00bb referrerpolicy=\u00bbno-referrer\u00bb&gt;&lt;\/script&gt;<\/p><\/blockquote>\n<p>Eso har\u00e1 que al exportar el elp, deje en cada p\u00e1gina solo los idevice, quitando todos los men\u00fa y el resto de elementos del estilo que us\u00e9is (solo lo he probado con Educaand_Adultos). <a href=\"https:\/\/materiales.ipepcordoba.com\/general\/elp_prueba_donde_solo_salen_los_idevices\/\">Aqu\u00ed<\/a> ten\u00e9is un ejemplo. Cuidado porque no podr\u00e9is navegar por las p\u00e1ginas, ten\u00e9is que saber como se llama cada una para encontrarla, si export\u00e1is en vuestro equipo como carpeta autocontenida ver\u00e9is todas las p\u00e1ginas html que se generan y su nombre.<\/p>\n<p>Ahora nos vamos al elp donde queremos incluir p\u00e1ginas del elp anterior. Nos vamos al mismo lugar, <strong>Personalizar la secci\u00f3n HEAD&nbsp;<\/strong>y ahora a\u00f1adimos el siguiente c\u00f3digo:<\/p>\n<blockquote><p>&lt;script src=\u00bbhttps:\/\/cdnjs.cloudflare.com\/ajax\/libs\/iframe-resizer\/4.3.2\/iframeResizer.min.js\u00bb integrity=\u00bbsha512-dnvR4Aebv5bAtJxDunq3eE8puKAJrY9GBJYl9GC6lTOEC76s1dbDfJFcL9GyzpaDW4vlI\/UjR8sKbc1j6Ynx6w==\u00bb crossorigin=\u00bbanonymous\u00bb referrerpolicy=\u00bbno-referrer\u00bb &gt;&lt;\/script&gt;<br \/>\n&lt;style&gt;<br \/>\n&nbsp; &nbsp; &nbsp; &nbsp;iframe { width: 100%; }<br \/>\n&lt;\/style&gt;<br \/>\n&lt;script type=\u00bbtext\/javascript\u00bb&gt;<br \/>\n&nbsp; &nbsp; &nbsp; window.onload = function () {<br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(\u00abiframe\u00bb)[0].setAttribute(\u00abscrolling\u00bb, \u00abno\u00bb);<br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(\u00abiframe\u00bb)[0].removeAttribute(\u00abwidth\u00bb);<br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(\u00abiframe\u00bb)[0].removeAttribute(\u00abheight\u00bb);<br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(\u00ab.ExternalUrlIdevice&gt;.toggle-idevice\u00bb).hide();<br \/>\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; iFrameResize({ log: true, heightCalculationMethod: \u00abdocumentElementOffset\u00bb });<br \/>\n&nbsp; &nbsp; &nbsp; };<br \/>\n&lt;\/script&gt;<\/p><\/blockquote>\n<p>Y por \u00faltimo solo nos queda usar el iDevice <strong>Sitio Web Externo<\/strong> en la p\u00e1gina de nuestro libro que queramos y a\u00f1adimos la url de una de las p\u00e1ginas del primer elp exportado. La opci\u00f3n de <strong>altura del marco<\/strong> es irrelevante en nuestro caso. El c\u00f3digo que hemos puesto antes en la personalizaci\u00f3n de HEAD hace que no tenga ninguna funci\u00f3n.<\/p>\n<p><a href=\"https:\/\/materiales.ipepcordoba.com\/general\/elp_con_paginas_de_otro_incrustadas\/\">Aqu\u00ed<\/a> ten\u00e9is un ejemplo que incluye p\u00e1ginas del primer elp que os enlace antes.&nbsp;<\/p>\n<p>Adem\u00e1s de en el alojamiento de mi centro, lo he probado en graasp y funciona perfectamente, solo le he visto un fallo, si la p\u00e1gina que incrustas tiene varios iDevices y el usuario los minimiza, no cambia el tama\u00f1o y queda un espacio en blanco al final, cuando debajo no hay otros iDevice ni siquiera se nota, pero si hay alg\u00fan iDevice al final si se queda un espacio en blanco, se puede ver en el ejemplo que he pasado antes en la segunda p\u00e1gina que tiene iDevice antes y despu\u00e9s del incrustado.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A continuaci\u00f3n voy a mostrar como tener un elp con p\u00e1ginas gen\u00e9ricas que podremos usar en otros elp, con la ventaja de que al modificar el original se ver\u00e1n modificadas en el resto que&#46;&#46;&#46;<\/p>\n","protected":false},"author":7756,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[1966597],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/wp-json\/wp\/v2\/posts\/713"}],"collection":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/wp-json\/wp\/v2\/users\/7756"}],"replies":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/wp-json\/wp\/v2\/comments?post=713"}],"version-history":[{"count":5,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/wp-json\/wp\/v2\/posts\/713\/revisions"}],"predecessor-version":[{"id":719,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/wp-json\/wp\/v2\/posts\/713\/revisions\/719"}],"wp:attachment":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/wp-json\/wp\/v2\/media?parent=713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/wp-json\/wp\/v2\/categories?post=713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/melendo\/wp-json\/wp\/v2\/tags?post=713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}