Usar a Web Part do Hero

A Web Part do Hero em sites de comunicação: Tópico e Exibição

Quando você cria um site de Comunicação, a Web Part do Hero é incluída em sua página por padrão. Ele é pré-preenchido com imagens, textos e links padrão que você altera para mostrar 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 em bloco com cinco blocos (que você pode alterar de um para cinco):

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 você pode alterar de uma para cinco camadas):

Você pode alterar o layout da Web Part hero de uma grade para camadas verticais usando o botão Editar web part , e você pode alterar os links, imagens e texto para cada bloco ou camada usando o botão Editar detalhes para cada bloco ou camada.

1. Botão Editar Web Part

2. Botão Editar detalhes

Alterar o layout da Web Part do Hero

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

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

2. Selecione o botão Editar Web Part à esquerda e selecione o tipo de layout desejado – você pode selecionar até 5 blocos (assim em um site de Tópicos) ou até 5 camadas (assim em um site do Showcase).

   

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

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

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

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

3. Na caixa de ferramentas, selecione Alterar e escolha um local para obter seu link:

   

   • Recente: se você abriu recentemente imagens, páginas ou documentos, você as encontrará listadas aqui.

   • Imagens de estoque As imagens de estoque são fornecidas pela Microsoft. Eles são de alta qualidade e tamanho justos para seu uso. Se você for um administrador do SharePoint, recomendamos habilitar uma CDN (Rede de Entrega de Conteúdo) para melhorar o desempenho da obtenção de imagens.

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

   • Sua organização: se sua organização tiver especificado um conjunto de ativos aprovados, você poderá escolher entre esse conjunto aqui.  Se você for um Administração do SharePoint e quiser aprender a criar uma biblioteca de ativos para sua organização, consulte Criar uma biblioteca de ativos da organização.

   • OneDrive: você pode obter um link para um documento ou imagem armazenado no OneDrive. Microsoft Office SharePoint Online somente no Microsoft 365.

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

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

   • Em um link: insira um link para sua página, documento ou imagem do OneDrive ou Microsoft Office SharePoint Online no Microsoft 365.

     Observação: Os links externos ao seu site não mostrarão uma visualização de imagem no GCC High e NoD do governo dos EUA e Office 365 operados pela 21Vianet.

4. Selecione sua imagem, página ou documento e selecione Abrir.

5. Na caixa de ferramentas, em Imagem, selecione Imagem personalizada ou Somente Cor (a cor só está disponível apenas para o layout de Blocos e a cor corresponde à cor do tema do site).

   A opção selecionada automaticamente seleciona automaticamente uma imagem na página ou no documento ao qual você está vinculando, se uma estiver disponível.

6. Insira texto alternativo para a imagem.

7. Em Opções:

   • Você pode mostrar um link de chamada para a ação alternando o alternância para Sim. Em seguida, adicione o texto De chamada à ação (por exemplo, "Saiba mais"). O link Chamar para a ação está disponível para cada camada em um layout em camadas, mas apenas para o bloco maior em um layout de bloco.

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

Alterar o ponto focal de uma imagem

Em Microsoft Office SharePoint Online no Microsoft 365, você pode alterar o ponto focal em uma imagem selecionada na Web Part do Hero para obter a parte mais importante da sua imagem no quadro.

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

2. Selecione Definir ponto focal na barra de ferramentas na parte inferior da imagem hero que você deseja alterar.

3. Arraste o ponto focal onde você deseja na imagem.
   
   

Reordenar blocos ou camadas

Você pode reordenar blocos ou camadas movendo-os para onde quiser.

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

2. Selecione e segure o botão Mover item e arraste o bloco ou a camada onde desejar.

   

Colocar a Web Part do Herói em uma coluna

A Web Part do Hero foi projetada para ocupar toda a largura da página. Se preferir que a Web Part do Hero não assuma a largura total, você pode adicioná-la para uma coluna que não tenha largura total.

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

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

2. Passe o mouse sobre a Web Part do Hero e selecione o círculo + à esquerda da Web Part

3. Em Layout da seção, selecione uma coluna.

   

4. No lado esquerdo da Web Part, use o botão Mover Web Part para arrastar a Web Part hero para a coluna que você acabou de adicionar.

   

   

Adicionar uma Web Part de Herói vazia a uma página

Você pode adicionar uma Web Part hero a uma página em um site da Equipe ou em um site de comunicação . Para fazer isso:

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

2. Em sua página, passe o mouse sobre ou abaixo de uma Web Part existente e você verá uma linha com um +circulado, assim:

   

   Selecione +e escolha a Web Part do Hero .

   

3. Selecione o botão Editar 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. Selecione Selecionar link para cada bloco que você deseja alterar.

5. Para cada bloco, na caixa de ferramentas, selecione Selecionar e escolha um local no qual obter o link:

   Na caixa de ferramentas, selecione Alterar e escolha um local para obter seu link:

   

   • Recente: se você abriu recentemente imagens, páginas ou documentos, você as encontrará listadas aqui.

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

   • Sua organização: se sua organização tiver especificado um conjunto de ativos aprovados, você poderá escolher entre esse conjunto aqui.  Se você for um Administração do SharePoint e quiser aprender a criar uma biblioteca de ativos para sua organização, consulte Criar uma biblioteca de ativos da organização.

   • OneDrive: você pode obter um link para um documento ou imagem armazenado no OneDrive. Microsoft Office SharePoint Online somente no Microsoft 365.

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

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

   • Em um link: insira um link para sua página, documento ou imagem do OneDrive para Microsoft Office SharePoint Online no Microsoft 365.

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 selecionada automaticamente seleciona automaticamente uma imagem na página ou no documento ao qual você está vinculando, se uma estiver disponível. A cor só está disponível apenas para o layout de Blocos e a cor corresponde à cor do tema do site.

8. Insira texto alternativo para a imagem.

9. Em Opções (Microsoft Office SharePoint Online somente no Microsoft 365):

   • Você pode mostrar um link de chamada para a ação alternando o alternância para Sim. Em seguida, adicione o texto De chamada à ação (por exemplo, "Saiba mais"). O link Chamar para a ação está disponível para cada camada em um layout em camadas, mas apenas para o bloco maior em um layout de bloco.

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

Dimensionamento de imagem na web part do Hero

Para escolher as imagens de tamanho adequado para a Web Part do Hero, considere o seguinte:

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

• No layout de Blocos , a altura da Web Part é dimensionada para seguir uma proporção de 8:3 e as imagens dentro da escala da Web Part para uma proporção de 4:3.

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