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 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:
- Este método requer uma compreensão básica de HTML.
- Se a sua página ou modelo tiver uma folha de estilos anexada ou qualquer estilo adicional adicionado, pode haver CSS existente que afecte a sua imagem, CTA (legado) ou logótipo. A HubSpot recomenda trabalhar com um designer para identificar a origem do estilo e fazer as alterações necessárias para centrar os seus activos.
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:
- 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.