Usar a Web Part herói

Coloque o foco e o interesse visual na sua página com a Web Part herói. Você pode exibir até cinco itens na Web Part herói e usar imagens, texto e links atraentes para chamar a atenção para cada um deles. A Web Part Hero é incluída por padrão em sites de comunicação, mas você também pode adicionar a Web Part de Hero a outras páginas.

Observações: 

  • Algumas funcionalidades são introduzidas gradualmente em organizações que optaram pelo programa de lançamento direcionado. Isso significa que esse recurso pode ainda não estar disponível ou pode parecer diferente em relação ao que descrevemos nos artigos da Ajuda.

  • Você deve ter permissões de edição para criar páginas. Se você é um proprietário, mas não consegue adicionar uma página, o administrador pode ter desativado a capacidade de fazê-lo.

Sumário

A Web Part herói em sites de comunicação: tópico e apresentação

Quando você cria um site de comunicação, a Web Part herói é incluída na sua página por padrão. Ele é preenchido previamente com imagens padrão, texto e links que você altera para apresentar suas próprias imagens, texto, páginas, links ou documentos.

Quando você seleciona tópico para o tipo de site de comunicação desejado, o herói padrão é um layout lado a lado com cinco blocos (que podem ser alterados de um para cinco):

Web Part herói no site de comunicação

Quando você seleciona Mostrar para o tipo de site de comunicação desejado, o herói padrão é um layout vertical com três camadas (que podem ser alteradas de uma para cinco camadas):

Herói de demonstração

Você pode alterar o layout da Web Part herói de uma grade para camadas verticais usando o botão Editar Web part Botão de edição da Web Part e pode alterar os links, as imagens e o texto para cada bloco ou camada usando o botão Editar detalhes Editar detalhes para cada bloco ou camada.

Botões de edição do herói

1. botão Editar Web Part

2. botão Editar detalhes

Alterar o layout da Web Part herói

Assista a este vídeo para ver como isso é feito ou siga as etapas abaixo do vídeo.

Seu navegador não dá suporte a vídeo. Instale o Microsoft Silverlight, o Adobe Flash Player ou o Internet Explorer 9.
  1. Se você ainda não estiver no modo de edição na sua página, clique em Editar na parte superior direita da página.

  2. Clique no botão Editar Web Part de web Part Botão de edição da Web Part à esquerda e selecione o tipo de layout desejado-você pode selecionar até 5 blocos (como isso em um site de tópico) ou até 5 camadas (como isso em um site de demonstração).

    Opções de layout do herói Opções de layout do herói

Alterar a imagem, o texto e os links para cada bloco ou camada

Assista a este vídeo para ver como isso é feito ou siga as etapas abaixo do vídeo.

Seu navegador não dá suporte a vídeo. Instale o Microsoft Silverlight, o Adobe Flash Player ou o Internet Explorer 9.
  1. Se você ainda não estiver no modo de edição na sua página, clique em Editar na parte superior direita da página.

  2. Clique em Editar detalhes Editar detalhes no canto inferior direito do bloco ou camada que você deseja alterar.

  3. Na caixa de ferramentas, clique em alterare escolha um local do qual deseja obter o link:

    Imagem das opções do seletor de arquivos.
    • Recentes: se você tiver aberto recentemente imagens, páginas ou documentos, elas serão encontradas aqui.

    • Pesquisa na Web: você pode encontrar imagens do Bing que utilizam a licença comum criativa. Você é responsável por revisar o licenciamento de uma imagem antes de inseri-la em sua página. SharePoint Online apenas.

    • Sua organização: se a sua organização tiver especificado um conjunto de ativos aprovados, você poderá escolher um dos conjuntos aqui.  Se você for um administrador do SharePoint e quiser saber como criar uma biblioteca de ativos para a sua organização, consulte criar uma biblioteca de ativos da organização.

    • Onedrive: você pode obter um link para um documento ou uma imagem armazenada no onedrive. SharePoint Online apenas.

    • Site: você pode obter um link para um documento, uma imagem ou uma página de um site especificado por você.

    • Carregar: você pode carregar um documento ou uma imagem de um dispositivo pessoal.

    • Em um link: Insira um link para sua página, documento ou imagem do onedrive for Business ou do SharePoint Online.

  4. Selecione sua imagem, página ou documento e clique em abrir.

  5. Na caixa de ferramentas, em imagem, selecione imagem personalizada ou somente cor (somentecor está disponível apenas para o layout de blocos e a cor corresponde à cor do tema do site).

    A opção seleção automática selecionará automaticamente uma imagem da página ou do documento ao qual você está vinculando, se houver uma disponível.

  6. Insira um texto alternativo para a imagem.

  7. Em opções:

    • Você pode mostrar um link de chamada para ação alterando o botão de alternância para Sim. Em seguida, adicione a chamada ao texto da ação (por exemplo, "Saiba mais"). O link chamar para ação está disponível para cada camada em um layout em camadas, mas somente para o maior bloco em um layout lado a lado.

    • Para um layout em camadas, você também pode mostrar um título de tópico para cada camada, alternando o título de alternância para o tópico para Sim. Em seguida, adicione o texto do título do tópico.

Alterar o ponto focal de uma imagem

No SharePoint Online, você pode alterar o ponto focal em uma imagem selecionada dentro da Web Part do herói para obter a parte mais importante da sua imagem no quadro.

  1. Se você ainda não estiver no modo de edição na sua página, clique em Editar na parte superior direita da página.

  2. Clique em definir ponto focal Botão Definir ponto focal na barra de ferramentas na parte inferior da imagem do herói que você deseja alterar.

  3. Arraste o ponto focal para o local desejado na imagem.

    Ponto focal

