TwitterのアイコンをXロゴに更新

professor farnsworth futurama GIF

現在、DiscourseのコアにXロゴをアイコンとして一時的に追加し、皆様がご自身でブランディングの切り替えを行えるようにしました。Discourse全体でFont Awesomeをアップグレードするのは非常に大規模なプロジェクトであるため、これは当面の回避策となります。

変更を行う場合は、以下の手順に従ってください。

  1. svg icon subset サイト設定に temporary-twitter-x を追加します。

  2. 新しいテーマコンポーネントを作成し、指定されたセクションに以下のコードを追加します。

    Common > Head

    <script type="text/discourse-plugin" version="0.11">
      api.replaceIcon('fab-twitter', 'temporary-twitter-x');
    </script>
    

    Common > Color Definitions

    :root {
     --twitter: $twitter-or-white: dark-light-choose(unquote("#000"), unquote("#fff"));
    }
    

これで完了です。 :slight_smile: :+1:

まだ行っていない場合は、新しいブランディングを使用するようにサイトテキストのカスタマイズを更新することも検討してください。

/admin/customize/site_texts?q=twitter

より恒久的なソリューションが導入されるまで、これが十分であることを願っています :crossed_fingers: (または来月には全く別のものに変更されるかもしれません :slight_smile:)。

「いいね!」 16

これが最終的に行われた場合、オプションになりますか?イーロンが何を言おうと、私はそれをTwitterと呼びます。「x」ではなく、私のサイトではそのように維持します。ロゴも悪いですし、鳥のロゴを維持したいです。

「いいね!」 2

デフォルトの動作であっても、同じコードを逆に使って𝕏を:bird:に置き換えることができます。

「いいね!」 5

開発者ではないため、これがどのように機能するかはわかりませんが、これらの手順を使用すると、このページを指す管理者警告バナーが表示されます…

Xアイコンを失わないように、これを更新できますか?

XアイコンはFontAwesome 6に含まれており、Discourseもそれを使用するように更新されたため、もう必要ありません。

それは良い情報ですが、「x-twitter」アイコンで試したところ、空の空白が表示されました。「fa-x-twitter」をSVGアイコンのリストに追加しても、何も変わりませんでした。

公式に表示させるにはどうすればよいでしょうか?

ブランドアイコンにはプレフィックスとしてfab(Font Awesomeブランド)が必要です

あなたの他の投稿でそれを見たばかりで、ありがとうございます。

FAのウェブサイトで見た内容に基づくと、それは単にfa-x-twitterであるべきだと思っていました。

HTMLの例に戸惑ったのかもしれません


しかし、例えばここにファブを見ることができます

「いいね!」 1

多分。時々狂ったようにポイント&クリックするだけです。