Passo a passo guiado - Criar um site de comunicação para sua organização

Neste artigo, mostramos elementos de um site de comunicação para inspirá-lo e ajudá-lo a aprender como criar sites semelhantes para sua própria organização. Neste exemplo, o site está otimizado para comunicar sua estratégia e orientar os funcionários sobre como expressar sua marca no trabalho.

Primeiro, se você ainda não criou um Site de Comunicação, confira a seção Criar seu site nesse artigo.

Depois de criar seu site e saber como editar páginas, você pode usar as etapas abaixo para adicionar os elementos mostrados.

Exemplo de site de comunicação

Imagem da página inicial Instruções de personalização
Imagem da página de aterrissagem do Site de Comunicação 1. Facilite a descoberta de conteúdo Guie os visitantes rapidamente com a navegação. Saiba como

2. Defina a missão Uma Web part de texto destaca a missão. Saiba como

3. Conteúdo das características. Enfatize as ideias com a Web part em Destaque. Saiba como

4. Mostrar notícias atuais Mostrar as últimas notícias. Saiba como

5. Ofereça links importantes Mostre recursos relacionados com Links rápidos. Saiba como

6. Chamada de ação Combinar Web parts para aumentar o impacto. Saiba como

Criar seu site

Para fazer com que um site como o mostrado aqui, você criará um Site de comunicação. Para fazer isso, clique em Criar site na página inicial do SharePoint (ou, se você vai associar esse site a um site do Hub, navegue até o site do hub e clique em Criar site lá para que o site de comunicação esteja automaticamente associado a esse site do hub).

Imagem do ícone da ferramenta criar site

Em seguida, escolha Site de Comunicaçãoe, em seguida, o layout Tópico. Preencha o nome do site, a descrição e outras informações e clique em Concluir.

Imagem do painel do Site de Comunicação

Para obter mais detalhes, consulte Criar um site de comunicação no SharePoint Online.

Voltar ao início

Criar uma navegação clara e útil

Fases do gerenciamento de alterações:

Facilite a navegação em seu site para que os usuários possam encontrar o que procuram ou para ajudá-los a descobrir mais conteúdo.

Imagem de navegação da página

Clique em Editar à direita do menu superior, passe o mouse sobre o local no menu onde deseja adicionar um link e clique em +. Em seguida, adicione o tipo de link, seu link e um nome para exibir na barra de navegação na caixa de diálogo Adicionar um link. Deseja reordenar seus links de navegação? Basta arrastá-los para a posição que desejar. Saiba mais sobre como personalizar a navegação em seu site do Microsoft Office SharePoint Online.

Imagem do link adicionar

Mega menu

Quando um site de comunicação é associado a um site de hub, os proprietários de sites podem personalizar de forma rápida e fácil a organização e a navegação de um site do SharePoint. Saiba o que você precisa saber sobre megamenus em Criar um megamenu em sites de hub.

Imagem do Megamenu

Clicar em Editar no menu superior abrirá uma lista de tópicos de três níveis à esquerda. O site de exemplo usa apenas dois dos três níveis possíveis em seu megamenu: o menu principal e um submenu.

  • Clique no controle à direita do nome do item para definir o nível de estrutura de tópicos e link do item.

Voltar ao início

Gerenciar seções e Web parts

Comece a editar clicando em Editar no canto superior direito da página.

Imagem da opção Editar

Durante a edição, à esquerda, abaixo do cabeçalho, seus rascunhos poderão ser salvos para uso posterior ou descartados.

Imagem da barra de ferramentas da seção

O símbolo + antes ou depois de uma seção adicionará uma seção usando um dos vários layouts.

Imagem da opção de layout da seção

As seções fazem sua página, e você coloca uma ou mais web parts. Durante a edição da página, cada seção mostrará controles para editar o layout, mover ou excluir as seções. Para saber mais sobre como trabalhar com seções, consulte Adicionar ou remover seções e colunas em uma página.

Imagem do ícone da seção Adicionar

Clique no símbolo de adição Imagem do modelo de design do site de transformação do Local de Trabalho em uma seção, que pode aparecer antes ou depois de uma Web Part em uma seção, para ver os muitos tipos de web parts disponíveis. Para saber mais sobre todas as web parts, consulte Como usar web parts em páginas do SharePoint.

Imagem da opção Adicionar Web part

As web parts podem ser editadas, movidas ou excluídas dentro das seções. O Editar web part abre controles detalhados exclusivos para cada tipo de web part.

Imagem da opção Editar Web part

