投稿を共有するために標準の共有アイコンを使用する(リンクアイコンの代わりに)

最近では、共有アイコンは多かれ少なかれ標準化されています。

または

前者の方が最も標準的だと思います。

Discourseでは、投稿共有アイコンはリンク(チェーン内のリンク)アイコンです。これもよく機能しますが、現在ではここの上部にあるノードアイコンが最も認識されていると思います。

これを変更するための推奨される方法はありますか?

「いいね!」 1

デフォルトのコードは次のようになります。


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

奇妙なことに、これは機能しません。bookmarkflag のように、すぐ隣で使用されている他のアイコンでは機能します。link がアイコン名であるはずですが…。

@darkpixlz さんは最近、サイドバーのリンクアイコンをケーキに置き換えることについて投稿しましたが、ここで別のアイコン名を使用しましたか?

「いいね!」 2

はい、これも(ヘッダーで)試しましたが、やはりうまくいきませんでした。

あなたのコードはこの要素を編集するためのものですよね?

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

つまり d-icon-d-post-share ということですか?

すみません、(モダン) JavaScript / CSS はかなり初心者です。

「いいね!」 1

それを実現するための機能リクエストを作成しましたが、手動では決して実現できませんでした。

更新:意味が分かりました。実際のプラグインではなく、基本的な要素の検査でした。

「いいね!」 2

以前は「リンク」アイコンでしたが、共有アイコンが意味をなさなくなる場所(リンクを追加するための書式設定バーボタンなど)にあったリンクアイコンが置き換えられました。

以下をテストしたところ、意図したとおりに機能するようです。

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

最初のものは投稿内のアイコンを置き換え、2番目のものはトピックの下部にある共有ボタンのアイコンを置き換えます。

「いいね!」 5

ah cool @renato! works like a charm :tada:

Actually external-link-alt can look good as well..

「いいね!」 3

外部リンクは共有とは違う…どんなに見た目が良くても :wink:

「いいね!」 5

うーん、アイコンの「語源」についてはあまり心配しないかな :nerd_face: それよりも、その文脈で一般的に使われているかどうかの方が重要だと思う。そして、これはまさにそういうケースのようだ。例えば、Twitterからのビューをここに載せるね。

image

Renatoさん、ありがとうございます。私の場合はアイコンが消えてしまいます。

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

ヘッダーにテーマコンポーネント(デフォルトテーマを使用)で追加しています。以下のような状態になります。

他に何かする必要があるでしょうか?例えば、アイコンを追加する必要があるのでしょうか?

ユーザーがその機能も理解できれば、それは素晴らしいことでしょう :wink:

設定に移動し、「svg icon subset」を検索します。「share-alt」を追加すれば完了です。

「いいね!」 4

素晴らしい、ありがとうございます @Jagster

「いいね!」 2

まあ、意見が分かれるところですが、私はリンクアイコンよりも共有アイコンの方がアクションをよりよく表していると思います。それは私だけかもしれませんが。また、モバイルの場合は、このアクションは実際にOSの共有UIを開きます。デスクトップではまだWeb共有APIの適切なサポートがないため、リンクアプローチのみが使用されていると確信しています。

もし @Jagster さんのコメントを正しく理解していれば、彼はデスクトップ版の share-alt を使った外部リンクプラスSM共有ポップアップや、モバイル版のOS共有UIでの利用に反対しているのではなく、共有機能であるため、外部リンクアイコンだけでは機能全体をカバーできないと言っているのだと思います。

私の解釈ですが、間違っている可能性もあります。

「いいね!」 1

ああ、あなたの言う通りだと思います。完全に文脈を見落としていました…

@Jagster、ごめんなさい!

「いいね!」 2