Cambiar el color de la barra de suite en la página principal
-
29-09-2020 - |
Pregunta
Soy completamente nuevo para SharePoint.Tenemos SharePoint 2013 en las instalaciones y me gustaría cambiar el color de la barra superior en la página principal, así como deshacerse de los enlaces de noticias, Onedrive y Sitios. Tengo SharePoint Designer 2013. Por favor, recuerde que soy un noob total con SharePoint.
Solución
Branding en SharePoint
La mejor manera es mirar algunos clips o tutoriales de YouTube.
Podrías hacer un aspecto compuesto. Consulte este enlace .
Puede intentarlo con este estilo en su página principal o en un archivo CSS:
div#suiteBarLeft{
background-color: red;
}
o
.s4-ribbonrow
{
color:purple!important;
}
Cómo eliminar noticias, ONEDRIVE ...
Opción 1 - Eliminar u ocultar el control del delegado de la página principal. Abra su página maestra en SharePoint 2013 Designer y busque el control del delegado "SuiteLinksDelegate".
En la página principal, buscaría algo como a continuación:
<SharePoint:DelegateControl id=”ID_SuiteLinksDelegate” ControlId=”SuiteLinksDelegate” runat=”server” />
Simplemente elimínelo o coméntelo para ocultar los enlaces en la barra azul. Vea los pasos detallados sobre cómo editar una página maestra existente en Editar una página maestra existente para cambiar el logotipo o ocultar los enlaces de suite (noticias, SkyDrive, etc.) en SharePoint 2013
Opción 2: usando JavaScript para ocultar el control de enlaces. Para este ejemplo, solo estamos agregando el JavaScript requerido para un editor de origen en una página. Puede agregar esto a su página maestra o a un control delegado para agregarlo a todas las páginas del sitio. Para ocultar "Newsfeed, SkyDrive, Sitios ...", enlaces Agregue el siguiente código para editar la fuente en una página.
pasos -
-
Edite la página y haga clic en la pestaña Insertar.
-
Haga clic en el código de inserción para agregar el siguiente javascript
<script language=”javascript”> _spBodyOnLoadFunctionNames.push(“HideBrandingsuite”); function HideBrandingsuite() { document.getElementById(‘ctl00_DeltaSuiteLinks’).style.visibility = ‘hidden’; } </script>