Central de conhecimento HubSpot

Inserir e editar ícones em módulos de rich text

Written by HubSpot Support | 30/mar/2021 19:45:51

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:
    • Landing Pages:
    • 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:
    • Landing Pages:
    • 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