Incrustar Página Web en WordPress
Aprende a incrustar una página web minimizada en WordPress utilizando HTML y iframes
Instrucciones
- Edita la página o entrada de WordPress donde quieres incrustar el contenido
- Cambia al editor HTML (en el bloque correspondiente, haz clic en los tres puntos y selecciona «Editar como HTML»)
- Copia y pega el siguiente código HTML en el editor
- Reemplaza «https://ejemplo.com» con la URL que deseas incrustar
- Ajusta el alto y ancho según tus necesidades
- Guarda los cambios y publica tu página
Código HTML para incrustar
<div style=»width: 100%; overflow: hidden; border-radius: 8px; border: 1px solid #ddd;»>
<iframe src=»https://ejemplo.com» width=»100%» height=»500″ frameborder=»0″
style=»border: none; display: block;» allowfullscreen></iframe>
</div>
<iframe src=»https://ejemplo.com» width=»100%» height=»500″ frameborder=»0″
style=»border: none; display: block;» allowfullscreen></iframe>
</div>
Personaliza tu iframe
Vista previa
Vista previa del sitio web incrustado aparecerá aquí
Código personalizado
<div style=»width: 100%; overflow: hidden; border-radius: 8px; border: 1px solid #ddd;»>
<iframe src=»https://ejemplo.com» width=»100%» height=»500″ frameborder=»0″
style=»border: none; display: block;» allowfullscreen></iframe>
</div>
<iframe src=»https://ejemplo.com» width=»100%» height=»500″ frameborder=»0″
style=»border: none; display: block;» allowfullscreen></iframe>
</div>
Incrustar Página Web en WordPress
Genera el código para incrustar cualquier página web en tu sitio WordPress
Instrucciones
- Ingresa la URL de la página web que deseas incrustar
- Ajusta la altura del iframe según tus necesidades
- Haz clic en «Generar Código»
- Copia el código generado
- En WordPress, edita la página o entrada donde quieres incrustar el contenido
- Cambia al editor HTML (en el bloque, haz clic en los tres puntos y selecciona «Editar como HTML»)
- Pega el código HTML en el editor
- Guarda los cambios y publica tu página
Personalización
Consejos importantes
- Algunos sitios web pueden bloquear la incrustación mediante iframes por razones de seguridad
- Para un mejor rendimiento, evita incrustar demasiados iframes en una sola página
- Prueba siempre cómo se ve en dispositivos móviles después de incrustar el contenido
- Si necesitas interactuar con el contenido incrustado, es posible que necesites código JavaScript adicional
Vista Previa
La vista previa de tu sitio web incrustado aparecerá aquí después de generar el código
Código Generado
<!– El código generado aparecerá aquí –>