Ir para o conteúdo principal
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.

Centrar uma imagem, CTA (legado) ou logótipo num e-mail ou página

Ultima atualização: Maio 22, 2023

Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Marketing Hub Basic (versão anterior)

Se estiver a utilizar modelos de apresentação criados na ferramenta de gestão de design, centre uma imagem, CTA (legado) ou módulo de logótipo na sua página, blogue ou e-mail, adicionando um estilo em linha ao seu modelo.

Se estiver a utilizar um modelo que inclua uma área de arrastar e largar, pode centrar o alinhamento do módulo no editor de conteúdos. Pode também centralizar módulos no editor de páginas usando espaçadores horizontais. 

Centrar uma imagem, CTA (legado) ou logótipo com estilo em linha 

Observação:

 

Para centrar uma imagem, uma CTA (legado) ou um logótipo num modelo de página ou de correio electrónico:

  • Na sua conta da HubSpot, acesse o painel de landing pages, páginas do site, blog ou e-mail.
  • Passe o cursor do mouse sobre a página, post de blog ou e-mail e clique em Editar.
  • Na parte superior do editor de conteúdos, clique no separador Definições .
  • No separador Definições, desloque-se para baixo e clique em Opções avançadas.
  • Na secção Modelo , clique em Editar este modelo. Esta acção abrirá o seu modelo no editor de apresentação num novo separador ou janela.

  • No modelo de apresentação, clique no logótipo, na chamada para acção ou no módulo de imagem para o seleccionar no inspector.
  • No campo Inline Styling , adicionar o CSS text-align: centro ;

 
  • No canto superior direito, clique em Publicar alterações para aplicar as suas alterações a este modelo.
  • Depois, regresse ao editor de conteúdos e actualize o seu navegador web para preencher as alterações ao seu modelo. O seu conteúdo neste módulo será agora centrado na sua página, blog, ou e-mail.

Centrar uma imagem, CTA (legado) ou logótipo a partir das opções de estilo do seu módulo

Se estiver a utilizar um modelo com uma área de arrastar e largar, em determinados módulos ou secções, pode optar por definir o alinhamento directamente. No entanto, tenha em atenção que esta opção de estilo pode não estar disponível em todos os modelos ou módulos. 

  • Para centralizar os módulos da sua página:
    • Na sua conta HubSpot, navegue para as suas páginas de desembarque, página web, ou post de blog.
    • Passe o cursor sobre a sua página ou post do blog, depois clique em Editar.
    • No editor de páginas, clique no módulo que pretende centralizar. 
    • No painel esquerdo, clique na guia Estilos.
    • Clique para expandir o Alinhamento e espaçamento
    • Em Alinhamento, seleccionar o alinhamento do Centro .

 

  • Para centralizar os seus módulos de correio electrónico: 
    • Na sua conta da HubSpot, navegue para Marketing > Email.
    • Passe o cursor sobre a sua página ou post do blog, depois clique em Editar.
    • Clique no módulo que pretende centralizar. 
    • No painel da esquerda, clicar no menu suspenso Alinhamento e seleccionar Centro.

 

Centrar uma imagem, CTA (legado) ou logótipo utilizando espaçadores horizontais

Se o módulo que está a utilizar não tiver opções de alinhamento, a partir do editor de páginas, pode adicionar espaçadores horizontais à sua página para centrar os módulos. 

Atenção: o módulo espaçador horizontal não está disponível com os modelos Starter.

Para centralizar o seu módulo usando um espaçador horizontal: 

 
 

Esse artigo foi útil?
Este formulário deve ser usado apenas para fazer comentários sobre esses artigos. Saiba como obter ajuda para usar a HubSpot.