Problemas de identidade visual que podem ocorrer na atualização para o SharePoint 2013

Importante :  Este artigo foi traduzido por um sistema de tradução automática, leia o aviso de isenção de responsabilidade. Para sua referência, veja a versão em inglês deste artigo aqui.

O SharePoint 2013 introduz uma nova interface do usuário que é leve, rápida e fluida. Essa IU foi criada usando novos estilos CSS, temas e páginas mestras. Para obter essa nova experiência, você precisa atualizar para a nova IU. Entretanto, as alterações significativas feitas para dar suporte à nova IU poderão prejudicar a atualização para alguns cenários onde você usa identidade visual personalizada.

No SharePoint 2010, você pode ter criado uma identidade visual para seu site de uma de diversas maneiras. Por exemplo, você pode ter criado uma identidade visual:

  • Aplicando uma folha de estilos personalizada a seu site que substitua os estilos padrão do SharePoint.

  • Aplicando um tema personalizado (arquivo THMX) a seu site.

  • Copiando e modificando uma das páginas mestras prontas do SharePoint.

  • Criando uma página mestra completamente nova em um site de publicação, onde a página mestra personalizada usa estilos personalizados e é referenciada por layouts de página personalizados.

Quando você atualiza seu conjunto de sites para o SharePoint 2013, esses tipos de personalizações não funcionarão porque os estilos CSS, os temas e as páginas mestras padrão foram alterados. Em vez disso, você deverá criar sua identidade visual personalizada usando os novos estilos, temas ou páginas mestras disponíveis no SharePoint 2013 e então aplicar o design recém-criado novamente ao conjunto de sites atualizados.

As alterações feitas nos estilos, temas e páginas mestras padrão do SharePoint foram necessárias para criar uma interface do usuário mais rápida e mais fluida e para fazer com que as atualizações subsequentes se tornem mais previsíveis.

Por este motivo, se o seu conjunto de sites contiver identidade visual personalizada, recomendamos que, antes de atualizar, primeiro você crie um conjunto de sites de avaliação, onde será possível testar e recriar sua identidade visual em um ambiente do SharePoint 2013. Para obter mais informações sobre um conjunto de sites de avaliação, consulte Atualizar um conjunto de sites.

As seções a seguir listam problemas de identidade visual que podem ocorrer quando você atualiza para o SharePoint Online 2013.

Início da Página

CSS personalizado

A maneira mais comum de aplicar uma identidade visual personalizada a um site do SharePoint 2010 é criar um novo arquivo CSS com estilos que substituam os estilos padrão do SharePoint.

Entretanto, para tornar a nova IU mais rápida e mais fluida, o SharePoint 2013 introduz alterações fundamentais na forma como o CSS é implementado:

  • Os tamanhos do arquivo CSS estão reduzidos.

  • O aninhamento de seletores CSS está limitado.

  • A herança de CSS é usada sempre que possível.

  • As classes são definidas somente em um local.

  • As classes relacionadas são agrupadas no arquivo CSS.

  • Estilos embutidos e a declaração !mportant não são usados porque não podem ser substituídos.

  • Os estilos usam uma estrutura e uma convenção de nomenclatura consistentes.

No SharePoint 2013, os estilos usam uma estrutura e uma convenção de nomenclatura consistentes.

Parte de nomenclatura

ms -

<recurso>-

<nome>

Explicação

Indica que esta é uma classe da Microsoft.

O nome do recurso a que este item está associado ou "núcleo", se for usado como parte da IU central.

Um nome descritivo do item, como título, link etc.

Por causa destas alterações na forma como o SharePoint 2013 implementa o CSS, quando você atualizar, os estilos CSS personalizados não serão aplicados ao seu site. Para resolver isto, primeiro crie um conjunto de sites de avaliação e use-o como o ambiente onde será possível identificar os novos estilos do SharePoint 2013 que você precisa substituir. Crie um novo estilo CSS para esses estilos e então aplique o CSS ao site atualizado.

Início da Página

Tema personalizado

No SharePoint 2010, você pode usar um programa do Office, como o PowerPoint 2010, para criar um arquivo THMX. Em seguida, você poderá carregar o arquivo do tema no SharePoint 2010 e aplicar o tema ao seu site.

No SharePoint 2013, o mecanismo de temas foi completamente reprojetado, para tornar os temas mais poderosos e flexíveis, e para que eles possam ser atualizados com mais facilidade. O novo modelo de temas usa a marcação em estilo de comentário no CSS e substitui partes do CSS com base em parâmetros como fontes e esquemas de cores selecionados pelos usuários finais. Os temas no SharePoint 2013 são definidos por arquivos XML.

  • O SPColor.xml define a paleta de cores, na qual os slots agora têm nomes semânticos para que fique mais claro quais elementos da IU serão afetados quando você alterar um valor de cor. Além disso, agora os temas dão suporte à definição de opacidade.

  • O SPFont.xml define o esquema de fontes e dá suporte a diversos idiomas, fontes seguras da Web e fontes da Web.

Entretanto, não há suporte para a atualização de um arquivo THMX do SharePoint 2010 para o SharePoint 2013. Se você aplicou um tema personalizado ao seu site do SharePoint 2010, quando atualizar para o SharePoint 2013, os arquivos de tema permanecerão no lugar, mas o tema não será mais aplicado ao site, e o site será revertido para o tema padrão.

