Cambiar la apariencia de su sitio de SharePoint

Se aplica a
SharePoint Server 2019 SharePoint Server 2016 Office 365 Pequeña Empresa Office 365 ofrecido por 21Vianet - Administración de Pequeña Empresa

En este artículo se describe cómo cambiar el aspecto general de su sitio de SharePoint como propietario del sitio o como usuario con permisos de diseño. Puede personalizar rápida y fácilmente el aspecto de su sitio de SharePoint para reflejar su estilo profesional y su marca. Las opciones disponibles dependen de la versión de SharePoint que use.

Seleccione Configuración Configuración para la herramienta de migración de SPO en la parte superior derecha de su sitio de SharePoint y, a continuación, seleccione Cambiar el aspecto.

Nota

  • Si no ve Cambiar la apariencia, es posible que no tenga permiso para administrar esta opción o que esté en la experiencia clásica.
  • Para obtener más información sobre los permisos, consulte Información sobre los niveles de permisos en SharePoint o pregunte al administrador.
  • Para cambiar el aspecto de los sitios de SharePoint con la experiencia clásica, visite aquí.

Usar un tema para cambiar los colores del sitio de SharePoint

Seleccione Cambiar el tema de apariencia>.

Cambiar el tema de su sitio de SharePoint Seleccione el aspecto que quiera.

Verá una vista previa del aspecto que tiene su sitio con el tema seleccionado aplicado.

Elija un tema de empresa con una personalización de marca aprobada para su empresa o use uno de los diseños de experiencia clásicos.

Puede elegir uno de los temas predeterminados de SharePoint y personalizarlo según sea necesario.

La lista de colores principales y colores de énfasis varía en función del tema predeterminado de SharePoint que elija personalizar.

Para personalizar los colores de uno de los temas predeterminados de SharePoint:

  1. Seleccione el tema y, a continuación, seleccione Personalizar.
  2. Elija el color principal y el color de énfasis que desee y, a continuación, seleccione Guardar para aplicarlo a su sitio.
O bien, si no te gusta lo que ves y quieres volver a donde tenías al principio, selecciona Cancelar en su lugar.

Nota

  • Es posible que el administrador haya configurado los temas del sitio para mostrar solo una lista de temas aprobados por la empresa. Si es así, no verá ninguno de los temas predeterminados de SharePoint.
  • Si va a actualizar el tema en un subsitio o sus administradores tienen sitios establecidos en la experiencia clásica, siga las instrucciones de la sección diseños de la experiencia clásica.
  • Actualmente, no puede cambiar el color de fondo del sitio con esta configuración. Los administradores de SharePoint pueden realizar cambios en los temas aprobados por la empresa como se describe en Creación de temas de SharePoint.
  • El color del botón se basa en el color de énfasis del tema del sitio y no se puede cambiar independientemente del tema del sitio.
  • Obtén información sobre cómo personalizar el área de título de página aquí.
  • Para crear y cargar un tema de empresa, vea Temas del sitio de SharePoint.
  • Para obtener formas adicionales de personalizar el sitio, vea Personalizar el sitio de SharePoint.

Personalizar el encabezado del sitio

  1. Seleccione Cambiar el aspecto del>encabezado.

    Nota

    Los diseños de encabezado mínimo y extendido se quitarán temporalmente del panel Cambiar apariencia para clientes de GCC, GCC High, DoD, Gallatin y nubes soberanas. Los sitios que usen el encabezado mínimo pasarán automáticamente al encabezado compacto y los sitios que usen el diseño de encabezado extendido pasarán automáticamente al encabezado estándar.

    Cambiar el panel de aspecto que muestra las opciones de diseño de encabezado para el sitio de SharePoint

  2. Elija un diseño: (el diseño compacto es el predeterminado para todos los sitios modernos):

    1. Diseño mínimo: altura reducida con todo el contenido en una sola línea, incluido el logotipo del sitio pequeño, el título del sitio, la navegación del sitio y las acciones y etiquetas del sitio.
      Encabezado mínimo

    2. Diseño compacto: un diseño de altura más grande que usa el logotipo del sitio de tamaño completo mientras mantiene el contenido en una sola línea.
      Cabezal compacto

    3. Diseño Standard: un diseño con el logotipo del sitio de tamaño completo y el contenido dividido en 2 líneas.
      Encabezado Standard

    4. Diseño extendido: nuestro diseño más grande con contenido dividido en dos áreas de contenido con el logotipo del sitio, el título del sitio y una imagen de fondo opcional independiente del resto del contenido a continuación.
      diseño extendido

      Nota

      Si usa el encabezado extendido en un sitio central designado como Inicio, la navegación del sitio se reemplazará por la barra de navegación del concentrador.

  3. Vaya a la pestaña Diseño, en la sección Fondo, seleccione un color de tema para cambiar el color de fondo del encabezado de su sitio. O sube una imagen como fondo y ajusta la superposición, la opacidad y el punto focal de la imagen de fondo.
    Sección de fondo del encabezado del sitio en Cambiar el aspecto con el selector de colores del tema y las opciones de carga de imágenes

  4. En la sección Tipografía , cambie la fuente del título del sitio seleccionando una fuente de la lista de tipos de letra disponibles:
    Sección de tipografía del encabezado del sitio en Cambiar el aspecto con la lista de paquetes de fuentes para el texto del encabezado

  5. En la sección Pantalla, haga lo siguiente:

    1. Seleccione el botón de alternancia para establecer la visibilidad del título del sitio;
    2. Seleccione Cambiar para agregar una miniatura del logotipo del sitio (debe ser un logotipo cuadrado para su uso predeterminado en experiencias que requieran una relación de aspecto cuadrada);
    3. Seleccione Cambiar para agregar un logotipo de sitio. Si usa el diseño extendido, seleccione Alineación del logotipo del sitio .

    Nota

    Para asegurarse de que el icono se representa correctamente, elija uno que se ajuste al rango de 64 x 64 píxeles a 192 x 64 píxeles (ancho x alto).

    Configuración del logotipo de encabezado del sitio en Cambiar el aspecto que muestra el área de carga del logotipo con una guía de tamaño de 64x64 a 192x64 píxeles

  6. Cuando hayas terminado, selecciona Guardar.

