cogdog
2021 年 10 月 28 日午後 6:29
1
Discourse のインターフェースのこの部分がわかりにくく感じられます。エディタでは、リンクアイコンがハイパーリンクの挿入に使用されています（まあ、これは理にかなっています。それが本来の役割であり、他のインターフェースの 99% と同じです）。
しかし、投稿を閲覧 する際にも、同じアイコンがリンクやソーシャル共有に使用されています。
実際には、ここではより馴染みのある共有アイコン
以前は、API を使ってアイコンを変更するアプローチ を使用していました。
<script type="text/discourse-plugin" version="0.8">
api.replaceIcon('link', 'external-link-tab');
</script>
しかし、これではエディタ内のアイコンも変更されてしまうため、ハイパーリンクの挿入を表すのに共有アイコンを使うのは不自然です。このボタンの 2 つのコンテキスト（共有リンク用とリンク挿入用）を区別して参照できる API コールが別々に用意されていれば、共有リンクアイコンに置き換えることはできても、リンク挿入アイコンはそのままにできるため、非常に役立つと思います。
???（Discourse の内部仕組みについての私の知識は、ほとんどが表面的なものですが）
「いいね！」 4
Falco
2021 年 10 月 28 日午後 10:29
5
これにはDiscourse側の変更が必要です。デフォルトでは両方のバージョンで同じアイコンを使用しつつ、内部的にこのアイコンを複製する必要があります。そうすることで、下流のユーザーがそれぞれを個別にターゲットにして変更できるようになります。
cogdog
2021 年 10 月 29 日午後 5:57
12
もう一度言いますが、私はアイコンそのものを求めているのではありません。私のサイトでは好きなアイコンを使えます。
私が本当に求めているのは、Discourse 内で、API を使用してアイコンをオーバーライドする方法 に従って、投稿共有ボタンのアイコンを変更しつつ、エディタ内のハイパーリンク挿入ボタンで使われているアイコンは変更しないようにするメソッドです。
「いいね！」 1
まさにそれを実行する feasibility を検討しており、それが有用であることに同意しています。
pmusaraj
2021 年 10 月 29 日午後 6:02
14
はい、以下のコミットが tests-passed に到達すれば、お望みの作業が可能です。
committed 05:35PM - 29 Oct 21 UTC
（tests-passed に到達するまで、約 1 時間ほどかかる場合があります。）
投稿ボタンとトピックボタンの共有アイコンに新しい ID を追加しました。これにより、API の replaceIcon 呼び出しで個別に操作できるようになりました。例如下記の通りです。
api.replaceIcon('d-post-share', 'share-square');
api.replaceIcon('d-topic-share', 'share-square');
「いいね！」 6
cogdog
2021 年 10 月 29 日午後 7:18
16
ありがとうございます！メタの共有ボタンアイコンのクラス名が、最新のディスコースのバージョンと異なる理由をちょうど調べていたところでした。
「いいね！」 3
cogdog
2021 年 10 月 29 日午後 7:51
17
変更が反映され、アップデートで利用可能になったので、当サイトでも適用しました。参考までに、アイコンを使用するには admin -> settings -> svg icon subset から fa-share-square を追加する必要があります。
問題なく動作しました。当サイトの共有アイコンが以下の通り変更されました：
から
へ
再度、ありがとうございます。
「いいね！」 5
cogdog
2021 年 10 月 30 日午前 2:15
19
すでに完了しました！上記の投稿をご覧ください。
Yep, as soon as the commit below hits tests-passed, you can do what you are looking to do:
(It might take an hour or so for that to hit tests-passed.)
So I added new IDs for the share icons in the post and topic buttons, so you can isolate them now in the API replaceIcon call, like this:
api.replaceIcon('d-post-share', 'share-square');
api.replaceIcon('d-topic-share', 'share-square');
[image]
数時間前に Discourse を更新することができ、新しい機能が追加されています。
「いいね！」 3
それは興味深いですね。自分自身の Discourse インスタンスを更新してみましたが、まだ表示されません。
少しトラブルシューティングをさせてください…
この変更は本当に素晴らしいです。アイコンを変更するにはどうすればよいでしょうか？
ondrej
2021 年 10 月 30 日午後 3:07
22
<script type="text/discourse-plugin" version="0.8">
api.replaceIcon('d-post-share', 'share-square');
api.replaceIcon('d-topic-share', 'share-square');
</script>
テーマを編集する際、これをheaderに追加するだけです。
「いいね！」 3
cogdog
2021 年 10 月 30 日午後 5:37
23
フォント・ Awesome のアイコンを SVG アイコンとして利用可能にするもう一歩が必要です。ヘッダーのテーマ調整を行っても、これを行わないとボタンが空白のままになります。
[cogdog, 投稿:17, トピック:207436]admin -> settings -> svg icon subset から fa-share-square を追加する必要があります。
私の設定は以下の通りです：
「いいね！」 1
cogdog
2021 年 10 月 30 日午後 5:42
24
アップデートは共有ボタンアイコンのクラス名のみを変更するため、すぐに違いは目につきません。デフォルトでは、以前のリンクアイコン（link）がそのまま維持されます。
ブラウザでボタンをインスペクトした際にクラス d-icon-d-post-share が含まれていれば、アップデートが完了したことになります（アップデート前はクラスは d-icon-link でした）。
テーマのヘッダーを編集するには、こちらの手順に従ってください：Substitute Link Icon Only For Sharing - #22 by ondrej
「いいね！」 1
pmusaraj
2021 年 11 月 1 日午後 12:00
25
このトピックは2日後に自動的に閉鎖されました。新しい返信は許可されていません。
を使う方が理にかなっていると思います。
