En este blog, analizaremos cómo puede modificar la apariencia de la vista de diseño clásico de SharePoint en su sitio y hacer que se vea más atractivo.
Microsoft está moviendo lentamente todas las configuraciones y apariencias clásicas de SharePoint a su versión de vista de diseño avanzada o estándar.

Sin embargo, en el momento de escribir este artículo, es posible que todavía encuentre un sitio de SharePoint con una vista de diseño clásica por algún motivo.

Por eso, todavía hay algunas configuraciones y características que solo podemos cambiar yendo a la configuración de la página del sitio de diseño de SharePoint Classic.

Tabla de contenido
Ir a la configuración del sitio de su proyecto de SharePoint
Para acceder a la configuración del sitio de la vista de diseño clásico de SharePoint, puede hacer clic en el ícono de ajustes en la esquina superior derecha.

Luego haga clic en Información del sitio .

Aparecerá un nuevo panel a la derecha. Elija Ver todas las configuraciones del sitio .

Después de eso, será redirigido a la página de diseño clásico de SharePoint.

Tenga en cuenta que lo que está viendo es la vista de diseño clásica y no la versión estándar.
Personalización de su sitio de proyecto de SharePoint a través de la vista de diseño clásico
Primero, haga clic en Cambiar el aspecto en la sección Aspecto y comportamiento para cambiar la apariencia de su sitio del proyecto.

Esto le mostrará varios temas que puede usar para cambiar la apariencia de su sitio de proyecto. Definitivamente puedes encontrar uno que se adapte a tus preferencias; puede optar por un tema de oficina si prefiere tener un aspecto más profesional o quizás una de las opciones más oscuras.

Pero para este ejemplo, elegiremos el tema Naranja .

Después de eso, será redirigido a la página siguiente.

Sin embargo, si accidentalmente hizo clic en un tema que no desea usar, simplemente puede hacer clic en Comenzar de nuevo con una flecha que apunta hacia la izquierda en la parte superior izquierda de la página. Esto lo regresará a la página anterior donde puede seleccionar un tema.

En esta página, verá otras configuraciones que puede modificar para cambiar la apariencia de su sitio de proyecto.

Puede agregar una imagen de fondo haciendo clic en el cuadro con el texto " Soltar una imagen aquí ".

Además, podrá modificar sus colores haciendo clic en el menú desplegable Colores . Viene con muchas combinaciones de colores que son adecuadas para ti.

Otra configuración que cambiará su apariencia y accesibilidad es el diseño del sitio . Si hace clic en el menú desplegable Diseño del sitio , verá 2 opciones: Seattle y Oslo .

Cuando eliges Seattle , verás que los elementos de navegación están en el lado izquierdo.

Por otro lado, Oslo es donde los elementos están en la cima. Tenga en cuenta que solo funciona para la versión clásica de SharePoint y no para la versión estándar.

También puede cambiar la fuente que desea utilizar.

Finalmente, hagamos clic en Pruébelo para ver cómo se ve.

Comprobación de los cambios en el sitio de su proyecto de SharePoint
Aquí está la vista previa. Notarás que hay un cambio de acento en algunas áreas.

Si no le gusta cómo se ve, puede hacer clic en No, no del todo en la parte superior derecha. A continuación, puede volver a la página anterior.

Sin embargo, si ya te gusta, puedes hacer clic en Sí, mantenerlo en la parte superior derecha.

Después de eso, volverá a la página de configuración del sitio de diseño clásico . Esto significa que ha actualizado correctamente la apariencia del sitio de su proyecto. Para verlo, simplemente haga clic en el título de su sitio en la parte superior derecha. Para este ejemplo, nombramos el sitio como TestSite .

Luego verá que hay un cambio en la página. En nuestro ejemplo, notará que hay una parte azulada.

Como se mencionó anteriormente, Oslo no funcionará ya que este es un sitio estándar. Pero si vamos a una página con una versión clásica, funcionaría bien. Para cambiar de página, haga clic en la flecha junto a las páginas en el panel izquierdo.

Aparecerá un menú desplegable. Puedes elegir cualquier página que tenga la versión clásica. Pero en nuestro ejemplo, elegiremos la página Gastos .

Verá que el diseño del sitio de Oslo coloca los elementos de navegación en la parte superior.

Modificación de los elementos de navegación de su sitio de SharePoint a través de la vista de diseño clásico
Además del tema, también puede cambiar los elementos de navegación . Esto solo funciona para sitios clásicos y no para sitios estándar.

Después de eso, será redirigido a la página siguiente.

Si marca Habilitar inicio rápido , habilitará los elementos de navegación en la parte superior. Está deshabilitado cuando no está marcado.

La siguiente opción es Habilitar vista de árbol . Esto mostrará los elementos de navegación en el panel izquierdo si está marcado.

Si no está marcada, los elementos del lateral desaparecerán. ¡Vamos a probarlo!

Finalmente, haga clic en Aceptar .

Como resultado, no verá ningún elemento al costado y las opciones principales se moverán hacia la izquierda.

Cambio del inicio rápido del sitio del proyecto de SharePoint
Para cambiar la configuración de Inicio rápido , haga clic en Inicio rápido .

Después de eso, será redirigido a una nueva página donde puede ajustar la configuración.

Esta es otra forma de cambiar la vista de los elementos de navegación en la parte superior.

Los elementos que ve a continuación son los que puede encontrar en la navegación. Verás capas y subcapas.

Puede hacer clic en las capas o subcapas para modificarlas. En nuestro ejemplo, haremos clic en la página Gastos .

Luego, puede cambiar el nombre de la subcapa. En el siguiente ejemplo, cambiaremos el nombre usando el campo Escriba la descripción . Le cambiaremos el nombre de Expenses Page a Expenses Link .

También puede actualizar en qué encabezado desea que esté haciendo clic en el menú desplegable debajo de la sección Encabezado .

En nuestro ejemplo, elegiremos Páginas .

Luego haga clic en Aceptar .

Y ahora, verás que ha cambiado a Expenses Link .

También actualiza el sitio real. Volvamos al sitio real haciendo clic en el título de nuestra página ( TestSite ).

Al hacer clic en las páginas en el panel izquierdo, veremos que la página de gastos se ha cambiado a Enlace de gastos .

Conclusión
En este tutorial, aprendió a modificar su sitio de SharePoint cambiando su tema, los elementos de navegación y el inicio rápido a través de la vista de diseño clásica.
Tenga en cuenta que todavía hay configuraciones y características que solo se pueden cambiar a través de la vista de diseño clásica. Sin embargo, también hay funciones en la vista de diseño clásica que podrían realizarse fácilmente en la vista estándar.
Mis mejores deseos,
Enrique