Microsoft lançou a experiência da página “Moderna” para sites da equipe no SharePoint Online no outono de 2016, e mais recentemente para o SharePoint Server 2019. A experiência com a página “Moderna” inclui a habilidade de adicionar partes da web diretamente dentro da página. A partir de junho de 2019, quando este artigo está sendo escrito, existem 55 web parts integradas disponíveis para serem adicionadas a uma página moderna do SharePoint, com mais sendo adicionadas regularmente.
Você pode ver uma visão geral das web parts modernas nesta página da Microsoft, que inclui links para mais informações sobre cada web part. Este artigo é o primeiro de uma série semanal a ser publicada todas as quartas-feiras, onde lhe daremos detalhes adicionais sobre cada parte da web e exemplos de seu uso. Mas primeiro, um pouco sobre páginas modernas do SharePoint…
Para personalizar uma página moderna no SharePoint, primeiro coloque a página no modo Editar, usando o link Editar no lado direito da barra de menu de ação…
Personalizando o cabeçalho da página
Na área de título da página, você pode substituir o cabeçalho genérico padrão clicando no ícone Imagem e fazendo upload da sua própria imagem.
Depois de carregar a imagem, aparecerá um ícone no centro do cabeçalho que lhe permite mover o centro do foco da sua imagem, uma vez que a área do cabeçalho é bastante larga e curta.
Você também pode modificar o estilo da área de título – por exemplo para mostrar um bloco de título no centro, e adicionar texto acima do título.
Estas são algumas ótimas maneiras de fazer uma página sua! Na captura de tela abaixo, eu usei uma imagem do vídeo promocional da Conferência SharePoint 2019 e selecionei o estilo de título do bloco de cores.
>
Seções de uma página do SharePoint Moderno permitem que você crie áreas com uma variedade de layouts nos quais adicionar partes da web. Quando você edita uma página pela primeira vez, você verá um + no canto inferior esquerdo da área de cabeçalho – isso permite que você adicione uma nova seção além da área de edição padrão, que é a largura da página. Clicando no + abre um diálogo de layout da seção onde você pode selecionar o número e a disposição das colunas para esta seção.
Você verá que algum conteúdo se encaixa melhor em um ou outro layout; mencionaremos algumas dessas considerações à medida que passarmos por esta série. Note que se sua página estiver em um site de Comunicação, você verá um layout adicional chamado Full-width, que abrange toda a largura da página incluindo bordas.
August 2019 update: Um novo tipo de seção, Vertical, está agora disponível. Isto dá-lhe uma coluna vertical no lado direito da página. A altura da coluna é baseada na quantidade de outros conteúdos da página. Este pode ser um bom lugar para adicionar um número de web parts menores, como o seu tempo ou web parts do relógio – qualquer coisa que você deseja empilhar separadamente do resto da página.
Após selecionar um layout, você verá novos ícones aparecerem à esquerda da seção. Estes ícones permitem-lhe editar, mover ou apagar a secção.
Se seleccionar Editar a secção, aparece um painel de Secção à direita, onde pode alterar o layout, ou escolher adicionar sombreamento de fundo para o separar do resto da página.
Agosto 2019 actualização: Existe agora uma opção para duplicar uma secção, que copia literalmente toda a secção, incluindo o seu conteúdo, logo abaixo da secção actual. Isso permite replicar facilmente um conjunto de web parts, e depois basta alterar a configuração de cada web part para exibir conteúdo diferente.
>
Uma página SharePoint não seria nada sem web parts; elas exibem conteúdo para as pessoas que visualizam a página. Como designer da página, você pode adicionar e organizar essas web parts dentro do layout da página para apresentar as informações que você deseja que as pessoas vejam.
Após clicar em Edit na página, você verá um pequeno ícone + perto do centro da página abaixo da área de cabeçalho da página…
Clicking on the + abre um diálogo que permite que você selecione uma web part para adicionar.
Cada web part tem as suas próprias configurações, que é o que vamos cobrir nesta série de blogs. Mas qualquer web part sempre terá pelo menos as opções de editar, mover ou excluir.
Geralmente, selecionando Edit abrirá um painel à direita que conterá configurações específicas para aquela web part. Selecionando Move você poderá arrastar a web part para outra seção ou coluna da página, ou apenas reorganizar as web parts dentro de uma seção. E Excluir irá, é claro, pedir que você tenha certeza que é isso que você quer fazer.
Agosto 2019 atualização: Além das funções Editar, Mover e Excluir, você também pode agora Duplicar uma peça web individual. Isto copia a peça web, incluindo sua configuração, logo abaixo da peça web atual. É claro, você pode então movê-la para onde você quiser. A idéia por trás disso seria se você quiser ter outra da mesma parte web, mas com conteúdo diferente ou escopo diferente, etc. Então você poderia apenas ajustar a cópia para ser ligeiramente diferente.
Como você provavelmente sabe, as coisas estão muitas vezes mudando no SharePoint Online, então pode haver recursos adicionais das páginas Modernas disponíveis quando você ler isso, mas isso deve lhe dar uma idéia das opções disponíveis para você.
Nesta série de blogs nós vamos percorrer cada uma das partes da web do SharePoint (agrupando algumas semelhantes), assim você vai acabar com um recurso abrangente para criar páginas úteis e atraentes do SharePoint sem precisar comprar nada adicional ou fazer qualquer codificação.
Estamos ansiosos para trazê-lo nesta turnê!
Bing Maps e Web Parts do MSN Weather
Botão e Web Parts do Call to Action
Biblioteca de documentos e Web Parts do Visualizador de arquivos
Embed, Kindle, e YouTube web parts
Eventos, Calendário de grupo, e peças web com temporizador de contagem regressiva
Peças web de conteúdo iluminado
Peças web de imagens e galeria de imagens
Hero, Link, e Ligações Rápidas partes web
Lista e Lista propriedades web parts
Microsoft Forms web part
Notícias web part
Page properties web part
People web part
Planner web part
Power BI web part
PowerApps web part
Documentos recentes e web parts de atividade do site
Quick chart web part
Sites web part
Sites web part
>Sites web part
Texto, Markdown, Code Snippet, Divider, e Spacer web parts
Twitter web part
Yammer Conversations and Highlights web parts
Web parts requiring an Office 365 connector
Lightning Tools Modern web parts