Adicionar seções e colunas em uma página moderna do SharePoint

Crie layouts organizados e atraentes adicionando seções com colunas em páginas modernas do SharePoint. Para mostrar conteúdo lado a lado, você pode adicionar três colunas a cada seção. Se você estiver trabalhando em uma página que faz parte de um site de Comunicação, poderá criar uma coluna que abrange toda a página (incluindo suas bordas), adicionando uma coluna de largura completa. Você também pode empilhar várias seções com vários números de colunas. Você pode até adicionar uma seção vertical ao lado direito, o que é ótimo para mostrar coisas como links rápidos, contatos, clima, temporizadores de contagem regressiva e muito mais.

O exemplo a seguir tem três seções de uma coluna à esquerda e uma seção vertical à direita:

Página com seções, incluindo uma seção vertical

Observação

Algumas funcionalidades são introduzidas gradualmente às organizações que optaram pelo programa de versão direcionada. Isso significa que esse recurso pode ainda não estar disponível ou pode parecer diferente em relação ao que descrevemos nos artigos da Ajuda.

Adicionar um layout de seção a uma página

  1. Vá para a página em que você deseja adicionar uma seção.

  2. Se você ainda não estiver no modo de edição, selecione Editar na parte superior direita da página.

  3. Nas bordas da seção, você verá uma linha com um +circulado, assim com uma dica de ferramenta que diz Adicionar uma nova seção. Passe o mouse sobre o botão.

    Botão para adicionar uma seção

  4. Selecione + Seção.

  5. Selecione o número de colunas desejadas.

    Lista de tipos de seção

Observação

Seções de largura total não estão disponíveis em páginas que fazem parte de sites da Equipe. Ele está disponível apenas em páginas que fazem parte de sites de comunicação.

Adicionar um modelo de seção

Observação

Atualmente, os modelos de seção só estão disponíveis no SharePoint no Microsoft 365. Esse recurso não está disponível em SharePoint Server 2019 e Edição de Assinatura do SharePoint Server.

  1. Vá para a página em que você deseja adicionar um modelo de seção.

  2. Se você ainda não estiver no modo de edição, selecione Editar na parte superior direita da página.

  3. Navegue até o ícone caixa de ferramentas da caixa de ferramentas no painel de conteúdo à direita. Você verá dois modelos de seção listados na parte inferior da caixa de ferramentas. Para usar um destes, selecione o modelo.

    Modelos de seção listados na caixa de ferramentas

  4. Para ver mais modelos de seção, selecione Ver todos os modelos de seção e selecione um modelo que melhor atenda às suas necessidades na lista.

    Lista completa de modelos de seção

  5. Depois que esse modelo for adicionado à página, insira o conteúdo desejado em cada campo do modelo.

Adicionar uma seção flexível

  1. Vá para a página em que você deseja adicionar uma seção flexível.

  2. Se você ainda não estiver no modo de edição, selecione Editar na parte superior direita da página.

  3. Nas bordas da seção, você verá uma linha com um +circulado, assim com uma dica de ferramenta que diz Adicionar uma nova seção. Passe o mouse sobre o botão.

    Botão para adicionar uma seção

  4. Selecione + Seção.

    Nova caixa de ferramentas de seção com seção flexível

  5. Selecione Flexível.

  6. Use o ícone Caixa de Ferramentas no painel de conteúdo para adicionar web parts à sua seção flexível.

  7. Selecione Editar propriedades na barra de ferramentas da seção para editar propriedades da seção.

  8. Use o identificador de redimensionamento da seção no canto inferior direito da seção para redimensionar a seção.

    Redimensionar o identificador para uma seção flexível

Adicionar uma seção vertical

Observação

No momento, as seções verticais só estão disponíveis no SharePoint no Microsoft 365. Esse recurso não está disponível em SharePoint Server 2019 e Edição de Assinatura do SharePoint Server.

  1. Vá para a página em que você deseja adicionar uma seção vertical.

  2. Se você ainda não estiver no modo de edição, selecione Editar na parte superior direita da página.

  3. Nas bordas da seção, você verá uma linha com um +circulado, assim com uma dica de ferramenta que diz Adicionar uma nova seção. Passe o mouse sobre o botão.

    Botão para adicionar uma seção

  4. Selecione + Seção.

  5. Selecione Seção Vertical.

    Seção vertical realçada na lista de tipos de seção

  6. Em uma janela estreita do navegador, uma seção vertical pode ser movida para a parte inferior ou superior da página. Escolha se deseja que sua seção vertical vá para a parte superior ou inferior da página quando a janela do navegador for condensada para um tamanho menor selecionando Editar propriedades na barra de ferramentas da seção. 

    Barra de ferramentas de seção para seção vertical

    Painel de propriedades para uma seção vertical

