Orientação passo a passo: Criando um site de comunicação para sua organização

Neste artigo, mostramos a você os elementos de um site de comunicação para inspirar você e ajudá-lo a aprender como criar sites semelhantes para sua própria organização. Neste exemplo, o site é otimizado para comunicar sua estratégia e orientar os funcionários em 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 neste 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 um site de marca moderno no SharePoint Online
  1.   Facilitar a descoberta do conteúdo 

    Orientar os visitantes rapidamente com a navegação. Aprenda como

  2. Definir a missão

    Uma Web Part de texto realça a missão. Aprenda como

  3. Conteúdo do recurso

    Enfatize ideias com a Web Part herói. Aprenda como

  4. Exibir notícias do Topical

    Mostre as últimas notícias. Aprenda como

  5. Oferecer links importantes

    Mostrar recursos relacionados com links rápidos. Aprenda como

  6. Ligar para ação

    Combine Web Parts para aumentar o impacto. Aprenda como

Criar seu site

Para criar um site como aquele 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ê for associar este site a um site do Hub, navegue até o site do Hub e clique em criar site ali para que o site de comunicação seja automaticamente associado a esse site do Hub).

Comando Criar site

Em seguida, escolha site de comunicaçãoe, em seguida, o layout do tópico . Preencha o nome, a descrição e outras informações do site e clique em concluir.

Criar um site de comunicação do SharePoint

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

Voltar ao início

Criar navegação clara e útil

Torne o seu site fácil de entender para que os usuários possam encontrar o que estão procurando ou para ajudar os usuários a descobrir mais conteúdo.

Barra de Navegação

Clique em Editar à direita do menu superior, passe o mouse sobre o local no menu onde você 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 desejada. Saiba mais sobre como Personalizar a navegação no seu site do SharePoint.

Adicionar um link de URL à navegação à esquerda de um site de equipe do SharePoint

Menu de mega

Quando um site de comunicação está associado a um site de Hub, os proprietários do site podem personalizar rápida e facilmente a organização e a navegação de um site de SharePoint. Saiba o que você precisa saber sobre os menus de mega em um menu criar um mega em sites de Hub.

Exemplo de navegação do MegaMenu para um site de marca moderna no SharePoint Online

Clicar em Editar no menu superior abre uma lista de estrutura 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 menu mega: o menu principal e um submenu.

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

Voltar ao início

Gerenciar seções e Web Parts

Para começar a editar, clique em Editar na parte superior direita da página.

Botão Editar na barra superior da página

Durante a edição, à esquerda, abaixo do cabeçalho, os rascunhos podem ser salvos mais tarde ou descartados.

Barra superior de uma página

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

Layouts de seção

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

Controle para adicionar uma seção.

Clique no sinal de mais SPO – Sinal de mais em uma seção, que pode aparecer antes ou depois de uma Web Part em uma seção para ver os vários tipos de Web Parts disponíveis. Para obter mais informações sobre todas as Web Parts, consulte usando Web Parts em páginas do SharePoint.

Caixa de ferramentas da Web Part

Web Parts podem ser editadas, movidas ou excluídas dentro de seções. O ícone Editar Web Part abre controles detalhados exclusivos para cada tipo de Web Part.

Ferramentas de Web Parts.

Quando as atualizações da página estiverem prontas, clique em publicar para torná-las visíveis para todos em sua organização que têm permissões para exibir o conteúdo.

Botão publicar na barra superior da página

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 SharePoint.

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

Aprimorar a mensagem

O site de exemplo cria um saldo de texto e imagens usando várias Web Parts diferentes. Em seu núcleo, o site foi projetado para inspirar os visitantes a adotarem as diretrizes de identidade visual e fornecer as ferramentas necessárias para acompanhar.

Questões de layout

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

Tipografia refinada

A Web Part de texto cria o estilo do modelo de site interno. A Web Part de texto está usando o estilo de texto normal . Clicar no controle .. . na extremidade direita da barra de ferramentas Formatação oferece opções adicionais à direita da Web Part.

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

Exemplo de entrada de Web Part de texto para o site da marca moderna no SharePoint Online

Voltar ao início

Concentrar-se em prioridades com a Web Part herói

Permita que sua equipe saiba o que é mais importante com imagens herói de alto impacto, identidade visual da empresa e notícias importantes. O impacto inicial da home page do site é criado por imagens grandes e atraentes da Web Part herói. A página usa a Web Part herói na sua opção camadas .
 

Layout do herói

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 herói usa uma camada e está em uma seção de largura total.

Exemplo de Web Part herói no site da marca moderna no SharePoint Online

Personalizar cada camada

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

É possível criar uma Home Page inteira com apenas a Web Part herói usando camadas.

Para obter mais detalhes sobre como usar a Web Part do herói, consulte usar a Web Part herói.

Voltar ao início

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

Coletar automaticamente notícias e conteúdo oportuno

A Web Part de notícias fornece controles para escolher a fonte de notícias e o layoute para organizar e Filtrar o conteúdo e manter o conteúdo Topical.

Para obter mais detalhes sobre como usar a Web Part de notícias, consulte usar a Web Part de notícias em uma página do SharePoint.

Refinar o impacto com os layouts de notícias

Alterar o layout alterará o impacto do feed de notícias. Em layout, há cinco opções para ajustar como os itens de notícias são apresentados. Neste exemplo, as histórias de notícias estão usando o layout de notícias do Hub . As histórias são apresentadas lado a lado com três imagens de tamanho igual porque apenas três artigos de notícias no site são publicados.

Neste exemplo, a Web Part está em uma seção de uma coluna.

Web Part de notícias no site de marca moderno de exemplo no SharePoint Online

Voltar ao início

Usar cor e ícones com a Web Part de links rápidos

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 de base e, em seguida, ajuste por cor e alinhamento. Opcionalmente, você pode adicionar ícones ou descrições de texto para aumentar o impacto do menu. Neste exemplo de site, esta Web Part usa o layout do botão.

Para obter mais detalhes sobre como usar a Web Part de links rápidos, consulte usar a Web Part de links rápidos.

Exemplo de entrada de Web Part de links rápidos para o site da marca moderna no SharePoint Online

Voltar ao início

Criar elementos de chamada para ação

O site de exemplo usa imagens para melhorar a aparência 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 chamadas de alta visibilidade para as ações que orientam os visitantes a ações de marca de chave.

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 imagem, consulte usar a Web Part de imagem.

Exemplo de entrada de Web Part de imagem para o site da marca moderna no SharePoint Online

Voltar ao início

Quer mais?

Fique inspirado com mais exemplos no livro SharePoint look.

Precisa de mais ajuda?

Expanda suas habilidades no Office
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×