Alterar a aparência do site do SharePoint

Aplica-se a
SharePoint Server 2019 SharePoint Server 2016 Office 365 Small Business Office 365 operado pela 21Vianet - Administrador do Small Business

Este artigo discute como alterar a aparência geral do seu site do SharePoint como um proprietário do site ou um usuário com permissões de design. Você pode personalizar de forma rápida e fácil a aparência do site do SharePoint para refletir seu estilo profissional e sua marca. As opções disponíveis dependem da versão do SharePoint que você está usando.

Selecione ConfiguraçõesConfigurações da Ferramenta de Migração do SPO no canto superior direito do site do SharePoint e selecione Alterar a aparência.

Observação

  • Se você não vir Alterar a aparência, talvez não tenha permissão para gerenciar essa opção ou está na experiência clássica.
  • Para obter mais informações sobre permissões, consulte Noções básicas sobre níveis de permissão no SharePoint ou pergunte ao seu administrador.
  • Para alterar a aparência dos sites do SharePoint com experiência clássica, visite aqui.

Usar um tema para alterar as cores do seu site do SharePoint

Selecione Alterar o tema da aparência>.

Alterar o tema do site do SharePoint Selecione a aparência desejada.

Você verá uma visualização da aparência do seu site com o tema selecionado aplicado.

Escolha um tema de empresa com identidade visual aprovada para sua empresa ou use um dos designs clássicos de experiência.

Você pode escolher um dos temas padrão do SharePoint e personalizá-lo conforme necessário.

A lista de cores principais e cores de destaque varia dependendo do tema padrão do SharePoint que você escolher personalizar.

Para personalizar as cores de um dos temas padrão do SharePoint:

  1. Selecione o tema e selecione Personalizar.
  2. Escolha a cor principal e a cor de destaque desejadas e, em seguida, selecione Salvar para aplicá-la ao seu site.
Ou, se você não gostar do que vê e quiser reverter para o que tinha no início, selecione Cancelar.

Observação

  • O administrador pode ter definido os temas do site para mostrar apenas uma lista de temas aprovados pela empresa. Nesse caso, você não verá nenhum dos temas padrão do SharePoint.
  • Se você estiver atualizando o tema em um subsite ou se o administrador tiver sites definidos para a experiência clássica, siga as instruções na seção Designs de experiência clássica.
  • No momento, você não pode alterar a cor da tela de fundo do seu site usando essa configuração. Os administradores do SharePoint podem fazer alterações em temas aprovados pela empresa, conforme descrito em Temas do SharePoint.
  • A cor do botão é baseada na cor de destaque do tema do site e não pode ser alterada independentemente do tema do site.
  • Saiba como personalizar a área de título da página aqui.
  • Para criar e carregar um tema da empresa, consulte Temas de site do SharePoint.
  • Para obter outras maneiras de personalizar seu site, consulte Personalizar seu site do SharePoint.

Personalizar o cabeçalho do site

  1. Selecione Alterar o cabeçalho da aparência>.

    Observação

    Os layouts de cabeçalho mínimo e estendido serão temporariamente removidos do painel Alterar a aparência para clientes de nuvens GCC, GCC High, DoD, Gallatin e Sovereign. Os sites que usam o cabeçalho mínimo farão a transição automática para o cabeçalho compacto e os sites que usam o layout de cabeçalho estendido farão a transição automática para o cabeçalho padrão.

    Alterar o painel de aparência mostrando as opções de layout de cabeçalho para o site do SharePoint

  2. Escolha um layout: (O layout compacto é o padrão para todos os sites modernos):

    1. Layout mínimo: altura reduzida com todo o conteúdo em uma única linha, incluindo logotipo pequeno do site, título do site, navegação no site e ações e rótulos do site.
      Cabeçalho mínimo

    2. Layout compacto: um layout de altura maior que usa o logotipo do site em tamanho real, mantendo o conteúdo em uma única linha.
      Cabeçalho compacto

    3. Layout Standard: um layout com o logotipo do site em tamanho real e o conteúdo dividido em 2 linhas.
      Cabeçalho Standard

    4. Layout estendido: nosso maior layout com conteúdo dividido em 2 áreas de conteúdo com logotipo do site, título do site e uma imagem de fundo opcional separada dos outros conteúdos abaixo.
      layout estendido

      Observação

      Se você estiver usando o Cabeçalho Estendido em um site do Hub designado como Início, a navegação do site será substituída pela barra de navegação do Hub.

  3. Vá para a guia Design, na seção Plano de fundo, selecione uma cor de tema para alterar a cor de fundo do cabeçalho do site. Ou carregue uma imagem como plano de fundo e ajuste a sobreposição, a opacidade e o ponto focal da imagem de fundo.
    Cabeçalho do site Seção Tela de fundo em Alterar a aparência com o seletor de cores do tema e opções de upload de imagem

  4. Na seção Tipografia , altere a fonte do título do site selecionando na lista de pacotes de fontes disponíveis:
    Cabeçalho do site Seção Tipografia em Alterar a aparência com a lista de pacotes de fontes para o texto do cabeçalho

  5. Na seção Exibição, faça o seguinte:

    1. Selecione o Alternar para definir a visibilidade do título do seu site;
    2. Selecione Alterar para adicionar uma miniatura do logotipo do site (deve ser um logotipo quadrado para uso padrão em experiências que exigem uma taxa de proporção quadrada);
    3. Selecione Alterar para adicionar um logotipo do site. Se estiver usando o layout estendido, selecione Alinhamento do logotipo do site .

    Observação

    Para garantir que seu ícone seja renderizado corretamente, escolha um que caiba na faixa de 64 x 64 pixels a 192 x 64 pixels (largura x altura).

    Configurações do logotipo do cabeçalho do site em Alterar a aparência, mostrando a área de upload do logotipo com orientação de tamanho de 64x64 a 192x64 pixels

  6. Quando terminar, selecione Salvar.

