Atualizar CSS e temas personalizados no SharePoint
Saiba mais sobre problemas de atualização com personalizações de temas, como CSS personalizado e páginas mestras personalizadas e como atualizar personalizações para funcionar no SharePoint.
Introdução a personalizações de temas e sites atualizados do SharePoint
A experiência de temas no SharePoint foi redesenhada para simplificar o processo de personalização de sites alterando o layout do site, a paleta de cores, o esquema de fonte e a imagem em segundo plano. A interface do usuário de temas foi reformulada e há um conjunto de novos formatos de arquivo relacionados à temas. Os temas personalizados criados no SharePoint 2010 não podem ser usados em sites do SharePoint, você deve criá-los novamente. Os arquivos CSS personalizados podem não funcionar com êxito em sites do SharePoint até que sejam atualizados para trabalhar com as novas páginas mestras, slots de cores e outras alterações de temas.
Este artigo descreve os problemas que podem ocorrer quando você tenta usar CSS personalizado, SharePoint 2010 CSS e temas personalizados SharePoint 2010 com a nova experiência de temas. Ele também explica as alterações que você precisa fazer em seus temas personalizados do SharePoint 2010, SharePoint 2010 CSS e CSS personalizados se quiser usá-los em sites do SharePoint.
Observação
[!OBSERVAçãO] temas de SharePoint 2010 podem ser usados em conjuntos de sites que estão executando no modo 2010. Para obter mais informações sobre os modos de coleção de sites, consulte Planejar atualizações de coleção de sites no SharePoint ou planejar a atualização para o SharePoint.
Para obter mais informações sobre temas, consulte Visão geral de temas para o SharePoint.
Temas personalizados do SharePoint 2010 no SharePoint
Em SharePoint 2010, temas foram armazenados em arquivos THMX. No SharePoint, há um conjunto de novos formatos de arquivo relacionados a temas. Paletas de cores e esquemas de fonte são armazenados em arquivos XML separados (.spcolor e .spfont arquivos, respectivamente).
Você não pode atualizar um arquivo THMX do SharePoint 2010 para o SharePoint. Se você aplicou um tema personalizado ao seu site do SharePoint 2010, ao atualizar para o SharePoint, os arquivos de tema permanecerão em vigor, mas o tema não será mais aplicado ao site e o site reverterá para o tema padrão. Se você quiser usar suas personalizações de temas do SharePoint 2010 em sites do SharePoint, você deve criá-los novamente usando as diretrizes de temas do SharePoint.
Para obter mais informações sobre como criar personalizações de temas, consulte Como implantar um tema personalizado no SharePoint e paletas de cores e fontes no SharePoint. You can also use the SharePoint color palette tool to help you create SharePoint designs. Você pode baixar a ferramenta de paleta de cores do SharePoint no Centro de Download da Microsoft.
Ponta: Você pode abrir um arquivo THMX no PowerPoint para ver como as cores são definidas no tema personalizado e, em seguida, usar a ferramenta de paleta de cores para recriar as cores como um arquivo de paleta de cores (um arquivo .spcolor). Uma paleta de cores é a combinação das cores que são usados em um site do SharePoint.
Você também pode decidir usar um dos temas do SharePoint pré-instalados. Para obter mais informações, consulte Escolher um tema para o seu site de publicação no Office.com.
Atualizando páginas mestras personalizadas
Quando você atualiza um site do SharePoint 2010 para o SharePoint, o site é configurado para usar a página mestra padrão do SharePoint. Se você tivesse uma página mestra personalizada para seu site do SharePoint 2010, ela ainda residia no site e você pode aplicá-la ao site do SharePoint. You can use the SharePoint user interface or the SPWeb class to apply the custom master page to the upgraded site. Para obter mais informações sobre como alterar a página mestra, consulte Como aplicar uma página mestra a um site no SharePoint.
Considere o seguinte antes de decidir se deve aplicar a página mestra personalizada do SharePoint 2010 ao site do SharePoint atualizado:
Se a página mestra personalizada depende de arquivos CSS personalizados: Aplicar a página mestra ao site atualizado deve retornar o site à sua experiência de 2010 original. Mas você não poderá aplicar um tema do SharePoint ao site.
Se você quiser usar a página mestra personalizada e os arquivos CSS personalizados junto com a experiência de temas do SharePoint, deverá atualizar os arquivos CSS para usar os novos slots de cores do SharePoint. If you want to access the custom master page from the themes user interface, you also have to create a master page preview file. Para obter mais informações, consulte Como criar um arquivo de visualização de página mestra no SharePoint.
Se a página mestra personalizada depender de arquivos CSS do SharePoint 2010: Os arquivos CSS foram alterados significativamente do SharePoint 2010 para o SharePoint. In many cases, you will have to rework the master page so that it can work with new classes before you can successfully apply it to the upgraded site. For more information about CSS classes, see the Using the host web CSS in apps for SharePoint section in Diretrizes de design UX de suplementos do SharePoint.
SharePoint 2010 CSS e arquivos CSS personalizados
Arquivos CSS não modificados do SharePoint 2010 e arquivos CSS personalizados não podem ser usados em sites do SharePoint. O seguinte descreve as alterações do SharePoint que se aplicam ao CSS do SharePoint 2010 e aos arquivos CSS personalizados:
Color slots. O número de slots de cores disponíveis aumentou significativamente no SharePoint. You must update the color slots in SharePoint 2010 CSS files before they can be used in the new theming experience. Para obter mais informações, confira a seção Mapeamento de slot de cores em Paletas de cores e fontes no SharePoint.
Font slots. Você deve examinar a lista de slots de fonte disponíveis e verificar se os arquivos CSS que você deseja usar no SharePoint estão usando os slots de fonte corretos. Para obter mais informações, consulte a seção Slots de fonte em Paletas de cores e fontes no SharePoint.
New annotation. O SharePoint tem uma nova anotação que permite substituir a imagem em segundo plano. Para obter mais informações, consulte Como tornar os arquivos CSS personalizados themable no SharePoint.
New classes. Talvez seja necessário atualizar arquivos CSS para trabalhar com as novas classes no SharePoint. For more information about CSS classes (also referred to as CSS styles), see the Using the host web CSS in apps for SharePoint section in Diretrizes de design UX de suplementos do SharePoint.