Usar el elemento web Imagen prominente

Elemento web Imagen prominente en sitios de comunicación: Tema y Escaparate

Al crear un sitio de comunicación, puede empezar con un sitio en blanco o elegir una de las otras plantillas de sitio, cada una de las cuales viene con un conjunto predeterminado de elementos web. Algunas de estas plantillas de sitio de comunicación incluyen el elemento web Imagen prominente, como:

• Standard comunicación: comparta información como noticias, eventos y otro contenido.

• Escaparate: usa fotos o imágenes para mostrar un producto, un equipo o un evento.

En estas plantillas, el elemento web Imagen prominente se incluye en la página de forma predeterminada. Se rellena previamente con imágenes, texto y vínculos predeterminados que se cambian para mostrar sus propias imágenes, texto, páginas, vínculos o documentos.

Al seleccionar la plantilla de comunicación Standard, el elemento principal predeterminado es un diseño en mosaico con cinco mosaicos (que puede cambiar de uno a cinco):

Al seleccionar la plantilla Escaparate , el elemento principal predeterminado es un diseño vertical con tres capas (que puede cambiar de una a cinco capas):

Puede cambiar el diseño del elemento web Imagen prominente de una cuadrícula a capas verticales o carruseles, usando el botón (1) Editar propiedades (), y puede cambiar los vínculos, imágenes y texto de cada mosaico o capa usando el botón (2) Editar detalles () para cada mosaico o capa.

1. Botón Editar elemento web

2. Botón Editar detalles

Cambiar el diseño del elemento web Imagen prominente

Si aún no está en modo de edición en la página, seleccione Editar en la parte superior derecha de la página.

1. Puede seleccionar uno de los tres diseños disponibles para el elemento web Imagen prominente: Carrusel, Mosaicos y Capas. Para seleccionar el diseño, seleccione Propiedades de edición () en la parte superior izquierda del elemento web y, después, seleccione el diseño en el menú desplegable de diseño:
   
   
   
   O bien, puede seleccionar el tipo de diseño que desea en el panel de propiedades del elemento web:
   
   

2. En el panel de propiedades del elemento web, elija:

   • Agregar una diapositiva para el diseño carrusel
      

     Sugerencias: 

     • Para el diseño de carrusel, para habilitar o deshabilitar la transición automática de diapositivas, puede activar o desactivar la reproducción automática.

     • 

   • Agregar un icono para el diseño Mosaicos

   • Agregar una capa para el diseño
     Capas

• Nota: puedes seleccionar un máximo de 5 mosaicos (por ejemplo, en un sitio de comunicación de Standard), hasta 5 capas (por ejemplo, en un sitio de Escaparate) o hasta 5 imágenes en el carrusel. 

Cambiar la imagen, el texto y los vínculos de cada mosaico o capa

Si aún no está en modo de edición en la página, seleccione Editar en la parte superior derecha de la página.

1. Seleccione Editar detalles () en la parte inferior derecha del icono o la capa que desea cambiar.

2. En el Panel de propiedades, seleccione Cambiar y, a continuación, elija una ubicación desde la que obtener el vínculo:

   • Recientes: Si ha abierto recientemente imágenes, páginas o documentos, los encontrará enumerados aquí.

   • Imágenes de archivo Microsoft proporciona imágenes de archivo. Son de alta calidad y tienen un tamaño adecuado para su uso. Si es administrador de SharePoint, le recomendamos que habilite una red de entrega de contenido (CDN) para mejorar el rendimiento de la obtención de imágenes.

   • Búsqueda en la Web: Puede encontrar imágenes de Bing que usan la licencia Creative Common. Usted es responsable de revisar las licencias de una imagen antes de insertarla en su página. SharePoint solo en Microsoft 365.

   • Su organización: si su organización ha especificado un conjunto de activos aprobados, podrá elegir entre ese conjunto aquí.  Si es un Administración de SharePoint y desea obtener información sobre cómo crear una biblioteca de activos para Su organización, vea Crear una biblioteca de activos de la organización.

   • OneDrive: Puede obtener un vínculo para un documento o imagen que haya almacenado en OneDrive. SharePoint solo en Microsoft 365.

   • Sitio: Puede obtener un vínculo para un documento, imagen o página de un sitio que especifique.

   • Cargar: puede cargar un documento o imagen desde un dispositivo personal.

   • Desde un vínculo: escriba un vínculo para su página, documento o imagen de OneDrive o SharePoint en Microsoft 365.

     Nota: Los vínculos externos al sitio no mostrarán una vista previa de imagen en U.S. Government GCC High and DoD, y Office 365 operados por 21Vianet.

