Mi primer "tema" en SharePoint … ¿el lado oscuro?

Para algunos el "lado oscuro" de SharePoint pasa por el desarrollo, pero no podemos decir que trabajar con estilos en SharePoint esté precisamente acompañado por la "fuerza". Definitivamente no!

Hecha esta breve introducción, escribiré hoy un breve artículo para aquellos que quieran desarrollar su primer "tema" en SharePoint 2007.

Todos los artículos de Estilos que me resultaron interesantes, los estoy compilando bajo esté enlace: Estilos en SharePoint. Se los recomiendo y los invito a enviarme otros enlaces interesantes.

 

Parte 1: crear nuestros estilos

Antes de crear nuestro primer tema, necesitamos hacer pruebas con los estilos que queremos cambiar. No es propósito de este artículo hablar sobre estilos, pero sí enumerar los pasos previos a la creación del tema. Mi recomendación (y esto es opinable), es empezar así:

1.1 Elegir un tema de SharePoint estándar, el que más se parezca al estilo al que queremos llegar.

1.2 Buscar herramientas que nos ayuden a identificar los estilos (no es sencillo). Recomiendo estas dos:

• CSS Reference Chart (en inglés): excelente página que nos muestra los estilos más usados y nos permite copiar las clases que necesitamos modificar.
• SharePoint Customizer: muy linda herramienta de CodePlex, que nos permite navegar un sitio, seleccionar la zona a modificar e identificar las clases.

1.3 Hacer pruebas en la home page alterando los estilos del tema de manera de verificar que el diseño se acerca a nuestra idea original. Para esto lo mejor es agregar una Content Editor Web Part en la home page (sólo a modo de prueba) y alterar los estilos, por ejemplo así:

<style>

.ms-bannerContainer {display:none;}

.ms-searchform {display:none;}

</style>

 

Parte 2: armar el tema

Existe un artículo en MSDN que nos explica cómo realizar esto: MSDN: Procedimiento para personalizar temas. . Se los resumo:

2.1 Hacer una copia del tema que elegimos como tema base, que podemos encontrar en esta ruta:

Program FilesCommon FilesMicrosoft Sharedweb server extensions12TEMPLATETHEMES

• Poner un nombre a la carpeta
• Poner el mismo nombre dentro del archivo "inf" en las secciones [info] y [titles]

Importante: el nombre debe ser alfanumérico y de un máximo de 8 caracteres. Caso contrario obtendrán un error del tipo "Cannot open "Sur-Point": no such file or folder."

2.2 Modificar el archivo "css" con los estilos que probamos en la parte 1 (y que deberemos volver a probar una vez que apliquemos el tema, ya que ahora lo veremos en todas las páginas)

 

Continuar leyendo en: Mi primer tema en SharePoint … ¿el lado oscuro?.