Personalizar o Microsoft Office SharePoint Online

  • Artigo

Em versões anteriores do SharePoint, era possível fazer alterações em um ambiente do SharePoint implantando código personalizado que seria executado no ambiente físico do servidor do SharePoint. As alterações feitas no SharePoint que não exigiam a implantação do código personalizado foram conhecidas como "personalizações", porque as alterações não estavam alterando fundamentalmente o funcionamento do produto, mas sim configurando o produto existente de forma exclusiva. Exemplos de personalização do SharePoint Server incluíram a implantação de elementos de identidade visual personalizados, como páginas mestras e planilhas de estilo em uma coleção de sites; implantando web parts pré-configuradas em uma galeria de Web Part; criando fluxos de trabalho personalizados no Designer do SharePoint; alterando a aparência dos formulários de lista usando o InfoPath; e mais. Devido à natureza compartilhada da infraestrutura do SharePoint, a Microsoft não permite a implantação do código personalizado em seu ambiente. Como resultado, o conceito de personalizar o SharePoint em vez de implantar código personalizado não é mais um paradigma relevante. No entanto, ainda é útil pensar em maneiras pelas quais o SharePoint pode ser personalizado ou configurado exclusivamente, em um sentido mais amplo da palavra.

A finalidade deste documento é ajudá-lo a entender como você pode personalizar seu ambiente do SharePoint usando ferramentas e técnicas modernas.

Identidade Visual

Sites modernos do SharePoint permitem alterar a aparência do site modificando elementos como o logotipo do site e as cores usadas em todo o site. Marcar seu site do SharePoint pode ajudá-lo a corresponder um site a uma marca, bem como ajudar os usuários a diferenciar entre vários sites do SharePoint. Embora várias opções de temas estejam disponíveis por padrão, também é possível especificar cores de tema exclusivas fornecendo ao SharePoint um arquivo de configuração personalizado. Sites mais antigos e "clássicos" do SharePoint permitem que os administradores apliquem layouts de página e identidade visual personalizados a um site do SharePoint aplicando uma página mestra personalizada, aplicando um tema personalizado a um site, implantando layouts de página personalizados e muito mais. Como sites clássicos não são tão rápidos e móveis quanto sites modernos, a Microsoft recomenda usar sites modernos daqui para frente.

A navegação ajuda os usuários a encontrar as informações de que precisam rapidamente fornecendo links para informações pertinentes de maneira persistente. Planejar sua estratégia de navegação em sites modernos é um elemento crítico na usabilidade do ambiente do SharePoint. Sites modernos do SharePoint fornecem um modelo simplificado para adicionar elementos de navegação usando o navegador. A posição da navegação é determinada pelo tipo de site que está sendo exibido, o tamanho da tela de um usuário e se a opção megamenu foi habilitada para o site. Além disso, sites modernos podem aproveitar a navegação do site do hub.

Observe que versões anteriores do SharePoint permitiram que elementos de navegação fossem gerados dinamicamente usando a navegação estruturada e os provedores de navegação de metadados gerenciados. Essas opções não estão mais disponíveis em sites modernos. No entanto, se você estiver usando um site clássico com páginas modernas, ainda poderá usar esses provedores e as páginas modernas refletirão os links de navegação corretos. Em termos de layout, como os sites modernos não permitem personalizar a página mestra ou a folha de estilos do site, não é possível mover a posição dos elementos de navegação na página, como poderia ser feito em sites clássicos do SharePoint.

Conteúdo da página

Quase todas as versões do SharePoint tiveram uma maneira de criar layouts personalizados para páginas da Web, seja selecionando uma página da Web Part, um layout de página wiki ou um layout de página de publicação. Sites modernos também fornecem uma funcionalidade semelhante. No entanto, em vez de fornecer um layout estático que fornece um número definido de regiões editáveis na página, as páginas modernas fornecem a capacidade dos editores de página de "empilhar" layouts de coluna em uma base linha por linha. Os editores de página também podem escolher várias opções relacionadas à forma como a região do título da página é exibida. Por fim, a maneira mais fundamental de personalizar uma página moderna é colocar conteúdo personalizado na página. Isso pode ser feito adicionando web parts modernos à página. Observe que as web parts usadas em sites clássicos não funcionarão em sites modernos. No entanto, é possível criar e implantar web parts personalizadas ("lado do cliente") que foram criadas usando o Estrutura do SharePoint.

Fluxos de trabalho

