#fab-youtube が機能しません

私だけでしょうか、それとも他の人もYouTubeアイコンが消えていませんか?

#fab-youtube は私の環境では機能しません。

どこで使用しようとしていますか?設定内ですか?それともテーマ内ですか?

レスポンシブなフッターコンポーネントでは、Twitter と Facebook のアイコンが表示されていますか?

私にとっては問題なく動作しています。設定をもう一度ご確認ください。2か所で設定する必要があります。私の設定(デフォルト)は以下のようになっています。

Dax にアドバイスをもらいました。first-box にロゴを追加したかったのですが、彼女が手伝ってくれました。ただし、マークアップからアクセス可能にし、alt テキストを含める必要があります。そこで、HTML と CSS を使って、CSS ではなくマークアップにロゴを含むフッターの静的バージョンを作成しました。そのため、入力フィールドはもう利用できません。

マークアップは以下のようになります。

アイコンをページ内で使用可能にするには、バックエンドで指定する必要があります。Discourse は FontAwesome のすべてのアイコンを無条件に読み込むわけではありません。それではリソースを非常に多く消費してしまいます。

ありがとう、スティーブン。Twitter と Facebook のアイコンは機能していますか?その方法を教えていただけますか?それとも、アセットをアップロードしてそれらを参照する方がよいでしょうか?

<svg class="fa d-icon d-icon-fab-youtube svg-icon svg-node" id="fab-youtube" viewBox="0 0 576 512">
  <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg>

fa d-icon d-icon-fab-youtube svg-icon svg-node を削除する場合は、幅と色を指定する必要があります。

<svg id="fab-youtube" viewBox="0 0 576 512" style="width: 20px;fill: #fff;">
  <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg>

Facebook と Twitter のアイコンは Discourse の他の場所でも既に使用されているため、利用可能です。

@Bcat さんが上記に投稿したのは YouTube の SVG アイコンのソースコードです。現在使用している部分をこれに置き換えて HTML に貼り付けると、正常に機能します。

ありがとう、Bcat!君は最高だよ!!

クリス、手伝ってくれてありがとう!