Friday, August 25, 2006

Criar temas para o SharePoint 2007 com o SharePoint Designer 2007

Os temas, em Sharepoint 2007, permitem mudar o aspecto gráfico de um site com uma só acção. Ou seja, tudo o que seja cores e imagens é manipulado pelo tema associado ao site.


Isto significa, porém, que um tema não tem qualquer influência no layout das páginas.


 


NOTA: as descrições seguintes referem-se apenas à versão Beta 2.


 


Instalação de um Tema


 


O tema é uma pasta composta por ficheiros CSS, um ficheiro INF e vários ficheiros de imagem (GIF, JPG...). A instalação de um tema compreende dois passos:


1) colocar a pasta em C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES


2) alterar o ficheiro C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033\SPTHEMES.XML acrescentando uma entrada para o novo tema:


 


<Templates>


            <TemplateID>MyTheme</TemplateID>


            <DisplayName>My Theme</DisplayName>


            <Description>O My Theme tem um fundo branco com áreas de controlo vermelhas e highlights amarelos</Description>


            <Thumbnail>images\MyTheme.png</Thumbnail>


            <Preview>images\MyTheme.gif</Preview>


</Templates>


 


O TemplateID corresponde ao nome da pasta do tema.


O DisplayName é o nome que aparece na listas dos temas, na página de selecção, no Sharepoint.


O Description é a descrição que aparece associada ao tema, nessa mesma página, no Sharepoint.


O Thumbnail e Preview são as imagens de exemplo usadas, na página de selecção de tema do site Sharepoint, para mostrar o look final.


 


Ao fazer estas alterações, o tema fica imediatamente disponível no SharePoint, sem necessidade de reiniciar o IIS.


 


Edição de um Tema


 


Depois de aplicado um tema a um site, alterar as CSS ou as imagens na pasta dos temas não surtirá qualquer efeito nesse site.


Mesmo que se aplique um Tema B ao site, alterando em seguida a CSS do Tema A, para depois o voltar a aplicar... o site ficará com o aspecto do Tema A inicial.


 


Explicação: ao editar o site com Sharepoint Designer 2007, podemos constatar que, ao aplicar um determinado tema, o Sharepoint faz um merge de todas as CSS do tema e copia tudo para a pasta (virtual) _themes dentro do site. Nessa pasta passam a estar todos os CSS, imagens e o ficheiro INF, e um novo ficheiro CSS (por exemplo CAP1011-65001.CSS) que é o ficheiro realmente utilizado pelo Sharepoint. O nome do ficheiro é criado com base no nome do tema (CAP, no exemplo) e a codepage (65001, no exemplo) que está definida no ficheiro INF do tema.


 


Portanto, para editar o tema e ver as implicações das alterações, deve ser alterado este ficheiro no SharePoint Designer.


As classes (estilos) que não forem redefinidos ficarão com as definições do tema original do SharePoint.


 


André Vala

?>

No comments:

Post a Comment