Cambiar el estilo de navegación

  1. Seleccione Cambiar el aspecto>de la navegación.

  2. En Orientación, seleccione Horizontal o Vertical. Si selecciona Horizontal, puede seleccionar una de las siguientes opciones:
    Megamenú
    Megamenú de SharePoint
    En cascada
    Ejemplo de menú en cascada de SharePoint

    Nota

    • Megamenu no es compatible con los sitios con las características de publicación clásica activadas.
    • Para cambiar los vínculos de navegación, vea Personalizar la navegación en el sitio de SharePoint.
    • Los vínculos agregados al 3er nivel cuando se usa el estilo de megamenú se muestran como una sola lista vertical.
  3. Vaya a la pestaña Diseño, en la sección Tipografía , cambie la fuente de los enlaces de navegación seleccionando de la lista de paquetes de fuentes disponibles:
    Navegación del sitio Sección tipográfica en Cambiar el aspecto con la lista de paquetes de fuentes para el texto del vínculo de navegación

  4. Seleccione Guardar para aplicar los cambios.

  1. En el sitio, haga clic en elbotón Configuración:Configuración de Office 365 y, a continuación, haga clic en Cambiar el aspecto>del pie de página.

    Nota

    • Si no ves Cambiar el aspecto en el menú Configuración , es posible que no tengas permiso para administrar esta opción. Para obtener más información, consulte Comprender los niveles de permisos en SharePoint o pregunte a su administrador.
    • La característica de pie de página de sitio solo está disponible en las páginas del sitio de comunicación. No están disponibles para páginas de listas, páginas de biblioteca u otras páginas de su sitio.

    Opciones de alineación del pie de página del sitio en el panel Cambiar la apariencia

  2. Active el interruptor de visibilidad del pie de página para agregar un pie de página a su sitio.

  3. Elija un diseño:

    1. Diseño sencillo: Muestra un nivel de vínculos y etiquetas de hasta ocho columnas de ancho.

      Diseño de pie de página sencillo

    2. Diseño extendido: Muestra dos niveles de vínculos y etiquetas de hasta ocho columnas de ancho.
      Pie de página extendido

4. Cambiar la alineación del vínculo del pie de página.

5. Seleccione Cargar para agregar la imagen del logotipo al pie de página. El tamaño de la imagen se cambia automáticamente.

6. Para agregar un nombre al pie de página, escriba un nombre para mostrar.

7. Vaya a la pestaña Diseño, seleccione un color de fondo o agregue una imagen.
Pestaña Diseño de pie de página del sitio en Cambiar el aspecto mostrando el selector de color de fondo y las opciones de carga de imágenes

8. En la sección Tipografía , cambie el nombre del pie de página y la fuente de los vínculos seleccionando de la lista de tipos de letra disponibles:

Sección de tipografía de pie de página del sitio en Cambiar el aspecto con la lista de paquetes de fuentes para el nombre del pie de página y el texto del vínculo

9. Seleccione Guardar para guardar los cambios.

Después de agregar un pie de página a su sitio, puede agregar vínculos o etiquetas al pie de página. Seleccione Editar en el pie de página situado a la izquierda del menú con las etiquetas y los vínculos.

Opción de edición para pie de página extendido

Para obtener más información sobre cómo agregar o editar vínculos y etiquetas, vea Personalizar la navegación en el sitio de SharePoint. Puede agregar un nivel de hasta ocho vínculos o etiquetas.