カスタム構造とさらなる質問

こんにちは!

テーマの構造や特定の作業のやり方について質問があります。

  1. フォントファイル付きの Font Awesome Pro を追加しようとしています。以下のファイルがあります:
    Imgur: The magic of the Internet
    しかし、動作しません:404 Not Found。

  2. ボタンを Bootstrap 4 のクラスに変更したいのですが、どのようにすればよいでしょうか?

ありがとうございます!

Changing icons to Font Awesome Pro Version および Developing Discourse Themes & Theme Components を参照してください。

「いいね!」 2

フォントは自分で解決しましたが、開発者ガイドを見ると、div、ボタンなどのクラスを変更する方法が明確ではありません。

事実は… Discourse は Bootstrap で構築されていません。そのため、お望みの実装には多くの摩擦を伴うことになります。

Discourse の UI には 400 以上のボタンが使用されています。これらのデフォルトクラスを変更しようとすると、Handlebars 用だけでも約 200 のテンプレートをオーバーライドする必要があり、メンテナンスの噩梦(悪夢)となります。

より現実的なアプローチとしては、使用しないボタンのスタイルをリセットし、残りの部分は Bootstrap のボタンスタイルに合わせて調整することです。

Discourse 内のすべてのボタンの基本スタイルは、こちらで確認できます。

discourse/app/assets/stylesheets/common/components/buttons.scss at main · discourse/discourse · GitHub

「いいね!」 5