Use o ícone de compartilhamento padrão para compartilhar postagem (em vez do ícone de link)

Nos últimos tempos, o ícone de compartilhamento tornou-se mais ou menos padronizado como

ou

Eu acho que o primeiro é o mais padrão.

No Discourse, o ícone de compartilhamento de postagem é um ícone de link (como elos de uma corrente). Isso também funciona bem, mas acho que hoje em dia o ícone de nós no topo aqui é o mais reconhecido.

Existe uma maneira recomendada de mudar isso?

1 curtida

O código padrão seria:

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

Estranhamente, isso não funciona. Funciona com outros ícones usados logo ao lado, como bookmark ou flag. link deveria ser o nome do ícone, no entanto..

@darkpixlz, você postou recentemente sobre a substituição do ícone de link por um bolo na barra lateral.. você usou um nome de ícone diferente aqui?

2 curtidas

Obrigado, eu também tentei isso (no cabeçalho) e realmente não funcionou.

Seu código serve para editar este elemento, correto?

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

Então d-icon-d-post-share?

Desculpe, sou bem novo em (moderno) javascript / CSS.

1 curtida

Eu fiz uma solicitação de recurso para fazer isso, mas nunca consegui manualmente.

Atualização: Eu entendi o que você quis dizer, foi um simples “inspect element”, não um plugin de verdade.

2 curtidas

Costumava ser o ícone de link, mas isso substituiu o ícone de link onde o ícone de compartilhamento não faria sentido (como no botão da barra de formatação para adicionar um link).

Acabei de testar o abaixo e parece funcionar como pretendido:

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

O primeiro substitui o ícone dentro das postagens, o segundo substitui o ícone do botão Compartilhar na parte inferior de um tópico.

5 curtidas

ah legal @renato! funciona perfeitamente :tada:

Na verdade, external-link-alt também pode ficar bom…

3 curtidas

Exceto que um link externo não é o mesmo que compartilhar… não importa quão bom pareça :wink:

5 curtidas

hmm.. Acho que não me preocuparia tanto com a “etimologia” de um ícone :nerd_face: mas sim se ele é comumente usado nesse contexto. E este parece ser bastante o caso aqui, por exemplo, aqui está uma visualização do twitter:

image

Obrigado Renato. Para mim o ícone desaparece.

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

Para o cabeçalho usando um componente de tema (usando o tema padrão). Eu recebo:

Preciso fazer mais alguma coisa, talvez os ícones precisem ser adicionados?

Bem, seria bom se os usuários também entendessem a função :wink:

Vá para configurações e pesquise por svg icon subset. Adicione share-alt e pronto.

4 curtidas

Ótimo, obrigado @Jagster

2 curtidas

Bem, concordamos em discordar, eu acho que o ícone de compartilhamento representa melhor a ação do que um ícone de link, mas isso sou só eu. Além disso, se você estiver no celular, essa ação realmente abrirá a interface de compartilhamento do sistema operacional, e tenho certeza de que a abordagem de link é usada apenas porque ainda não temos um bom suporte para a API Web Share no desktop.

Se entendi corretamente o comentário do @Jagster, ele não está argumentando contra o uso de share-alt para o popup de compartilhamento externo external-link-plus-SM-share no desktop / UI de compartilhamento do sistema operacional no celular, mas sim dizendo que, por ser uma funcionalidade de compartilhamento, o uso do ícone de link externo não cobriria totalmente a funcionalidade.

Essa é a minha interpretação, posso estar enganado.

1 curtida

Ah, acho que você está certo e eu perdi totalmente o contexto…

Desculpe, @Jagster!

2 curtidas