3. Seleccione la imagen, la página o el documento y haga clic en Abrir.

4. En el Panel de propiedades, en Imagen de fondo, seleccione Imagen personalizada o Solo color (Solo color está disponible para el diseño Mosaicos y el color corresponde al color del tema del sitio).

   La opción Selección automática selecciona automáticamente una imagen de la página o del documento al que está vinculando, si está disponible.

5. Escriba encabezado para la imagen.

   • Puede mostrar un vínculo Llamar a la acción cambiando el botón de alternancia a Sí. A continuación, agregue el texto llamada a la acción (por ejemplo, "Más información"). El vínculo Llamada a la acción está disponible para cada capa en un diseño en capas, pero solo para el icono más grande de un diseño en mosaico.
     
     ​​​​​​​

     Nota: El diseño Carrusel tiene 3 nuevos estilos. Puede establecer diferentes estilos (superposición de imágenes, bloque de texto, división diagonal) para cada diapositiva para variar el contenido de la presentación.

     

Cambiar el punto focal de una imagen

En SharePoint de Microsoft 365, puede cambiar el punto focal de una imagen seleccionada dentro del elemento web Imagen prominente para obtener la parte más importante de la imagen en el marco.

1. Si aún no está en modo de edición en la página, seleccione Editar en la parte superior derecha de la página.

2. Selecciona Establecer punto focal en la barra de herramientas de la parte inferior de la imagen principal que quieras cambiar.

3. Arrastre el punto focal donde desee que aparezca en la imagen.
   
   

Reordenar imágenes, mosaicos o capas de carrusel

Puede reordenar imágenes, mosaicos o capas de carrusel moviéndolas donde quiera.

1. Si aún no está en modo de edición en la página, seleccione Editar en la parte superior derecha de la página.

2. En el Panel de propiedades, seleccione los puntos suspensivos de tres puntos situados junto a la imagen, mosaico o capa y, después, seleccione Subir o Bajar para cambiar el orden. Para los mosaicos y capas, también puede seleccionar la imagen y, a continuación, mantener presionado y arrastrar el icono o capa donde desee.

Colocar el elemento web Imagen prominente en una de dos o tres columnas

El elemento web Imagen prominente está diseñado para ocupar todo el ancho de la página. Si prefiere que el elemento web Imagen prominente no ocupa el ancho completo, puede hacerlo cambiando el diseño de la sección.

1. Si aún no está en modo de edición, seleccione Editar en la parte superior derecha de la página.

2. Desplace el mouse justo encima del elemento web Imagen prominente y seleccione el signo + en el círculo a la izquierda del elemento web

3. En Diseño de sección, seleccione Dos columnas o Tres columnas.

4. El elemento web Imagen prominente ahora está en la columna izquierda de las dos o tres columnas de la sección. 

5. Para mover el elemento web Imagen prominente, seleccione la imagen y, a continuación, manténgalo presionado y arrástrelo a la columna que desee que sea.

Agregar un elemento web Imagen prominente vacío a una página

Puede agregar un elemento web Imagen prominente a una página en un sitio de grupo o un sitio de comunicación . Para ello:

1. Si aún no está en modo de edición en la página, seleccione Editar en la parte superior derecha de la página. Busque el cuadro de herramientas () a la derecha.

2. Selecciona Ver todos los elementos web y, a continuación, selecciona o arrastra y coloca Imagen prominente en la lista de elementos web.

3. Selecciona Editar propiedades () y selecciona el tipo de diseño que quieras: se puede usar una cuadrícula de 1 a 5 mosaicos o de 1 a 5 capas verticales.

