6
Por Sandy Ussia Blog SharePoint 19 de junho de 2019

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…

Trabalhar com uma página moderna 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.

Alternativamente, você pode pesquisar na web por imagens apropriadas. Há realmente uma seleção bastante boa de imagens genéricas do tamanho certo em diferentes categorias, ou você pode digitar texto de busca para obter imagens de qualquer coisa que você gosta da web. Note, no entanto, que pode querer usar o filtro Creative Commons Only para garantir que não está a violar os direitos de autor das imagens.

Image web search
Image web search

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.

Modificar área de título
Modificar área de 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.

>

Exemplo da área de título da página
Exemplo da área de título da página

Seções da página do SharePoint Moderno

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.

Selecionar layout da seção
Selecionar layout da 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.

 Seção Vertical
Seção Vertical

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.

 Barra de ferramentas da secção
Barra de ferramentas da 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.

Secção painel de edição
Secção painel de edição

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.

Duplicate section
Duplicate section

>

Adicionar o SharePoint Modern Web Parts a uma página

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…

Adicionar uma web part
Adicionar uma web part

Clicking on the + abre um diálogo que permite que você selecione uma web part para adicionar.

Dialog para adicionar uma web part
Dialog para adicionar uma web part

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.

Web part toolbar
Web part toolbar

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ê!

Artigos desta série de Web Parts Modernas do SharePoint

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

Deixe uma resposta

O seu endereço de email não será publicado.