Tiempo de lectura:2 Minutos, 14 Segundos

Incrustar IFRAME en WordPress es muy sencillo, no te compliques usando plugins que perjudican el rendimiento de carga de tu web. Los iframes son utilizados para mostrar contenido de otra página web en la tuya. Muchas webs como YouTube te facilitan este código HTML para insertar un video de su plataforma dentro de la tuya por medio de los iframe.

¿Estas pensando en subir un video a tu web que ocupa mucho espacio? ¿te preocupa que la web sea más lenta? Seguramente no tengas espacio ilimitado en tu hosting y por tanto la mejor opción seria subirlo a YouTube y por medio de un iframe podrás incluirlo dentro de tu articulo, donde quieras, como si estuviera guardado en tu sitio.

Resultado

Aquí puedes ver como he incrustado una web dentro de este articulo

Añadir Iframe en WordPressss

Agregarlo es muy sencillo, sigue estos pasos:

  • Busca y agrega un bloque de tipo HTML personalizado.
  • Escribe el código iframe que has copiado de YouTube o cualquier otra plataforma. Si lo deseas puedes escribir tu propio código escribiendo el siguiente código:

Personalizar Iframe

Al código básico mostrado anteriormente le pueden acompañar otros parámetros para mejorar su visualización:

  • Name: Nombre del iframe
  • Src: indica la url que debe cargar el iframe.
  • Srcdoc: especifica código html que sera mostrado dentro del iframe.
  • Width: Permite especificar un ancho específico para el iFrame en píxeles, por defecto 300 pixeles. Si no quieres usar pixeles, puedes indicarle después de número el símbolo del porcentaje.
  • Height: Al igual que el parámetro width, la altura determina el tamaño de la ventana iFrame de su página web en píxeles. Por defecto 150 pixeles. Si no quieres usar pixeles, puedes indicarle después de número el símbolo del porcentaje.
  • Allow: Este parámetro permite definir comportamientos o funciones predeterminados para el iFrame, como la visualización en pantalla completa o el procesamiento de pagos.
  • Referrerpolicy: especifica la politica de referencia.
  • Sandbox: habilita restricciones extra.
ValorDescripción
(sin valor)Aplica todas las restricciones
allow-formsPermite el envío de formularios
allow-modalsPermite abrir ventanas modales
allow-orientation-lockPermite bloquear la orientación de la pantalla
allow-pointer-lockPermite utilizar la API de bloqueo de puntero
allow-popupsPermite ventanas emergentes
allow-popups-to-escape-sandboxPermite que las ventanas emergentes abran nuevas ventanas sin heredar el sandboxing
allow-presentationPermite iniciar una sesión de presentación.
allow-same-originPermite que el contenido del iframe sea tratado como si fuera del mismo origen.
allow-scriptsPermite ejecutar scripts
allow-top-navigationPermite que el contenido del iframe navegue por su contexto de navegación de nivel superior
allow-top-navigation-by-user-activationPermite que el contenido del iframe navegue por su contexto de navegación de nivel superior, pero solo si lo inicia el usuario

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Perfiles en Redes Sociales