Hace poco hablábamos sobre cómo crear de Temas personalizados para SharePoint 2010, como una medida para personalizar un Sitio SharePoint 2010. En esta ocasión, vamos a hablar sobre cómo crear una Master Page y Hoja de Estilos CSS personalizadas para incluir un Pié de Página (Footer), una tarea típica al personalizar (Branding) un Sitio de SharePoint 2010, que realizaremos utilizando SharePoint Designer 2010.
Lo primero que deberemos hacer es abrir el SharePoint Designer 2010, conectarnos a nuestro Site, abrir la Galería de Páginas Maestras (/_catalogs/masterpage) y hacer una copia de la Página Maestra v4.master (en nuestro caso de ejemplo, renombraremos dicha copia como GuilleSQL.master).
Editaremos nuestra Página Maestra y buscaremos el tag SharePoint:DeveloperDashboard. Insertaremos el código HTML de nuestro Pié de Página (Footer) justo antes de esta etiqueta.
Necesitaremos crear un Hoja de Estilos CSS para incluir en ella las definiciones de estilo que necesitemos. La crearemos desde SharePoint Designer 2010 en alguna Librería de Documentos o Carpeta de nuestro Site, y seguidamente la editaremos para incluir las definiciones de estilo que necesitemos.
Realizado esto, tendremos que adjuntar nuestra Hoja de Estilos CSS a nuestra Master Page. Para ello, volveremos a editar nuestra Página Maestra, y en la pestaña Style de la botonera (Ribbon), seleccionaremos la opción Attach Style Sheet.
En la ventana de diálogo Attach Style Sheet, especificaremos la URL de la Hoja de Estilos CSS que acabamos de crear.
En estos momentos, nuestra Página Maestra ya está configurada para mostrar un Pié de Página (Footer) utilizando una Hoja de Estilos CSS personalizada. Guardaremos los cambios, tanto de nuestra Hoja de Estilos como de nuestra Página Maestra, tras lo cual nos aparecerá una ventana de diálogo como la siguiente (Site Definition Page Warning). Click Yes para continuar.
Llegados a este punto, de nuevo en la Galería de Páginas Maestras, marcaremos nuestra nueva Página Maestra como Página Maestra por Defecto (opción Set as Default Master Page).
Un efecto colateral que deberemos tener en cuenta, es que SharePoint 2010 también utiliza la Master Page para crear las ventanas de diálogo.
Si deseamos ocultar el Pié de Página (Footer) de las ventanas de diálogo de SharePoint 2010, podemos añadir el estilo s4-notdlg, tal y como se muestra en la siguiente pantalla capturada.
Con esto, ya tendremos nuestro Pié de Página (Footer) funcionando en nuestro Site de SharePoint 2010, sin que se muestre en las ventanas de diálogo.
Poco más por hoy. Como siempre, confío que la lectura resulte de interés.
