Enlaces de encabezado personalizados (iconos)

Mi respuesta a continuación era para una publicación ahora eliminada que contenía lo siguiente. A mí todavía me interesan los iconos de FA5…

¿Aún podemos agregar iconos usando este plugin? Pregunto porque ya no funciona. Necesito agregar Facebook, Twitter e Instagram.

No hay una opción para iconos SVG aquí: [captura de pantalla]

¿Funcionó para ti antes? ¿Qué cambió y qué has intentado?

¿Quizás descargaste la versión sin iconos de este plugin?

Logré que funcionaran los iconos de Font Awesome 4, pero no los de Font Awesome 5 (excepto los 2-3 integrados): ver mi publicación anterior.

Sí, de hecho descargué la versión sin iconos, me di cuenta después de hacer algunas investigaciones. Ahora funciona con discourse-icon-header-links.

¡Eso es genial! ¿Podrías compartir los ajustes que usaste? Me gustaría probarlos para ver en qué estaba fallando. Gracias.

Claro, aquí está: - Screenshot by Lightshot

Facebook, fab-facebook, https://www.facebook.com/, vdo, blank
Twitter, fab-twitter, https://www.twitter.com/, vdo, blank
Instagram, fab-instagram, https://www.instagram.com/, vdo, blank

Avísame si esto te ayuda :slight_smile:

1 me gusta

Muchas gracias. Estos son los tres integrados, que también funcionaron para mí.

¿Podrías probar otros iconos de FA5 y decirme cómo te va?

¡Lo intenté con LinkedIn y funciona: Screenshot by Lightshot

Si estás agregando algún icono de FA5, asegúrate de incluir las clases de iconos de FontAwesome 5 para cada icono utilizado en la lista en la sección de iconos SVG aquí: Screenshot by Lightshot

¡Gracias!

1 me gusta

Realmente lo aprecio. ¿Funciona también con iconos que no sean de FAB?

No, no funcionaba sin fab-.

Creo que esto podría estar incorrecto, aunque pido disculpas de antemano si no es así…

Por ejemplo, para usar el icono de tarjeta de dirección en Address Card Icon | Font Awesome, necesitas cambiar far fa-address-card por far-address-card (y agregarlo a la configuración del subconjunto de iconos SVG). Simplemente usarlo sin el fa- no funciona.

Solo me di cuenta de esto después de revisar FEATURE: Update Font Awesome to v5.4.1 and SVGs by pmusaraj · Pull Request #6557 · discourse/discourse · GitHub y FEATURE: Update Font Awesome to v5.4.1 and SVGs by pmusaraj · Pull Request #6557 · discourse/discourse · GitHub

1 me gusta

¿Hay alguna forma de eliminar los enlaces de encabezado existentes?

Logré instalarlo
Ahora quiero poner este icono Rocket Icon | Font Awesome con el enlace a la categoría de vehículos
Hice lo siguiente:
Enlace móvil de escritorio, fas-rocket, c / vehiculos / 69, vdm, blank
Y abajo puse
fas-rocket

Pero no se ve el icono, ¿cómo subo el icono?

Intenta solo con “rocket”.

Esta suposición se basa únicamente en la búsqueda de la palabra “rocket” en FEATURE: Update Font Awesome to v5.4.1 and SVGs by pmusaraj · Pull Request #6557 · discourse/discourse · GitHub.

3 Me gusta

Gracias, ¿sabes si este icono está disponible?

Creo que tendré que añadirlo manualmente. Es un poco difícil para mí.
¿Sería así?

En plugins: simplemente incluye un archivo SVG sprite en la carpeta plugins/your-plugin-name/svg-icons. Reinicia tu servidor (si estás en modo desarrollo) o reconstruye el sitio si estás en un contenedor Docker, y tus iconos personalizados deberían estar disponibles automáticamente.

¿Podría alguien darme un resumen de cómo añadir el icono de la máscara en un foro que está en Digital Ocean y donde el administrador no sabe nada? Gracias

Acabo de probarlo en mi foro cambiando temporalmente uno de mis iconos. El icono funciona si lo llamas “rocket” (sin las comillas) en enlaces del encabezado. Si no funciona, quizás haya un problema con el resto de tu línea. No es necesario añadirlo a iconos svg.

1 me gusta

Sí, muchas gracias, el cohete funcionó perfectamente. Pero ahora quiero añadir esto:

Disculpas. Había asumido erróneamente que aún te referías al icono original. El icono de teatro no se menciona en el código, por lo que no funcionará.

He dado muchas vueltas intentando añadir iconos de FA5, pero no pude. Ninguna de las sugerencias aquí funcionó para mí.

Nada de lo que puse en svg icons marcó diferencia. Cabe destacar que el de Instagram, mencionado en una publicación relativamente reciente, aparece en el código, así que creo que funciona por eso (no porque se haya añadido a svg icons).

1 me gusta

He recibido el siguiente informe de seguridad para este componente; ¿puedo configurarlo para que utilice el código rel="noreferer, noopener"?

1 me gusta

Después de actualizar a la última versión de Discourse, los iconos ya no se muestran. ¿Cuál podría ser el problema?

2 Me gusta

Hemos añadido esto a nuestra instancia y es fantástico, ¡muchas gracias por este plugin!

¿Sería posible tener una configuración para añadir algo de espacio en blanco entre los nuevos iconos y los existentes, los predeterminados? Puedo simularlo añadiendo ,,,,, pero eso por defecto enlaza a la página de configuración del tema, aunque el aspecto es justo lo que nos gustaría;
Screen Shot 2021-05-20 at 13.22.40

3 Me gusta

¡Qué bueno escuchar eso! :+1:

Por supuesto, acabo de agregarlo aquí (desactivado por defecto):

Elimina la opción vacía de tu configuración, actualiza el componente, activa la nueva opción y debería empezar a funcionar después de actualizar la página.

5 Me gusta