Observação

  • No momento, as seções verticais estão disponíveis apenas no lado direito da página.
  • O comprimento das seções verticais é ajustado com base no conteúdo na página, crescendo ou encolhendo com o comprimento do conteúdo em seções não verticais.
  • Você não pode ter uma coluna de largura inteira e uma seção vertical na mesma página.
  • Em uma janela estreita do navegador, uma seção vertical é movida para a parte inferior da página. A seção vertical retornará para o lado direito da página quando você aumentar a janela. Isso também pode acontecer se a largura da tela for menor que 1024 px. Tente ajustar as configurações de exibição em Escala e layout. Por exemplo, na lista suspensa em Alterar o tamanho do texto, aplicativos e outros itens, selecione um valor de 125% ou inferior.

Alterar uma seção existente

Observação

Quando você tiver conteúdo em duas ou mais colunas e reduzir o número de colunas, o conteúdo na coluna mais à direita passará para a próxima coluna à esquerda. Se você reduzir para uma coluna, o conteúdo na segunda ou terceira colunas será movido para a parte inferior da primeira coluna.

  1. Vá para a página em que você deseja alterar uma seção.

  2. Se você ainda não estiver no modo de edição, selecione Editar na parte superior direita da página.

  3. Selecione a seção que você deseja editar e selecione Editar propriedades na barra de ferramentas na parte superior esquerda da seção ou selecione o ícone Propriedades no lado direito da página.

    Botão Editar propriedades realçados na barra de ferramentas da seção.

  4. Nas propriedades da seção, edite sua seção escolhendo o número e o tipo de colunas desejadas. Você também pode alinhar o conteúdo na seção e escolher ou carregar uma seção em segundo plano. As quatro primeiras cores em segundo plano são baseadas no tema do site. Uma sobreposição é adicionada automaticamente para facilitar a leitura de texto quando uma cor ou imagem de gradiente é definida como o plano de fundo.

    Painel de propriedades da seção que mostra mais configurações disponíveis.

Observação

  • A cor de fundo da seção mostra a maioria das web parts, como na web part de texto mostrada abaixo (à esquerda). Outras web parts mantêm o plano de fundo da página em vez da seção. Para fins de acessibilidade, as web parts List, Document library e Quick chart sempre manterão o plano de fundo da página.
  • O layout da seção não será listado no painel de propriedades para seções flexíveis. Flexível não está listado nas opções de layout para outras seções, pois não há suporte para alternar entre o tipo de seção flexível e outros tipos de seção.
  • As web parts que eventualmente permitirão que o plano de fundo da seção seja exibido, mas não são hoje, são: atividade do site, conversas do Yammer, destaques do Yammer, propriedades de lista, propriedades de página, calendário de grupo, notícias do Bing e Microsoft Power Apps. Para obter melhores resultados, recomendamos não usar uma cor de fundo de seção para seções que contêm essas web parts.

Adicionar conteúdo a uma seção

  1. Se você ainda não estiver no modo de edição, selecione Editar na parte superior direita da página.

  2. Selecione Ícone da caixa de ferramentas no painel de conteúdo à direita para encontrar conteúdo. Selecione ou arraste e solte a Web Part desejada e adicione conteúdo à Web Part.

    Para saber mais sobre como localizar e usar web parts, marcar usando web parts.

Tornar as seções dobráveis

Observação

Atualmente, tornar as secções minimizáveis só está disponível no SharePoint no Microsoft 365. Esta funcionalidade não está disponível em SharePoint Server 2019 e Edição de Assinatura do SharePoint Server.

  1. Se ainda não estiver no modo de edição, selecione Editar no canto superior direito da página.

  2. Selecione a secção que pretende tornar minimizável e, em seguida, selecione Editar Propriedades na barra de ferramentas da secção ou Propriedades à direita da página.

  3. Nas propriedades da Secção, em Tornar esta secção minimizável, mude o botão de alternar para ligado.

  4. Decida se pretende ter um título de secção ao mudar o botão de alternar para a opção pretendida. Em caso afirmativo, introduza o nome na parte superior da secção e ajuste o nível de título.

  5. Escolha se pretende ativar ou não a linha de divisão entre secções ao ativar ou desativar a opção Mostrar linha divisória entre secções .

  6. Selecione o alinhamento do ícone expandir/fechar ao selecionar Esquerda ou Direita.

  7. Para cada secção, decida se o ecrã Predefinido será expandido ou fechado ao mudar o botão de alternar para a opção pretendida.

    Painel de propriedades da secção com definições minimizáveis ativadas