Lleve el foco y el interés visual a su página con el elemento web Hero. Puede mostrar hasta cinco elementos en el elemento web Hero y usar imágenes, texto y vínculos atractivos para llamar la atención sobre cada uno de ellos. El elemento web Imagen prominente se incluye de forma predeterminada en sitios de comunicación, pero también se puede agregar el elemento web Imagen prominente a otras páginas.

Notas: 

  • Algunas funciones se introducen gradualmente en las organizaciones que han optado por el programa Versión dirigida. Esto significa que es posible que todavía no pueda ver esta característica o que la vea con un aspecto diferente a como se describe en los artículos de ayuda.

  • Debe tener permisos de edición para crear páginas. Si es propietario pero no puede agregar una página, es posible que el administrador haya desactivado la posibilidad de hacerlo.

Contenido

Elemento web Principal en sitios de comunicación: Tema y presentación

Al crear un sitio de comunicación,el elemento web Hero se incluye en la página de forma predeterminada. Se rellena previamente con imágenes, texto y vínculos predeterminados que cambia para mostrar sus propias imágenes, texto, páginas, vínculos o documentos.

Cuando selecciona Tema para el tipo de sitio de comunicación que desea, el texto principal predeterminado es un diseño en mosaico con cinco mosaicos (que puede cambiar de uno a cinco):

Elemento web principal en el sitio de comunicación

Cuando selecciona Mostrar para el tipo de sitio de comunicación que desea, el heroe predeterminado es un diseño vertical con tres capas (que puede cambiar de una a cinco capas):

Mostrar un héroe

Puede cambiar el diseño del elemento web Hero de una cuadrícula a capas verticales con el botón Editar elemento web Botón de edición del elemento weby puede cambiar los vínculos, imágenes y texto de cada mosaico o capa mediante el botón Editar detalles Editar detalles para cada mosaico o capa.

Botones de edición de héroes

1. Botón Editar elemento web

2. Botón Editar detalles

Cambiar el diseño del elemento web Hero

Vea este vídeo para ver cómo se hace o siga los pasos que se indican debajo del vídeo.

Su explorador no admite vídeo.
  1. Si aún no está en modo de edición en la página, haga clic en Editar en la parte superior derecha de la página.

  2. Haga clic en el botón Editar elemento web Botón de edición del elemento web a la izquierda y seleccione el tipo de diseño que desee: puede seleccionar hasta 5 mosaicos (como este en un sitio de tema) o hasta 5 capas (como este en un sitio de Presentación).

    Opciones de diseño de héroe Opciones de diseño de héroe

Cambiar el punto focal de una imagen

En SharePoint en Microsoft 365, puede cambiar el punto focal de una imagen seleccionada dentro del elemento web Hero 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, haga clic en Editar en la parte superior derecha de la página.

  2. Haga clic en Establecer punto focal Botón Establecer punto focal en la barra de herramientas de la parte inferior de la imagen principal que desea cambiar.

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

    Punto focal

Reordenar mosaicos o capas

Puede reordenar mosaicos o capas moviéndolos donde desee.

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

  2. Haga clic y mantenga presionado el botón Mover elemento y, a continuación, arrastre el mosaico o la capa donde desee.

    Elemento Mover de héroe

Colocar el elemento web Hero en una columna

El elemento web Hero está diseñado para tomar todo el ancho de la página. Si prefiere que el elemento web Hero no ocupa el ancho completo, puede agregar moverlo a una columna que no tenga ancho completo.

Vea este vídeo para ver cómo se hace o siga los pasos que se indican debajo del vídeo.

Su explorador no admite vídeo.
  1. Si aún no está en modo de edición, haga clic en Editar en la parte superior derecha de la página.

  2. Mantenga el mouse justo encima del elemento web Hero y haga clic en el signo + en el círculo a la izquierda del elemento web

  3. En Diseño de sección,seleccione una columna.

    Una columna
  4. En el lado izquierdo del elemento web, use el botón Mover elemento web para arrastrar el elemento web Hero a la columna que acaba de agregar.

    Botón Mover elemento web

    Héroe en movimiento

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

Puede agregar un elemento web principal a una página en un sitio de grupo o en un sitio de comunicación. Para ello, realice lo siguiente:

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

  2. En la página, mantenga el mouse encima o debajo de un elemento web existente y verá una línea con un círculo +, como esta:

    Signo más para agregar elementos web a una página

    Haga clic en +y, a continuación, elija el elemento web Hero.

    Elemento web principal en estado vacío
  3. Haga clic en el botón Editar del elemento web Botón de edición del elemento web y seleccione el tipo de diseño que desee: se puede usar una cuadrícula de 1 a 5 mosaicos o de 1 a 5 capas verticales.

  4. Haga clic en Seleccionar vínculo para cada mosaico que desee cambiar.

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

    En el cuadro de herramientas, haga clic en Cambiary, a continuación, elija una ubicación desde la que obtener el vínculo:

    Imagen de las opciones del selector de archivos.
    • Recientes:Si ha abierto imágenes, páginas o documentos recientemente, los encontrará aquí.

    • Búsqueda 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 la página. SharePoint solo Microsoft 365.

    • Su organización:si su organización ha especificado un conjunto de activos aprobados, podrá elegir entre ese conjunto aquí.  Si es administrador 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 Microsoft 365.

    • Sitio:puede obtener un vínculo para un documento, imagen o página de un sitio especificado.

    • Upload: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 desde OneDrive para SharePoint en Microsoft 365.

  6. Seleccione su 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 documento al que está vinculando, si hay una disponible. Solo el color está disponible solo para el diseño Mosaicos y el color corresponde al color del tema del sitio.

  8. Escriba Texto alternativo para la imagen.

  9. En Opciones (SharePoint solo en Microsoft 365):

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

    • Para un diseño en capas, también puede mostrar un encabezado de tema para cada capa cambiando el botón de alternancia del encabezado Tema a Sí. A continuación, agregue el texto del título Tema.

Escalado de imágenes en el elemento web Hero

Para elegir imágenes de tamaño óptimo para el elemento web Hero, tenga en cuenta lo siguiente:

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

  • En el diseño Mosaicos, el alto del elemento web se escala para seguir una relación de aspecto de 8:3 e imágenes dentro de la escala de elementos 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 escala de capa a una relación de aspecto cercana a 9:16.

Nota: Puede agregar un vínculo a un vídeo o cargar un vídeo en el elemento web Hero. Sin embargo, los vídeos no se pueden reproducir en el elemento web. Los usuarios pueden hacer clic en el vínculo del vídeo y ser llevados al reproductor de vídeo o al origen del vínculo para ver el vídeo.

¿Necesita más ayuda?

Ampliar sus conocimientos
Explorar los cursos
Obtener nuevas características primero
Unirse a Microsoft Office Usuarios de Insider

¿Le ha sido útil esta información?

¿Cuál es tu grado de satisfacción con la calidad del lenguaje?
¿Qué ha afectado a tu experiencia?

¡Gracias por sus comentarios!

×