Crear una página master para personalizar SharePoint 2013 (Parte 1/2)

En este artículo se explica como cambiar el diseño de SharePoint 2013 para personalizarlo a nuestro gusto.

Lo primero que tenemos que hacer es activar las características de publicación en esa colección de sitios para ello seguir este otro artículo: «No aparece el enlace de Master Page en SharePoint».

Ahora ya podemos ver que página master tiene nuestro sitio y establecer la que queremos. Para ello vamos a «Site settings» y entramos en «Master Page«:

La master por defecto es la de «Seattle«, si seleccionamos otra, por ejemplo «Oslo» veremos que el diseño es similar pero quitando el menú de la izquierda, cada una tiene su diseño específico.

Ahora vamos a ver como crear nuestra propia página master. Si entramos en nuestro sitio y vamos a «http://servidor:puerto/sites/raizsitio/_catalogs/masterpage» encontraremos la biblioteca en donde está guardada la página master. Si la seleccionamos y pinchamos en «Donwload a copy» es posible descargarla y editarla para hacer una nueva a partir de ella.

En la master «Seatte» hay 3 capas dentro del body que deberemos conocer:

La capa «suiteBar» que se corresponde a la barra de login y rueda de opciones:

La capa «s4-ribbonrow» que se corresponde al menú ribbon:

La capa «s4-workspace» que se corresponde al espacio de trabajo (esta es la que modificamos añadiendo nuestro diseño):

Una vez creada nuestra nueva master la guardamos con otro nombre y la subimos a la misma biblioteca de /_catalogs/masterpage. Podemos añadir a nuestro diseño las imágenes, javascripts y hojas de estilo que quedamos, recordar siempre que las debemos subir también a /_catalogs/masterpage.

Para poder aplicar la nueva master a nuestro sitio se debe proteger y aprobar una vez subida a /_catalogs/masterpage (junto con todas las imágenes, javascripts y hojas de estilo que se utilicen). Y ya podemos ir a «Site settings» y > «Master Page» para poder aplicarla.