Enlaces de encabezado personalizados (iconos)

Para LinkedIn, puedes usar fab-linkedin como nombre del icono en esta configuración

pero dado que ese icono no está incluido en el conjunto predeterminado de iconos que usa Discourse, también necesitarás agregarlo a la otra configuración del componente.

El resultado se ve así para mí

Claro, hay una sección en este tema sobre cómo agregar iconos personalizados.

Una vez que lo configures, podrás usar cualquier icono personalizado que agregues en este componente del tema. Por favor, échale un vistazo allí y avísame si encuentras algún problema.

He realizado ese cambio junto con otras mejoras de implementación aquí

La nueva actualización agrega clases con prefijos únicos a cada enlace según el título que uses. Por ejemplo, si usas

facebook, fab-facebook, https://facebook.com, vdm, blank

el enlace tendrá la clase

header-icon-facebook

La plantilla es header-icon-TÍTULO-DEL-ICONO

Lo cual puedes luego apuntar con CSS de la siguiente manera

.d-header-icons {
  .header-icon-facebook svg {
    fill: #4267b2;
  }

  .header-icon-twitter svg {
    fill: #1da1f2;
  }

  // agrega más iconos aquí
}

lo que daría como resultado algo como esto

iconos coloreados

4 Me gusta