Alterar seu estilo de navegação

  1. Selecione Alterar a aparência>Navegação.

  2. Em Orientação, selecione Horizontal ou Vertical. Se você selecionar Horizontal, poderá selecionar uma das seguintes opções:
    Megamenu
    Mega menu do SharePoint
    Em cascata
    Exemplo de menu em cascata do SharePoint

    Observação

    • O Megamenu não é compatível com sites com os recursos de publicação clássicos ativados.
    • Para alterar seus links de navegação, consulte Personalizar a navegação em seu site do SharePoint.
    • Os links adicionados ao 3º nível ao usar o estilo megamenu são exibidos apenas como uma única lista vertical.
  3. Vá para a guia Design, na seção Tipografia , altere a fonte dos links de navegação selecionando na lista de pacotes de fontes disponíveis:
    Navegação no site Seção Tipografia em Alterar a aparência com a lista de pacotes de fontes para o texto do link de navegação

  4. Selecione Salvar para aplicar suas alterações.

  1. Em seu site, clique em ConfiguraçõesBotãoConfigurações do Office 365 e, em seguida, clique em Alterar a aparência>do rodapé.

    Observação

    • Se você não vir Alterar a aparência no menu Configurações , talvez você não tenha permissão para gerenciar essa opção. Para saber mais, confira Noções Básicas sobre os níveis de permissão do SharePoint ou peça ao seu administrador.
    • O recurso de rodapé do site está disponível apenas em páginas de sites de comunicação. Eles não estão disponíveis para páginas de lista, páginas de biblioteca ou outras páginas em seu site.

    Opções de alinhamento do rodapé do site no painel Alterar a aparência

  2. Alterne a opção Visibilidade do rodapé para Ativado para adicionar um rodapé ao seu site.

  3. Escolha um layout:

    1. Layout simples: Exibe um nível de links e rótulos, com até oito colunas de largura.

      Layout de rodapé simples

    2. Layout estendido: Exibe dois níveis de links e rótulos, com até oito colunas de largura.
      Rodapé estendido

4. Altere o alinhamento do link de rodapé.

5. Selecione Carregar para adicionar a imagem do logotipo ao rodapé. A imagem é redimensionada automaticamente.

6. Para adicionar um nome ao rodapé, insira um Nome de exibição.

7. Vá para a Guia Design, selecione uma cor de plano de fundo ou adicione uma imagem.
Rodapé do site, guia Design em Alterar a aparência, mostrando a tela de fundo, seletor de cores e opções de upload de imagem

8. Agosto Na seção Tipografia , altere o nome do rodapé e a fonte dos links selecionando na lista de pacotes de fontes disponíveis:

Rodapé do site Seção Tipografia em Alterar a aparência com a lista de pacotes de fontes para nome do rodapé e texto do link

9. Selecione Salvar para salvar suas alterações.

Depois de adicionar um rodapé ao seu site, você pode adicionar links ou rótulos ao rodapé. Selecione Editar no rodapé do lado esquerdo dos rótulos e links do menu.

Opção Editar para rodapé estendido

Para obter detalhes sobre como adicionar ou editar links e rótulos, consulte Personalizar a navegação no seu site do SharePoint. Você pode adicionar um nível de até oito links ou rótulos.