Portada Joomla Tutoriales ¿Cómo incrustar contenido externo en Joomla?
Podmeos incrustar un contenido externo de otra página en nuestra web, de forma que se siga visualizando nuestra página pero, en un recuadro predefinido, se cargue el contenido externo de una página que no sinterese. Vamos a comprobar como incrustar contenido externo a nuestra página el Joomla de un par de maneras distintas.
Vamos a explicar cómo incrustar contenido externo utilizando un elemento de menú de tal manera que, al hacer click en el nos cargue la página externa y utilizando un módulo personalizado, para lo que vamos a utilizar un código iframe con el que incrustar la página deseada.
Para incrustar un elemento externo en nuestra web de esta forma, accederemos a Menús > Menú principal > Añadir nuevo elemento de menú
Se nos desplega el panel tradicional de creacion de menús, pero en este caso seleccionaremos en el Tipo de elemento de menú la opcion «URL embebida > URL embebida en un marco incorporado».
El resto de campos los rellenamos a nuestro gusto, sin olvidarnos en incluir en el campo URL la dirección de la página que queremos que cargue. Guardamos y vamos a cargar la web. Veremos que tenemos un elemento de menú nuevo en la barra principal (el nuestro se llama «Hostinet») y que, al acceder al mismo, nos carga la dirección URL que hayamos introducido (en nuestro caso, la web de Hostinet).
La otra forma que proponemos es utilizando un módulo e insertando una etiqueta HTML con el código fuente adecuado para que incruste la página que queremos. Para ello vamos a Extensiones > Gestor de módulos.
Creamos un nuevo módulo haciendo click en «Nuevo». Seleccionamos el tipo del módulo; debe ser «Personalizar HTML».
Le ponemos un título y rellenamos los campos y la localización donde queremos que aparezca. Vamos a situar el siguiente código fuente para poder incrustar nuestra URL. Utilizaremos la etiqueta iframe con un source que nos indique la fuente. La estructura es la siguiente:
<iframe src=«http://www.laurlquequierasembeber.com»></iframe>
En nuestro caso hemos llamado al módulo «Formación» y hemos establecido como página nuestra página de formación y tutoriales. La posición es en el banner, lo que la sitúa en la parte superior de la pantalla. El resultado sería este:
Adicionalmente, si quieres ajustar el ancho y el alto de este código incrustado puedes utilizar width con un valor porcentual para el ancho y height con un valor en píxeles para el alto. Nosotros le hemos dado un valor de ancho del 100% y un alto de 300 px, con lo que el código quedaría de esta forma:
<iframe src=»https://www.hostinet.com/formacion/» width=100% height=300px></iframe>
Juega con ello, modifícalo a tu gusto y personaliza tu Joomla a más no poder. Al fin y al cabo, estás en tu casa.