En este vídeo de la Zona Código aprenderás a crear ventanas emergentes en WordPress al hacer click en un botón. Lo que se conoce por modal window o popup.
Ya que aprendiste a insertar javascript en WordPress, ahora podemos hacer cosas tan chulas como crear popups.
Y en esa «modal window» podrás hacer que se muestre lo que quieras: un texto, una imagen, un vídeo… Así que, vamos allá!
Vídeo: cómo crear una ventana emergente en WordPress sin plugins
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Código html para crear la ventana emergente en WordPress
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Código css para hacer bonito el popup en WordPress
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Código javascript para que la modal window funcione
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Conclusión
Ya has visto que es cuestión de ir pegando el código en el lugar correcto y entender el proceso. Primero creamos todo lo que necesitamos y luego lo hacemos funcionar con css y javascript.
En este caso hemos creado un botón que, al ser pulsado, abre una ventana con el contenido que quieras (un vídeo, por ejemplo).
Y además lo hemos hecho de forma eficiente para que el código sólo se cargue en la página donde queramos mostrar el popup.