Recomendamos usar o Power Automate para configurar e executar todos os fluxos de trabalho em seu ambiente do Microsoft 365, incluindo o SharePoint. Por exemplo, é possível criar fluxos de trabalho de aprovação exclusivos para conteúdo armazenado no SharePoint. Além disso, é possível usar o Power Automate como o mecanismo de fluxo de trabalho padrão para aprovar o conteúdo da página do SharePoint, diretamente da interface do usuário do SharePoint. Os fluxos podem ser disparados por ações do SharePoint (como quando um item é criado em uma lista) ou executar ações no SharePoint (como atualizar um item de lista). Embora os fluxos de trabalho do Designer do SharePoint ainda sejam compatíveis, novos fluxos de trabalho devem ser criados usando o Power Automate.

Formulários

O Power Apps pode ser usado para criar formulários personalizados para uso em sites modernos do SharePoint. Há várias maneiras pelas quais esses formulários do Power Apps podem ser usados em seu site do SharePoint:

Você pode inserir um formulário do Power App em uma página moderna usando a Web Part do Power Apps.

Os formulários criados anteriormente usando o InfoPath e hospedados no SharePoint usando InfoPath Forms Services devem ser convertidos em formulários do Power Apps, já que a Microsoft anunciou a preterição do InfoPath.

Microsoft Forms também pode ser usado para criar formas de peso leve facilmente. Assim como o Power Apps, é possível inserir um Microsoft Form em uma página usando o Microsoft Forms Web Part.

Personalizar seu site do SharePoint programaticamente

As versões herdadas do SharePoint Server contavam com pacotes de solução para implantar conteúdo e fazer alterações de configuração em sites do SharePoint. Ainda é possível provisionar sites programaticamente , bem como personalizar sites de equipe, listas e bibliotecas e páginas do site. Há vários métodos para fazer alterações programáticas no ambiente do SharePoint, incluindo o uso das APIs de Padrões e Práticas do Desenvolvedor do Office, a CLI do Microsoft 365, o Microsoft API do Graph, o Estrutura do SharePoint e muito mais.

Use o Estrutura do SharePoint (SPFx) para renderizar web parts personalizados em uma página moderna do SharePoint. Além disso, as extensões ao SPFx fornecem a capacidade de adicionar scripts a páginas, criar exibições modificadas de dados e criar novos comandos na interface do usuário do SharePoint. Pacotes de aplicativos SPFx podem ser implantados em sites do SharePoint usando o Catálogo de Aplicativos do SharePoint.

Usar aplicativos e soluções de terceiros

Você não só pode implantar aplicativos personalizados em seu ambiente, mas também pode obter aplicativos da SharePoint Store. Para obter mais informações, consulte Usar o site de aplicativos para disponibilizar aplicativos empresariais personalizados para seu ambiente do SharePoint e Adicionar um aplicativo a um site.

Se você quiser alterar as configurações para saber se os usuários do site podem ou não adquirir aplicativos da SharePoint Store, consulte Configurar configurações para a SharePoint Store.

Se você estiver interessado em explorar serviços ou aplicativos de parceiros da Microsoft que estão disponíveis para o SharePoint, navegue pelos aplicativos do Microsoft 365 no Microsoft AppSource. Há também muitas soluções de código aberto desenvolvidas pela comunidade coletiva do SharePoint, incluindo Microsoft, MVPs, Parceiros e Clientes no site GitHub de Padrões e Práticas de Desenvolvedor do Microsoft 365.

Exemplos de abordagens modernas de personalização

A tabela a seguir fornece um exemplo de métodos mais antigos para personalizar sites, juntamente com uma abordagem recomendada atual:

Herdado Modern
Implementar a identidade visual usando páginas mestras personalizadas, layouts de página e temas Use a opção "aplicar uma aparência" para personalizar elementos de branding como logotipo, cabeçalho, rodapé e cores
Use provedores de navegação personalizados, como navegação estruturada ou navegação de metadados gerenciados para gerar dinamicamente elementos de navegação Especificar manualmente links de navegação
Criar uma página wiki e escolher uma opção de layout de texto para modificar o layout da página Crie uma página moderna e adicione layouts de seção à página para organizar web parts na página.
Criar um fluxo de trabalho usando o Designer do SharePoint Criar um fluxo de trabalho usando o Power Automate
Personalizar um formulário do SharePoint usando o InfoPath Personalizar um formulário do SharePoint usando um Power App
Implantar uma Web Part em um site usando uma solução de área restrita Use o Catálogo de Aplicativos do SharePoint para implantar uma Web Part do lado do cliente em um site