Inserir e editar ícones em módulos de rich text
Ultima atualização: Junho 22, 2023
Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:
|
Pode adicionar qualquer ícone da biblioteca Font Awesome a módulos de rich text em posts e páginas de blogues. Quando o ícone for adicionado, você pode personalizar sua cor, posicionamento e tamanho.
Observação: os ícones não podem ser adicionados diretamente aos e-mails de marketing. Para utilizar um ícone numa mensagem de correio eletrónico, guarde o ícone como uma imagem e, em seguida, insira a imagem no editor de correio eletrónico.
Adicionar um ícone ao seu conteúdo num módulo de rich text
-
Acesse seu conteúdo:
- Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
- Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
- Blog: Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
- Passar o cursor sobre uma página ou postagem e clicar em Editar.
- Clique no módulo de rich text onde deseja exibir o ícone.
- No canto superior direito da barra de ferramentas de rich text, clique no menu suspenso Inserir e selecione Ícone.
- Na caixa pop-up, procure o ícone na barra de pesquisa.
- Clique no ícone para inseri-lo no seu módulo de rich text.
Editar um ícone
Depois de inserir o ícone, você pode editar sua aparência e posição ou vinculá-lo a outro conteúdo.
-
Acesse seu conteúdo:
- Páginas do site: Na sua conta HubSpot, navegue até Marketing > Site > Páginas do site.
- Landing Pages: Na sua conta da HubSpot, navegue até Marketing > Landing Pages.
- Blog: Na sua conta da HubSpot, navegue até Marketing > Site > Blog.
- Passar o cursor sobre uma página ou postagem e clicar em Editar.
- No editor de conteúdo, clique no ícone para abrir o editor de ícone.
-
- Para editar a cor do ícone, clique no menu pendente backgroundColor icon color e seleccione uma cor . Para introduzir um valor hexadecimal ou um valor de cor RGB , clique no separador Avançado .
- Utilize os ícones indent indent iconiconiconpara mover o ícone para a direita ou para a esquerda.
- Utilize os ícones blockAlignmentBottom alinhamento para ajustar a posição do ícone num bloco de texto.
- Para adicionar um link ao seu ícone, clique no íconelinklink e, em seguida, inserir um link.
- Para redimensionar o ícone, clique e arraste os cantos do ícone no editor ou introduza os valores de pixel para a largura e altura na barra de ferramentas.

- Para remover um ícone de um módulo de rich text, clique na imagem e, em seguida, clique no ícone do lixo delete .
- Para substituir o ícone, clique na imagem e, em seguida, clique no ícone replace replace e adicione um novo ícone.
Editar opções avançadas de ícone
Você pode editar as opções avançadas do seu ícone para adicionar um texto de acessibilidade ou personalizar o link do ícone.
- No editor de conteúdo, clique no ícone.
- Clique no ícone de edição edit .
- Na caixa pop-up, clique em Advanced.
- Se o seu ícone tiver uma ligação, pode selecionar um ou mais tipos de ligação . Isso informa aos mecanismos de pesquisa como esse link está relacionado ao seu site. Saiba mais sobre diferentes tipos de ligações.
- Selecione uma finalidade para sua imagem.
- Se o seu ícone se destina a transmitir informações, seleccione Read by screen readers e adicione um título que descreva a sua finalidade.
- Se o seu ícone não transmitir informações, seleccione Ignorado pelos leitores de ecrã.
- Clique em Aplicar.
