Tutorial para elaborar imágenes interactivas con Draw Attention

Tutorial para elaborar imágenes interactivas con Draw Attention
Tutorial para elaborar imágenes interactivas con Draw Attention

A través de las imágenes interactivas en tu sitio web de WordPress podrás destacar contenidos de tus servicios o productos con vínculos incluidos, pero para crearla es necesario hacerlo por medio del plugin Draw Attention.

En tal sentido, las imágenes interactivas son muy diferentes a las que se suben en una entrada o página de WordPress. Ya que estas contienen puntos de accesos, destacados, colores y enlaces para ser atractivas.

También te puede interesar: (Permitir a autores modificar post publicados con Revision Manager).

Además, pueden contener descripciones en cada área de la imagen y resaltados de espacios. Por lo tanto, en este post te enseñaremos como crear las imágenes interactivas a través de Draw Attention.

 Cómo crear imágenes interactivas con el plugin Draw Attention

En primer lugar deberás ubicar, instalar y activar la extensión Draw Attention. Luego encontrarás un nuevo formato de publicación personalizada en el escritorio del administrador. En tal sentido, ubica en Draw Attention la opción agregar nueva para proceder a elaborar el archivo de imagen interactivo.

Deberás indicar el título para la imagen y  para añadir las fotos haz clic en cargar imagen o emplea una de la biblioteca de medios. Luego haz clic en publicar, luego podrás editar y destacar secciones que desees, añadir colores, enlaces y zonas interactivas.

En la parte de abajo en “Areas de zona” podrás expandir y obtener una vista previa de la imagen a crear en tiempo real.

Luego de dibujar ubica “acción” y escoge el área seleccionada de la imagen. Aquí añade una descripción y enlace con URL. Además, en la configuración general podrás destacar el estilo para los enlaces, texto y fondo. Luego presiona actualizar para copiar el shorcode e insertarlo en la entrada o página de tu web.

Finalmente, de esta forma ya habrás terminado de crear la imagen.

También te puede interesar:

Cómo añadir diccionario con el plugin CM Tooltip Glossary