いいねアイコンを 👍 に変更

:discourse2: 概要 **「いいねアイコンを:+1:に変更」**では、:heart: アイコンを:+1: アイコン(または、お好みの Font Awesome 5.5 のグリフ)に変更できます。
:eyeglasses: プレビュー Discourse Theme Creator でプレビュー
:hammer_and_wrench: リポジトリリンク https://github.com/discourse/new-like-icon
:open_book: Discourse テーマは初めてですか? Discourse テーマの使い方に関する初心者ガイド

このテーマコンポーネントをインストール

機能

:information_source: Font Awesome 5 に切り替えてから、Discourse が実際に使用しているアイコンのみをクライアントに配信する内部 API を構築しました。サイト所有者は、svg icon subset サイト設定を使用して、Discourse インスタンスに追加のアイコンを登録できます。

変更前

like%20before
like%20before2

変更後

like
like%20after

必要に応じて、

  • /admin/customize/colors/(love color 設定を探してください)から、いいねアイコンのを変更できます
  • /admin/customize/site_texts/ から、「like」というテキストを別の用語に変更できます

:discourse2: 当方でホストされていますか? テーマコンポーネントは、Standard、Business、Enterprise プランで利用可能です。

「いいね!」 59

こんにちは、
この話題を再び持ち出して申し訳ありませんが、全く混乱しています。先ほど、別の Discourse フォーラムで「親指アップ」のアイコンが使われているのを見て、少しググってみました。

やりたいことは、「親指アップ」の代わりに、こちらの Pig アイコン(Pig Icon | Font Awesome バージョンを「Unliked」アイコンとして使うことです。これは可能でしょうか?Pro アイコンなので、ダウンロードする必要があるのか、それとも自分で作成してカスタムアイコンや絵文字として追加し、その後「Like Icon」コンポーネントに適用する必要があるのでしょうか。その方法もよくわかりません。

「Change Like Icon」コンポーネントは既にインストールして、使っていないテーマでテストしましたが、意図通り動作しています。問題は、そのコンポーネントの設定画面に CSS を編集できる場所が見当たらず、このスレッドの前半で紹介されたスクリプトを追加する場所がないことです。

ご助力いただければ幸いです。よろしくお願いいたします。

「いいね!」 2

@Phlipups と同じく、アイコンを単に「solid beer」アイコンに変更しようとしているのですが、空白が表示されてしまいます。

<script type="text/discourse-plugin" version="0.8">
      api.replaceIcon('d-liked', 'beer');
      api.replaceIcon('d-unliked', 'fa-beer');
      api.replaceIcon('notification.liked', 'fa-beer');
      api.replaceIcon('notification.liked_2', 'fa-beer');
      api.replaceIcon('notification.liked_many', 'fa-beer');
      api.replaceIcon('notification.liked_consolidated', 'fa-beer');      
      api.replaceIcon('heart', 'beer');
</script>

こんにちは、Tris さん、

admin/site_settings/category/all_results?filter=svg%20icon%20subsetbeer を追加してみてください。これは「svg icon subset」というサイト設定です。
fa-beer ではなく beer だけを使用すれば十分だと思います。無料版では Beer アイコンには枠線付きのバージョンしかないため、クリック後は色だけが変更されます。

「いいね!」 3

:star_struck:

素晴らしいドーンさん!お手伝いいただきありがとうございます!

「いいね!」 1

こんにちは、皆さん。このコンポーネントをインストールしましたが、非常にうまく機能し、投稿リストのハートアイコンも正常に置き換わっています。しかし、ユーザーが受信するメール通知には、まだ古いハートアイコンが表示されたままです。
何か見落としているのでしょうか?メールテンプレート側でも何か変更を加える必要があるでしょうか?
このような素晴らしいコンポーネントを開発してくださり、ありがとうございます。

「いいね!」 4

インスタンスでTCを特定できなかったため、リポジトリを少し明確にするためのPRを提出しました。

リポジトリのリンクも new-like-icon からもっと分かりやすいものに変更すべきか疑問に思っています。もちろん、それは大混乱を引き起こすでしょうから、やめた方がいいかもしれません!