4. Selecciona Seleccionar vínculo para cada icono que quieras cambiar.

5. Para cada mosaico, en el cuadro de herramientas, seleccione Seleccionar y, a continuación, elija una ubicación desde la que obtener el vínculo:

   En el cuadro de herramientas, seleccione Cambiar y, a continuación, elija una ubicación desde la que obtener el vínculo:

   • Recientes: Si ha abierto recientemente imágenes, páginas o documentos, los encontrará enumerados aquí.

   • Búsqueda en la Web: Puede encontrar imágenes de Bing que usan la licencia Creative Common. Usted es responsable de revisar las licencias de una imagen antes de insertarla en su página. SharePoint solo en Microsoft 365.

   • Su organización: si su organización ha especificado un conjunto de activos aprobados, podrá elegir entre ese conjunto aquí.  Si es un Administración de SharePoint y desea obtener información sobre cómo crear una biblioteca de activos para Su organización, vea Crear una biblioteca de activos de la organización.

   • OneDrive: Puede obtener un vínculo para un documento o imagen que haya almacenado en OneDrive. SharePoint solo en Microsoft 365.

   • Sitio: Puede obtener un vínculo para un documento, imagen o página de un sitio que especifique.

   • Cargar: puede cargar un documento o imagen desde un dispositivo personal.

   • Desde un vínculo: escriba un vínculo para su página, documento o imagen de OneDrive para SharePoint en Microsoft 365.

6. Seleccione la imagen, página o documento y haga clic en Abrir.

7. En el cuadro de herramientas, en Imagen, seleccione Imagen personalizada o Solo color. La opción Selección automática selecciona automáticamente una imagen de la página o del documento al que está vinculando, si está disponible. El color solo está disponible para el diseño Mosaicos y el color corresponde al color del tema del sitio.

8. Escriba texto alternativo para la imagen.

9. Puede mostrar un vínculo Llamar a la acción cambiando el botón de alternancia a Sí. A continuación, agregue el texto llamada a la acción (por ejemplo, "Más información"). El vínculo Llamada a la acción está disponible para cada capa en un diseño en capas, pero solo para el icono más grande en un diseño en mosaico

Ajuste de escala de imagen en el elemento web Imagen prominente

Para elegir la adaptación de imágenes de tamaño para el elemento web Imagen prominente, tenga en cuenta lo siguiente:

• El elemento web está diseñado para adaptarse al ancho de la pantalla en un diseño de impresión a sangre completa.

• En el diseño Mosaicos , la altura del elemento web se escala para seguir una relación de aspecto de 8:3 e imágenes dentro de la escala del elemento web a una relación de aspecto de 4:3.

• En el diseño Capas , una capa individual se escala a una relación de aspecto de 8:3 e imágenes dentro de cada capa se escalan a una relación de aspecto cercana a 9:16.

¿Cuándo estará disponible el diseño carrusel?

Disponibilidad general (Mundial, GCC, GCC High y DoD): el lanzamiento comienza a mediados de enero de 2025 y se completará a finales de mes.

¿Qué ocurre con los diseños existentes después de agregar el diseño de carrusel?

Como parte de las actualizaciones del elemento web Imagen prominente, se han realizado los siguientes cambios:

• Novedades de administración de elementos

  La forma en que se administran los elementos del elemento web Imagen prominente ha cambiado. En lugar de establecer el número de elementos (1-5), ahora puede agregar o eliminar directamente elementos con la nueva interfaz intuitiva De diapositiva . Esto simplifica el proceso de personalizar el elemento web Imagen prominente para satisfacer sus necesidades específicas.

• Ajustes del panel de propiedades

  Aunque la interfaz de usuario del panel de propiedades de los diseños Mosaicos y capas se ha actualizado para obtener una experiencia más moderna, la funcionalidad de estos diseños no cambia.

•  Ningún impacto en los diseños existentes

  Si actualmente usa los diseños De mosaicos o Capas , puede estar seguro de que permanecerán tal y como están. No se realizará ninguna conversión automática en el nuevo diseño Carrusel , lo que garantiza que las páginas existentes sigan teniendo el aspecto esperado y funcionen según lo esperado.