Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
CMS-Pages-Editor

Adicionar imagens a um módulo de galeria de imagem

Ultima atualização: Outubro 31, 2019

Disponível para

Marketing Hub  Professional, Enterprise
Basic
HubSpot CMS

Use um módulo de galeria de imagem para demonstrar imagens no seu site. Saiba como adicionar slides a um módulo Image Slider e personalize suas configurações de estilo.

  • Na sua conta da HubSpot, navegue no seu blog, landing pages ou páginas do site.
  • Passe o cursor do mouse sobre a página ou post com o módulo deslizante da imagem que deseja atualizar e clique em Editar.
  • Clique diretamente no módulo deslizante da imagem no editor de conteúdo ou clique noícone de módulona barra lateral esquerda e selecioneo módulo Galeria de imagem da sua lista de módulos. 
  • Clique em+ Adicionar imagem para inserir um novo slide na galeria de imagem.
  • Passe o cursor do mouse sobre um slide e clique noícone de lápis para editar uma imagem de slide e editar sua legenda e URL:
    • Clique em Selecionar imagem para selecionar uma imagem do seu computador ou seu gerenciador de arquivos.
    • Insira qualquerAlt texto que você deseja incluir. 
    • Troque o botão Mostrar legenda se quiser exibir uma legenda abaixo desta imagem. Em seguida, use o editor de rich para inserir sua legenda.
    • Se desejar que essa imagem se vincule a uma página de web, adicione uma URL de Link.
    • Depois de fazer suas seleções, clique em Voltar à Galeria de imagem.

editar-slide

  • Para excluir um slide do módulo da galeria de imagem, posicione o cursor do mouse sobre um slide existente e clique noícone de lixeiradelete.
  • Para reordenar seus slides no módulo da galeria de imagem, clique em um slide e arraste e solte-o no lugar.

reordenar %20slides

Depois de adicionar suas imagens para sua galeria de imagem, você pode personalizar suas opções de módulo na barra lateral esquerda:
  1. Modo de exibição: escolha qual tipo de controle deslizante você gostaria de aparecer na página. Você pode escolher um slides padrão, um controle deslizante com imagens pequenas para seus visitantes navegar entre elas, ou uma galeria simples, que permite que os usuários cliquem em um imagem pequena para abrir uma galeria simples e navegar entre a versão de tamanho original dos seus slides. 
  2. lides de ciclo: Troque esse botão para ativarautomaticamente seus slides.
  3. Avanço automático: troque esse botãopara ativo se quiser que seus slides rolem automaticamente em sua página.
  4. Tempo em segundos entre navegação automática: use as teclas de seta para indicar o número de segundos entre slides.
  5. Mostrar botões de navegação: troque esse botão para ativo para adicionar indicadores à parte inferior do controle deslizante para exibir os visitantes como muitos slides estão sendo exibidos e que. 
  6. Altura variável: usar o menu suspenso para selecionar se deseja que seu controle deslizante permaneça mais alto como o slide mais alto ou redimensionar automaticamente com cada imagem.
  7. Alterações deslizantes: escolha o efeito visual (Sdeslizante ou Faru) que deseja ver quando a transição entre slides.
  8. Posição da legenda: se você escolher exibir legendas em seus slides, escolha se deseja que essas legendas sejam experientes em cima de suas imagens ou exibidas sob as imagens. 

image-gallery

  • Clique na guia de estilo no canto superior do editor de módulo para acessar suas configurações para seu módulo de galeria de imagem:
    • Personalize a família de fontes,o tamanho da fonte, a cor de texto, o alinhamento de texto,a altura da linhae estilos para suas legendas de galeria de imagem.
    • Defina a adição e margens em torno de suas imagens de galeria de imagem e miniaturas. Clique nacaixa de seleção Uniforme para definir a mesma quantidade de espaçamento em torno de cada imagem.
    • Especifique a cor de fundo e estilo do módulo da galeria de imagem. Clique emAplicar para ver suas alterações refletidas no módulo no editor.

imagem-estilos

  • Depois de adicionar suas imagens e configurações de estilo, clique em Salvar e vá para a lista de módulos
  • Clique emPublicarou atualizar para ativar suas alterações.