Para resolver isso, primeiro você deverá criar um conjunto de sites de avaliação e então recriar o tema usando os novos recursos de tema do SharePoint 2013. Para obter mais informações sobre o Inspetor de Documento, consulte estes artigos:

Início da Página

Copiar e modificar uma das páginas mestras prontas

No SharePoint 2010, uma maneira comum de fazer personalizações menores na IU é copiar e modificar uma das páginas mestras prontas. Por exemplo, você poderia modificar a página mestra para remover ou ocultar recursos de usuários finais.

Entretanto, quando você atualiza seu site do SharePoint 2010 para o SharePoint 2013, a página mestra é redefinida para usar a página mestra padrão no SharePoint 2013. Dessa forma, após a atualização, seu site não aparecerá com sua identidade visual personalizada. A página mestra personalizada criada no SharePoint 2010 ainda reside no site, mas você não deverá aplicá-la ao novo site porque o novo site não será renderizado como esperado.

Para dar suporte à nova IU no SharePoint 2013, foram feitas alterações nas páginas mestras padrão. Por esse motivo, você não poderá aplicar uma página mestra criada no SharePoint 2010 a um site no SharePoint 2013.

Para resolver isso, primeiro crie um conjunto de sites de avaliação e então recrie a página mestra no site do SharePoint 2013. Depois de verificar que a nova página mestra funciona como esperado, mova a página mestra para o novo conjunto de sites e aplique-a ao site. Se os sites forem sites de publicação, você poderá usar o Gerenciador de Design para exportar e então importar a página mestra como parte de um pacote de design; caso contrário, você poderá mover a página mestra como parte de uma solução de área restrita ou por meio do carregamento do arquivo na galeria Página Mestra.

Início da Página

Página mestra personalizada em um site de publicação

Se quiser um site totalmente criado com identidade visual, como um site de intranet de comunicações corporativas, você usa um site de publicação com uma página mestra totalmente personalizada e layouts de página personalizados anexados à página mestra personalizada.

Entretanto, quando você atualiza seu site do SharePoint 2010 para o SharePoint 2013, a página mestra será redefinida para usar a página mestra padrão no SharePoint 2013. Portanto, após a atualização, seu site não será exibido com a identidade visual personalizada. A página mestra e os layouts de página personalizados criados no SharePoint 2010 ainda residirão no site, mas você não deve aplicar a página mestra antiga ao novo site porque o novo site não será renderizado como esperado.

Para resolver isso, primeiro crie um conjunto de sites de avaliação que seja um site de publicação e então recrie a página mestra no site do SharePoint 2013. Depois de verificar se a nova página mestra funciona como esperado, exporte a página mestra como parte de um pacote de design, importe o pacote de design para o novo conjunto de sites e então aplique a nova página mestra ao site.

Espaços reservados de conteúdo personalizados em uma página mestra personalizada

Importante : Se a sua página mestra contiver um espaço reservado de conteúdo personalizado, e se os layouts de página personalizados também contiverem esse espaço reservado de conteúdo personalizado, um erro poderá impedir que a home page do seu site seja renderizada após a atualização. Em vez disso, após a atualização, talvez você veja a mensagem "Ocorreu um erro inesperado".

Para determinar se você tem este problema, será possível criar um conjunto de sites de avaliação que também seja um site de publicação e então definir a página mestra como a página mestra pronta do SharePoint 2013. Se o site ainda for renderizado, você não tem este problema. Se o site não for renderizado e se você obtiver um "erro inesperado" com uma ID de correlação, provavelmente tem este problema.

Para solucionar esse problema, faça o seguinte:

  1. Crie um conjunto de sites de avaliação que seja um conjunto de sites de publicação.

  2. Crie uma nova página mestra do SharePoint 2013.

  3. Adicione o espaço reservado de conteúdo personalizado à página mestra do 2013.

  4. Aplique a nova página mestra ao site.

  5. Crie um layout de página que não contenha o espaço reservado personalizado. O layout de página será associado à nova página mestra que foi aplicada ao site.

  6. Altere todas as páginas que usem o layout de página antigo para que usem o novo layout de página. Você pode fazer isso manualmente editando cada página de forma individual no navegador e usando a opção na Faixa de Opções ou pode fazer isso de maneira programática, usando o modelo de objeto do lado cliente que também funciona par ao Office 365.

  7. Exclua o layout de página antigo que contém o espaço reservado de conteúdo personalizado.

Recomendamos que você não adicione espaços reservados de conteúdo personalizado à sua página mestra ou layouts de páginas personalizados.

Consulte também

Definir configurações de versão e de atualização de conjunto de sites

Atualizar um conjunto de sites

Arquivos personalizados encontrados durante a verificação de integridade do conjunto de sites

Foram encontrados tipos de conteúdo em conflito durante a verificação de integridade do conjunto de sites

Tipos de conteúdo pai em falta durante a verificação de integridade do conjunto de sites

Modelos de site ausentes encontrados durante a verificação de integridade do conjunto de sites

Solucionar problemas de atualização do conjunto de sites

Início da Página

Observação : Aviso de Isenção de Tradução Automática: Este artigo foi traduzido por computador, sem intervenção humana. A Microsoft oferece essas traduções automáticas para ajudar as pessoas que não falam inglês a aproveitar os textos escritos sobre produtos, serviços e tecnologias da Microsoft. Como este artigo foi traduzido automaticamente, é possível que contenha erros de vocabulário, sintaxe ou gramática.

Expanda suas habilidades
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×