¿Quieres crear imágenes interactivas para tu blog de WordPress? Las imágenes interactivas le permiten resaltar, vincular y animar ciertas áreas de una imagen. En este artículo, le mostraremos cómo crear imágenes interactivas en WordPress.

Crear imágenes interactivas en WordPress

¿Qué es una imagen interactiva?

Las imágenes interactivas tienen puntos calientes, resaltados, enlaces, colores y más. No es lo mismo que una simple imagen que subes en WordPress. Las imágenes interactivas son llamativas y atraen al usuario a ver los detalles de la imagen. Puede agregar descripciones a diferentes partes de la imagen, agregar enlaces de página, resaltar partes y más.

Presentación descriptiva de imágenes interactivas

En esta imagen puedes ver la descripción de la fruta cuando pasas el cursor sobre las diferentes barras. Puede utilizar estas imágenes interactivas para aumentar la participación de los usuarios y el tiempo que pasan en su sitio web.

Veamos cómo puede captar la atención de sus visitantes con imágenes interactivas.

Crear imágenes interactivas en WordPress

Lo primero que debe hacer es instalar y activar el complemento Draw Attention. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar complementos de WordPress.

Después de la activación, verá un nuevo tipo de publicación personalizada en el área de administración de WordPress.necesitas irte Hacerse notar » Agregar nuevo página para crear imágenes interactivas.

añadir nueva imagen

Comience agregando un título a esta nueva imagen interactiva para que pueda recordarla fácilmente. En esta página, puede crear diseños interactivos en imágenes nuevas o cargadas previamente. Puede agregar una nueva imagen haciendo clic en el icono de carga de imagen o seleccionando una imagen de la biblioteca de medios de WordPress.

Sube o selecciona una imagen

A continuación, debe hacer clic en liberar botón.

Una vez publicado, el complemento le permite editar imágenes y resaltar áreas específicas, agregar colores, enlaces, dibujar áreas de puntos de acceso y más.puedes desplazarte hacia abajo punto caliente sección y expanda el área en la que se puede hacer clic para obtener una vista previa de la imagen.

Simplemente mueva el mouse y dibuje áreas en las que se pueda hacer clic en la imagen. Puede seleccionar fácilmente áreas de puntos de acceso y expandirlas para crear selecciones.

dibujar puntos calientes

Después de dibujar el área del punto de acceso, debe desplazarse hacia abajo para acción Despliegue el menú y elija una acción para el área seleccionada en la imagen. Si elige mostrar más información, simplemente puede agregar una descripción para explicar el punto caliente en la imagen. También puede agregar un enlace en el área seleccionada usando la opción «Ir a URL».

Añadir acción

También puede administrar la configuración general y resaltar estilos para enlaces de acción, texto de acción, fondos de mensajes y más. Estos ajustes ayudan a que sus imágenes sean más interactivas.

Configuración general

A continuación, debe hacer clic en renovar y copie el código abreviado para agregarlo a su publicación o página de WordPress.

Copiar código abreviado

El complemento le permite crear cualquier cantidad de imágenes interactivas utilizando imágenes nuevas o cargadas previamente.

Imágenes interactivas en las que se puede hacer clic

Importar y exportar imágenes interactivas

Si trabaja en varios sitios y desea importar/exportar imágenes interactivas, debe usar el mismo complemento Llamar la atención en ambos sitios.

En el primer sitio que debe visitar Llamar la atención » Importar/Exportar página y marque las imágenes que desea exportar.A continuación, haga clic en Generar código de exportación y copia el código.

Exportar código de imágenes interactivas

Después de eso, debe visitar el siguiente sitio web y asegurarse de tener activado el complemento Llamar la atención.A continuación, debe ir a Llamar la atención » Importar/Exportar Desde la página del administrador de WordPress y pegue el código en el campo de importación.

Pegar código imagen interactiva

sigue adelante y haz clic importar y su imagen importará todos los detalles interactivos que agregó anteriormente.

Estas imágenes interactivas son buenas para WordPress SEO y atraen más visitantes a su sitio web. Sin embargo, se recomienda que comprima sus imágenes antes de subirlas para mejorar el rendimiento del sitio web.

Esperamos que este artículo te haya ayudado a aprender a crear imágenes interactivas en WordPress. También puede consultar nuestra guía sobre cómo cargar imágenes de forma diferida en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.