Usar icono de compartir estándar para compartir publicación (en lugar de icono de enlace)

En los últimos tiempos, el icono para compartir se ha vuelto más o menos estandarizado como

o

Creo que el primero es el más estándar.

En Discourse, el icono para compartir una publicación es un icono de enlace (como en eslabones de una cadena). Esto también funciona bien, pero creo que hoy en día el icono de nodos en la parte superior aquí es el más reconocido.

¿Hay alguna forma recomendada de cambiar esto?

1 me gusta

El código predeterminado sería:


api.replaceIcon('link', 'share-alt');

Extrañamente, esto no funciona. Sí funciona con otros iconos usados justo al lado, como bookmark o flag. Sin embargo, link debería ser el nombre del icono.

@darkpixlz, recientemente publicaste sobre el reemplazo del icono de enlace con un pastel en la barra lateral… ¿utilizaste un nombre de icono diferente aquí?

2 Me gusta

Gracias, intenté esto también (en la cabecera) y, efectivamente, no funcionó.

¿Tu código es para editar este elemento?

<svg class="fa d-icon d-icon-d-post-share svg-icon svg-node" aria-hidden="true">
  <use xlink:href="#link">
  </use>
</svg>

¿Entonces d-icon-d-post-share?

Lo siento, soy bastante nuevo en javascript / CSS (moderno).

1 me gusta

Hice una solicitud de función para hacerlo, pero nunca pude conseguirlo manualmente.

Actualización: Veo a qué te refieres, fue un simple inspeccionar elemento, no un complemento real.

2 Me gusta

Solía ser el icono de link, pero ese reemplazó al icono de enlace donde el icono de compartir no tendría sentido (como en el botón de la barra de formato para añadir un enlace).

Acabo de probar lo siguiente y parece funcionar como se esperaba:

api.replaceIcon('d-post-share', 'share-alt');
api.replaceIcon('d-topic-share', 'share-alt');

El primero reemplaza el icono dentro de las publicaciones, el segundo reemplaza el icono del botón Compartir en la parte inferior de un tema.

5 Me gusta

ah genial @renato! funciona a la perfección :tada:

De hecho, external-link-alt también puede quedar bien…

3 Me gusta

Excepto que un enlace externo no es lo mismo que compartir… por muy bien que parezca :wink:

5 Me gusta

hmm.. Supongo que no me preocuparía tanto por la “etimología” de un icono :nerd_face: sino más bien si se usa comúnmente en ese contexto. Y este parece ser bastante el caso aquí, por ejemplo, aquí hay una vista de twitter:

image

Gracias Renato. Para mí, el icono desaparece.

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('d-post-share', 'share-alt');
  api.replaceIcon('d-topic-share', 'share-alt');
</script>

Al encabezado usando un componente de tema (usando el tema predeterminado). Obtengo:

¿Necesito hacer algo más, tal vez los iconos necesitan ser añadidos?

Bueno, sería bueno si los usuarios también entendieran la función :wink:

Ve a configuración y busca svg icon subset. Añade share-alt y listo.

4 Me gusta

Genial, gracias @Jagster

2 Me gusta

Bueno, de acuerdo en discrepar, encuentro que el icono de compartir representa mejor la acción que un icono de enlace, pero eso soy solo yo. Además, si estás en el móvil, esta acción en realidad abrirá la interfaz de compartir del sistema operativo, y estoy bastante seguro de que el enfoque del enlace solo se usa porque todavía no tenemos un buen soporte para la API de compartir web en el escritorio.

Si entiendo correctamente el comentario de @Jagster, él no está argumentando en contra del uso de share-alt para la ventana emergente external-link-plus-SM-share en escritorio / UI de compartir del sistema operativo en móvil, sino que está diciendo que, dado que es una funcionalidad para compartir, usar el icono de enlace externo no cubriría la funcionalidad por completo.

Esa es mi interpretación, podría estar equivocado.

1 me gusta

Oh, creo que tienes razón y me perdí totalmente el contexto…

¡Lo siento @Jagster!

2 Me gusta