Reordenar blocos ou camadas

Você pode reordenar blocos ou camadas movendo-os para o local desejado.

  1. Se você ainda não estiver no modo de edição na sua página, clique em Editar na parte superior direita da página.

  2. Clique e mantenha pressionado o botão mover item e, em seguida, arraste o bloco ou camada para o local desejado.

    Mover item do herói

Colocar a Web Part herói em uma coluna

A Web Part herói é projetada para ocupar toda a largura da página. Se preferir que a Web Part herói não ocupasse toda a largura, você pode adicionar movê-la para uma coluna que não tenha largura inteira.

Assista a este vídeo para ver como isso é feito ou siga as etapas abaixo do vídeo.

Seu navegador não dá suporte a vídeo. Instale o Microsoft Silverlight, o Adobe Flash Player ou o Internet Explorer 9.
  1. Se você ainda não estiver no modo de edição, clique em Editar na parte superior direita da página.

  2. Passe o mouse sobre a Web Part do herói e clique no sinal de + no lado esquerdo da Web Part.

  3. Em layout de seção, selecione uma coluna.

    Uma coluna
  4. No lado esquerdo da Web Part, use o botão mover Web Part para arrastar a Web Part herói para a coluna que você acabou de adicionar.

    Botão mover Web Part

    Movendo o herói

Adicionar uma Web Part herói vazia a uma página

Você pode adicionar uma Web Part herói a uma página em um site de equipe ou um site de comunicação . Para fazer isso:

  1. Se você ainda não estiver no modo de edição na sua página, clique em Editar na parte superior direita da página.

  2. Na sua página, passe o mouse acima ou abaixo de uma Web Part existente e você verá uma linha com um +circulado, como este:

    Sinal de mais para adicionar web parts a uma página

    Clique em +e escolha a Web Part herói .

    Web Part herói em um estado vazio
  3. Clique no botão Editar da web Part Botão de edição da Web Part e selecione o tipo de layout desejado-uma grade de 1 a 5 blocos pode ser usada ou de 1 a 5 camadas verticais.

  4. Clique em selecionar link para cada bloco que você deseja alterar.

  5. Para cada bloco, na caixa de ferramentas, clique em selecionare escolha um local do qual deseja obter o link:

    Na caixa de ferramentas, clique em alterare escolha um local do qual deseja obter o link:

    Imagem das opções do seletor de arquivos.
    • Recentes: se você tiver aberto recentemente imagens, páginas ou documentos, elas serão encontradas aqui.

    • Pesquisa na Web: você pode encontrar imagens do Bing que utilizam a licença comum criativa. Você é responsável por revisar o licenciamento de uma imagem antes de inseri-la em sua página. SharePoint Online apenas.

    • Sua organização: se a sua organização tiver especificado um conjunto de ativos aprovados, você poderá escolher um dos conjuntos aqui.  Se você for um administrador do SharePoint e quiser saber como criar uma biblioteca de ativos para a sua organização, consulte criar uma biblioteca de ativos da organização.

    • Onedrive: você pode obter um link para um documento ou uma imagem armazenada no onedrive. SharePoint Online apenas.

    • Site: você pode obter um link para um documento, uma imagem ou uma página de um site especificado por você.

    • Carregar: você pode carregar um documento ou uma imagem de um dispositivo pessoal.

    • Em um link: Insira um link para sua página, documento ou imagem do onedrive for Business ou do SharePoint Online.

  6. Selecione sua imagem, página ou documento e clique em abrir.

  7. Na caixa de ferramentas, em imagem, selecione imagem personalizada ou somente cor. A opção seleção automática selecionará automaticamente uma imagem da página ou do documento ao qual você está vinculando, se houver uma disponível. Color only está disponível apenas para o layout de blocos, e a cor corresponde à sua cor de tema do site.

  8. Insira um texto alternativo para a imagem.

  9. Em Opções (SharePoint Online apenas):

    • Você pode mostrar um link de chamada para ação alterando o botão de alternância para Sim. Em seguida, adicione a chamada ao texto da ação (por exemplo, "Saiba mais"). O link chamar para ação está disponível para cada camada em um layout em camadas, mas somente para o maior bloco em um layout lado a lado.

    • Para um layout em camadas, você também pode mostrar um título de tópico para cada camada, alternando o título de alternância para o tópico para Sim. Em seguida, adicione o texto do título do tópico.

Dimensionamento de imagem na Web Part herói

Para escolher as imagens em tamanho ideal para a Web Part do herói, considere o seguinte:

  • A Web Part é projetada para ajustar a largura da tela em um layout de sangramento completo.

  • No layout de blocos , a altura da Web Part é dimensionada para acompanhar uma taxa de proporção de 8:3 e as imagens dentro da Web Part são dimensionadas para uma taxa de proporção de 4:3.

  • No layout camadas , uma camada individual é dimensionada para uma taxa de proporção de 8:3 e as imagens dentro de cada escala de camada para uma taxa de proporção próxima a 9:16.

Observação: Você pode adicionar um link para um vídeo ou carregar um vídeo na Web Part herói. No entanto, os vídeos não podem ser reproduzidos dentro da Web Part. Os usuários podem clicar no link para o vídeo e ser levado para o reprodutor de vídeo ou para a fonte do link para exibir o vídeo.

Observação:  Esta página foi traduzida automaticamente e pode apresentar erros gramaticais ou imprecisões. Nosso objetivo é que este conteúdo seja útil para você. Você pode nos dizer se as informações foram úteis? Use o artigo em inglês como referência.​

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.

×