Identidade visual do site do SharePoint

Artigo
03/08/2023

Na experiência moderna do SharePoint, você pode facilmente alterar a aparência e o comportamento do seu site para corresponder a sua empresa ou marca organização. Você pode personalizar o logotipo, cores e navegação – geralmente sem escrever uma única linha de código. A identidade visual pode ser aplicada no nível do site, em um grupo de sites ou em todos os sites da sua organização.

Site de branding

Observação

Marcar o site do SharePoint não mudará a aparência geral do seu serviço Microsoft 365. Para obter mais informações sobre a marca do Microsoft 365, consulte Personalizar o tema do Microsoft 365 para sua organização.

Marca do site na experiência clássica

Na experiência clássica do SharePoint, há um conjunto de temas padrão que podem exigir uma quantidade considerável de personalização para fazê-los corresponder à marca da sua organização. Além disso, eles não são responsivos, tornando a experiência em dispositivos diferentes inconsistente. A maioria das marcas de sites requer o uso de páginas mestras personalizadas ou configurações alternativas de CSS. Páginas mestres fornecem muita flexibilidade, mas podem ser problemáticas. Por exemplo, sempre que as atualizações estiverem feitas ao SharePoint, todas as personalizações feitas à página mestra podem não funcionar mais ou podem não funcionar da maneira que você espera. O SharePoint ignora essas personalizações, a menos que você esteja executando no modo de experiência clássica, porque elas são incompatíveis com a interface do usuário moderna. Para evitar essa situação, use apenas as abordagens modernas recomendadas para marcar seus sites do SharePoint.

Identidade visual de site

O SharePoint inclui um conjunto de temas de site padrão atualizados e designs de site (ou modelos) ágeis e ficam ótimos em qualquer dispositivo. Com os temas do site, você pode personalizar o logotipo e as cores do site para combinar com sua marca. Os modelos de site fornecem layouts específicos e outras funcionalidades para seu site. Mais identidade visual pode ser obtida usando temas personalizados ou modelos de site sem se preocupar com algo quebrando quando o SharePoint é atualizado. Os temas personalizados permitem criar mais esquemas de cores além dos padrões. Modelos de site personalizados permitem controlar o tema do site e outras personalizações, como navegação no site, aplicativos padrão e outras configurações. Temas personalizados ou modelos de site podem ser aplicados a um novo site quando ele é criado ou aplicado a um site ou grupo de sites existentes.

Identidade visual sites do hub

Quando você marca um site do hub do SharePoint, você pode configurar para a identidade visual do site ser aplicada a todos os sites que associar com ele. Isso inclui qualquer tema do site ou modelo de site usado pelo site do hub. Isso permite aplicar navegação comum e identidade visual em um conjunto de sites e cores de ênfase para enfatizar os elementos que deseja destacar.

Observação

Os temas e logotipos personalizados no SharePoint não serão aplicados automaticamente a sites de equipe conectados ao grupo associados a um hub que tenha um tema personalizado aplicado. Para sites de equipe conectados ao grupo, você precisa aplicar manualmente o tema ou logotipo personalizado.

Experiência clássica versus experiência moderna

Veja a seguir um resumo das diferenças entre marcar um site na experiência clássica versus branding na experiência moderna do SharePoint.

Experiência clássica	Experiência moderna
Sem resposta, temas OOB que você pode personalizar	Temas responsivos que ficam ótimos em qualquer dispositivo e podem ser personalizados para atender sua marca
Usar páginas mestras personalizadas e CSS ignorados em experiência moderna	Use o Estrutura do SharePoint para adicionar cabeçalhos e rodapés. Modelos de site e configurações de locatário oferecem algumas opções personalizadas

Antes de começar

Algumas coisas a serem consideradas antes de fazer a identidade visual nos seu sites de experiência clássica no SharePoint são:

Você precisa de uma marca consistente em todos os sites ou as divisões, departamentos ou grupos diferentes da sua organização terão suas próprias?
Você deve organizar uma lista de todos os sites atuais, que modelos de site eles usam, todas as personalizações feitas nas páginas mestras ou CSS e decidir quais dessas personalizações você precisa manter. Você pode executar o scanner de experiência de interface do usuário "Moderno" do SharePoint, que faz uma análise profunda de todos os sites da sua organização e criar relatórios que fornecem detalhes sobre sites que têm páginas master incompatíveis ou configurações alternativas do CSS. O SharePoint lida com a identidade visual de maneira diferente para modelos de sites clássicos, como o site de publicação. Você deseja solucionar problemas de tema personalizados que encontrar.
Quais áreas você deseja personalizar (logotipo, cores, fontes, cabeçalho/rodapé, navegação)?
Quem em sua organização pode marcar um site? Você precisará ter certeza de que eles têm permissões de designer de site ou superior para fazer essas alterações.