Quando as atualizações da sua página estiverem prontas, clique em Publicar para torná-las visíveis a todos em sua organização que tenham permissão para visualizar o conteúdo.

Imagem da opção Publicar

Dica

Para gerenciar todas as suas páginas no site, clique em Páginas no menu superior.

Para obter mais detalhes sobre o uso de páginas, consulte Criar e usar páginas modernas em um site do Microsoft Office SharePoint Online.

Voltar ao início

Adicionar texto formatado com a Web part de Texto

Para obter mais detalhes sobre como usar a Web part de Texto, consulte Adicionar texto e tabelas à sua página com a Web part de Texto.

Melhore a mensagem

O site de exemplo cria um equilíbrio entre texto e imagens usando várias Web parts diferentes. Em sua essência, o site é projetado para inspirar os visitantes a adotar as diretrizes de identidade visual e fornecer as ferramentas necessárias para seguir em frente.

O layout é importante

A primeira seção da página usa as ferramentas de layout de seção com uma Web part de texto para criar impacto, reforçando o espaço em branco à direita da declaração de missão.

Tipografia refinada

A Web part de Texto baseia-se no estilo do modelo de site integrado. A Web part de Texto está usando o estilo de texto Normal. Clicar no controle ... na extremidade direita da barra de ferramentas de formatação oferece opções adicionais à direita da Web Part.

Neste exemplo, a Web part está em uma seção de duas colunas. Imagem da seção de duas colunas

Voltar para o início

Concentre-se nas prioridades com a web part em destaque

Deixe sua equipe saber o que é mais importante com imagens de alto impacto, identidade visual da empresa e notícias importantes. O impacto inicial da página inicial do site é criado por imagens grandes e atraentes da Web part em Destaque. A página utiliza a Web part em Destaque em sua opção de Camadas.

Layout em destaque

A edição da web part apresenta opções de layout. A opção Camadas, como a mostrada acima, define cada imagem como uma camada com a imagem ao lado do título. É possível usar até cinco camadas, para que você possa usar a Web part para preencher a página inteira.

Neste exemplo, a Web part em Destaque usa uma camada e está em uma seção de largura total.

Imagem do Layout em destaque

Personalizar cada camada

As opções para adicionar um título e uma chamada à ação vinculada permitem que cada camada seja um ponto de partida para uma mensagem mais profunda.

É possível criar o visual de uma página inicial visual inteira apenas com a Web part em Destaque usando Camadas.

Para obter mais detalhes sobre como usar a web part em destaque, consulte Usar a web part em destaque.

Voltar para o início

Adicionar notícias importantes com a Web Part notícias

Coleta automática de notícias e conteúdo oportuno

A Web part de notícias fornece controles para escolher a Fonte de Notícias e o Layout , e para Organizar e Filtrar o conteúdo para mantê-lo atual.

Para obter mais detalhes sobre como usar a Web part Notícias, consulte Usar a Web part Notícias em uma página do Microsoft Office SharePoint Online.

Refinar o impacto com layouts de notícias

Alterar o layout mudará o impacto que um feed de notícias tem. Em Layout, há cinco opções para ajustar como os itens de notícias serão apresentados. Neste exemplo, as notícias estão usando o layout Hub de Notícias. As histórias são apresentadas lado a lado com três imagens de tamanhos iguais, pois apenas três notícias no site são publicadas.

Nesse exemplo, a Web part está em uma seção de uma coluna.

Imagem da seção de uma coluna

Voltar ao início

A Web part de Links rápidos fornece dezenas de estilos profissionais para links criados a partir de algumas opções fáceis de usar.

Comece com os seis layouts básicos e, em seguida, ajuste por cor e alinhamento. Opcionalmente, você pode adicionar ícones ou descrições de texto para aumentar o impacto do menu. Nesse exemplo de site de doações, essa Web part usa o layout Button.

Para obter mais detalhes sobre como usar a Web part de Links Rápidos, consulte Usar a Web part de Links Rápidos .

Imagem da Web part de Links Rápidos

Voltar ao início

Criar elementos de chamada de ação

O site de exemplo usa imagens para melhorar o visual da página. Ele combina a Web part de imagem com as Web parts de Texto e Links Rápidos para criar um menu de chamada de ações de alta visibilidade que orienta os visitantes para as principais ações da marca.

No exemplo mostrado abaixo, as Web parts estão na segunda coluna de uma seção de três colunas. Para obter mais detalhes sobre como usar a Web part de imagens, consulte Usar a Web part de imagem.

Imagem da Web part de Imagem

Voltar para o início

Quer mais?

Inspire-se com mais exemplos no Lookbook do Microsoft Office SharePoint Online