Requisito: Cree un mapa de imagen en la página moderna de SharePoint Online.
¿Cómo crear un mapa de imágenes de SharePoint Online?
Un mapa de imagen es una forma gráfica de dividir una sola imagen en varias secciones, cada una con su propio hipervínculo. Al crear un mapa de imagen en SharePoint, puede agregar hipervínculos a regiones específicas de una imagen. Esto puede ser útil para crear menús de navegación, mostrar relaciones entre diferentes partes de una imagen o simplemente proporcionar enlaces a diferentes áreas de su sitio. Si alguna vez ha intentado crear un mapa de imágenes en SharePoint Online, sabe que puede ser un poco complicado. Para crear un mapa de imágenes en SharePoint Online, siga estos pasos:
Paso 1: crea un mapa de imágenes
Puede crear un mapa de imágenes con un editor de imágenes como Adobe Photoshop o SharePoint Designer. También puede usar herramientas en línea como https://imagemap.org/. Inserte una imagen y puede agregar puntos de acceso dibujando líneas alrededor de una parte específica de la imagen y luego puede definir la URL de destino para cada punto de acceso. Asegúrese de dejar suficiente espacio entre cada sección para que los usuarios puedan hacer clic en las áreas individuales sin hacer clic accidentalmente en otra también. Una vez que esté satisfecho con su cuadrícula, guarde el código generado como ImageMap.ASPX (o cualquier archivo.ASPX).
Paso 2: Cargue la imagen y el archivo ASPX en SharePoint
Una vez que esté listo con el código del mapa de imagen, cargue la imagen que usó para el mapa de imagen y actualice el código que copió en el paso anterior con la referencia de imagen de SharePoint. Y luego cargue el archivo aspx en cualquiera de sus bibliotecas de SharePoint Online como «Activos del sitio».
¡Debe habilitar el script personalizado antes de cargar el archivo ASPX! Si habilitó el indicador de script personalizado para el sitio últimamente, debe volver a cargar el archivo nuevamente. ¿Cómo habilitar el script personalizado en SharePoint Online?. De lo contrario, terminará en un error de «Archivo no encontrado».
Paso 3: inserte el mapa de imagen en la página moderna de SharePoint Online
Finalmente, tenemos que agregar el mapa de imagen a una página de SharePoint Online usando el elemento web Embed.
Aquí está el mapa de imágenes de SharePoint visualmente atractivo en acción:
En sitios clásicos y SharePoint local, puede usar el elemento web del editor de secuencias de comandos para agregar un mapa de imagen: ¿Cómo crear mapas de imagen con SharePoint Designer?
¿Cómo agregar código HTML en la página moderna de SharePoint Online?
Coloque su código HTML en un archivo y guárdelo como FileName.ASPX, y luego puede usar el elemento web Embed para mostrar su contenido. Como alternativa, puede usar el elemento web Editor de secuencias de comandos moderno para agregar código HTML/JavaScript/CSS a sus páginas modernas de Sharepoint Online.
