Ultima atualização: Março 8, 2023
Se estiver a utilizar modelos de layout criados na ferramenta de gestão de design, centre uma imagem, botão CTA, ou módulo de logótipo na sua página, blog, ou e-mail, adicionando o estilo inline ao seu modelo.
Se estiver a utilizar um modelo que inclua uma área de arrastar e largar, pode centralizar o alinhamento do módulo dentro do editor de conteúdos. Pode também centralizar módulos no editor de páginas usando espaçadores horizontais.
Centralizar uma imagem, botão CTA, ou logótipo com estilo inline
Observação:
- Este método requer uma compreensão básica de HTML.
- Se a sua página ou modelo tiver uma folha de estilo anexada ou qualquer estilo adicional adicionado, pode haver CSS existente a afectar a sua imagem, CTA, ou logotipo. HubSpot recomenda trabalhar com um designer para identificar a fonte do estilo e fazer as alterações necessárias para centrar os seus bens.
Para centralizar uma imagem, botão CTA, ou logótipo num e-mail ou modelo de página:
- 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údo, clique na guia Configurações.
- No separador de definições, desça e clique em Opções avançadas.
- Na secção Template , clicar em Editar este template. Esta acção abrirá o seu modelo no editor de layout num novo separador ou janela.
- No modelo de layout, clique no logotipo, call to action ou módulo de imagem para selecioná-lo no inspetor.
- 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.
Centralizar uma imagem, botão CTA, 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 certos módulos ou secções, pode optar por definir directamente o alinhamento. Embora, note 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, acesse Marketing > E-mail.
- 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.
Centralizar uma imagem, botão CTA, ou logótipo usando 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:
- Na sua conta HubSpot, navegue para as suas páginas de desembarque, página web, ou post de blog.
- Na barra de pesquisa, pesquisar por espaçador horizontal.
- Clique e arraste os espaçadores horizontais para cada lado do módulo que pretende centrar. Depois, ajuste a largura do espaçador para centrar o seu elemento.
