Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Landing Pages

Insertar y editar iconos en módulos de texto enriquecido

Última actualización: marzo 30, 2021

Requisitos

Todos los productos y planes

Puedes agregar cualquier icono en la biblioteca de Font Awesome a módulos de texto enriquecido en posts y páginas. Una vez que se agrega el icono, puedes personalizar su color, posicionamiento y tamaño. 

Nota: los iconos no se pueden agregar directamente a correos electrónicos de marketing. Para usar un icono en un correo electrónico, guarda el icono como una imagen y luego inserta la imagen en el editor de correo electrónico


Agrega un icono a tu contenido en un módulo de texto enriquecido

  • En tu cuenta de HubSpot, navega a tu blog, páginas de destino o páginas de sitio web.

  • Coloca el cursor sobre el nombre de tu publicación o página de blog y haz clic en Editar
  • Haz clic en el módulo de texto enriquecido donde deseas que aparezca el icono.
  • En la parte superior derecha de la barra de herramientas de texto enriquecido, haz clic en el menú desplegable Insertar y selecciona Icono.

insert-a-new-icon


  • En la ventana emergente, busca el icono en la barra de búsqueda. 
  • Haz clic en el icono para insertarlo en tu módulo de texto enriquecido. 

Editar un icono

Una vez que hayas insertado tu icono, puedes editar su apariencia y posición o enlace a otros contenidos. 

    1. Para editar el color del icono, haz clic en el menú desplegable backgroundColor color del icono y selecciona un color. Para introducir un valor hexadecimal o valor de color RGB, navega a la pestaña Avanzado
    2. Utiliza los iconos indent sangría iconiconiconpara mover el icono a la derecha o a la izquierda.
    3. Usa los íconos blockAlignmentBottom alineación para ajustar la posición del icono dentro de un bloque de texto. 
    4. Para agregar un enlace a tu icono, haz clic en ellink icono del enlace.
    5. Para cambiar el tamaño de tu icono, haz clic y arrastra las esquinas del icono en el editor o introduce valores de píxel para el ancho y la altura en la barra de herramientas.
insert-an-icon-1
  • Para eliminar un icono de un módulo de texto enriquecido, haz clic en delete icono de la papelera.
  • Para reemplazar el icono, haz clic en la imagen y luego haz clic en el replace icono reemplazar
    y agrega un nuevo icono.

Editar opciones de icono avanzado

Puedes editar opciones avanzadas para tu icono para agregar texto de accesibilidad o personalizar el enlace del icono. 

  • En el editor de contenido, haz clic en el icono. 
  • Haz clic en el icono edit icono editar.
  • En la parte superior derecha de la ventana emergente, haz clic en Configuración avanzada.
  • Si tu icono está enlazado, puedes seleccionar uno o más tipos de enlaces. Esto indica a los motores de búsqueda cómo este enlace se relaciona con tu sitio web. Más información sobre los diferentes tipos de enlaces.
  • Selecciona un propósito para tu imagen.
    • Si tu icono está diseñado para transmitir información, selecciona Leer por lectores de pantalla y agregar un título que describa su propósito.
    • Si tu icono no transmite información, selecciona Ignorado por los lectores de pantalla
select-an-icon-purpose-1