Actividad 19: Integrar js. Modals. Asignar eventos a objetos del documento

Descripción de la actividad
Modifica alguna de las imágenes publicadas en alguna de nuestras páginas de WordPress para que se despliegue como el modal image del ejemplo adjunto.
Parte 1

• Añade el html necesario en el archivo de la plantilla: Modal boxes, botones, etc
• Identifica una imagen de la publicación y modifica sus valores de id o clase para que el javascript pueda actuar sobre ellos
• Añade el css necesario para que aparezca como en el ejemplo

Parte 2
Realiza lo mismo, pero cambiando el código javascript para que actue sobre todas las imágenes con la class imagen–modal en lugar de con una

Parte 3
Modifica el código javascript para que el mismo script cree los elementos necesarios (modal boxes, botones, caption) cuando cliquemos en la imagen, sin tener que escribirlo nosotros como en la parte 1