エアテーマ

略語を画像に置き換えることができます。
カテゴリをクリック → :wrench: レンチアイコン → 画像

CleanShot 2023-12-11 at 20.25.22

略語のみを非表示にしたい場合は、コンポーネントを作成し、以下のようなCSSを適用できます。

.custom-category-boxes:not(.above-discovery-categories-outlet) .category-box .category-box-inner {
    .category-logo.no-logo-present {
        display: none;

        & + .category-details {
            grid-column: 1/3;
            padding: 1em 1.5em;
            width: 100%;
        }
    }
}

変更前:

変更後:

「いいね!」 7

こんにちは @jordan.vidrine モダンなカテゴリボックスでサブカテゴリを表示するにはどうすればよいですか?ボックスとサブカテゴリを選択しましたが、表示されません。このオプションはコンポーネントに追加されませんでしたか?

「いいね!」 3

デフォルトでは非表示になっており、表示するにはテーマコンポーネントのカスタムCSSで表示する必要があります。

「いいね!」 2

ありがとうございます。リポジトリをフォークした後、そのことを知りました。問題は解決しました。

「いいね!」 3

こんにちは、@jordan.vidrine さん。まず、あなたのテーマはとても使いやすく素晴らしいですね。しかし、私はDiscourse初心者で、まだよく理解していません。CSSを追加したいのですが、カスタムCSSを追加するボタンが見つかりません。デフォルトのテーマでは直接テーマ内で追加できましたが、プラグインを追加する必要がありますか?よろしくお願いします :slight_smile:

「いいね!」 3

Discourse のカスタマイズ方法については、こちらをご覧ください → Beginner's guide to using Discourse Themes

「いいね!」 3

テーマが気に入ったもう一人のユーザーです。質問を始めるにあたり、「ありがとう」と「よくできました!」と言わせてください。:blush:

質問です:デフォルトのダークモードカラーパレットを設定する方法はありますか?

これは、デフォルトのテーマ(ライトモード)を設定したときの様子です(ひどいノルウェー語訳ですみません):

ライトモードとダークモードの両方でカスタムパレットを作成しました(これらはユーザーが選択可能で、機能しています)。しかし、Air-LightとAir-Darkを無効にできません。Incognitoでデバイスのダークモードを有効にしてサイトにアクセスすると、Air-Darkが表示されます。


もう一つ質問があります:ダークライトスキーム切り替えはどこにあるはずですか?

右上のプロフィール写真をクリックすると、テストユーザーとしてログインしている場合は以下のようになります:


管理者としてログインしている場合は以下のようになります:

私のサイトはこちらです。まだ完成していませんが、参考になれば幸いです。よろしくお願いします!

「いいね!」 1

これらのガイドラインに従いましたか?

このトピックは、Airテーマにインストールされたダークライトトグルコンポーネントに関するものです。そこで役立つはずです。サイドバーまたはヘッダーに設定できます。

「いいね!」 2

はい、ユーザーはライトモードとダークモードを問題なく選択できます。私が取り組んでいるのは、新規ユーザーが何を見るかということです。選択する前のデフォルト設定です。

新規ユーザーがサイトに来て、デバイスでライトモードがオンになっている場合、スクリーンショットで設定したパレットが表示されます。しかし、デバイスでダークモードがオンになっている場合、Air-Darkが表示されます。それを変更したいのです。


コンポーネントへのリンクありがとうございます!別個のコンポーネントだとは知りませんでした。:slightly_smiling_face:

「いいね!」 3

ダークモードのユーザーには何を表示したいですか?

「いいね!」 1

承知いたしました。現在、4つのパレットがインストール/アクティブになっています。

  • Mine-Light
  • Mine-Dark
  • Air-Light
  • Air-Dark

(最後の2つは非アクティブにしたいのですが、それは別の問題です。素晴らしいのですが、フットボール(サッカー)チームのフォーラムを作成しており、キットの色に対応するパレットを作成しました。:smiling_face:

Mine-Light をデフォルトのパレットとして設定できました。そのため、新しいユーザーがデバイスでライトモードでサイトにアクセスすると、それが提供されます。

しかし、問題は次のとおりです。新しいユーザーがデバイスでダークモードでサイトにアクセスすると、Air-Dark が提供されます。そして、私は Mine-Dark を提供したいのです。 (それを現在取得するには、設定で手動で選択する必要があります。)

「いいね!」 2

ここにどのようなスキームを設定していますか? → admin/site_settings/category/all_results?filter=dark%20mode

「いいね!」 2

おお、好みの配色設定が機能しました。ありがとうございます!:raising_hands:t2:

サイト設定➔基本設定でダークモードしか設定できず、テーマ設定でライトモードしか設定できないのは少し奇妙ですね。:upside_down_face:

テーマ設定でライトモードを設定する場所の下に、できればリンク付きで簡単なメモを追加することを検討してみてはいかがでしょうか。例えば次のようなものです。

これはテーマのデフォルトのライトモードパレットを設定します。デフォルトのダークモードを設定するにはここをクリックしてください。/デフォルトのダークモードを設定するにはサイト設定➔基本設定に移動してください。


ところで、あなたのテーマで透明度やぼかしを使って少し遊んでみました。:blush:(おかげでz-indexの問題が発生しましたが、おそらく私の初心者レベルのせいでしょう。まだ調整中です。)特に、背景のスウッシュに重みが増したのが気に入りました!

よろしければご覧ください。こちら (まだ初期段階ですが、ご覧の通りだと思います。)

「いいね!」 1

Niantic, Inc.のWayne Hsuです。
Discourse Air Themeとカスタムカラーパレットを使用して、8thwall.comのフォーラムを構築しています。モバイルビューで、カテゴリページのメインコンテンツコンテナ(div id: main-outlet)の背景が完全に透明になり、アルファ値が0に設定されているようです。背景の色/アルファ値を更新する方法が見つかりません。
以前、同様の問題を抱えている人がいるのを見かけました。

そして、設定で「desktop category page style」を別のものに変更するという提案がありましたが(現在は「Categories and Latest Topics」に設定されています)、これはデスクトップビューの設定のみであるため、効果がないようです。
この問題に対する解決策について、何かご意見はありますでしょうか?
よろしくお願いします!

「いいね!」 3

とてもいいですね!

「いいね!」 1

Air Themeはとても良いと思いますが、ADMIN > CUSTOMIZE > Air Themeにアクセスしても、CSSを編集(または追加)するオプションがありません。何か見落としていることはありますか?私のサイトはhttps://www.communiteq.com/でホストされています。表示されているのは以下の通りです。

「いいね!」 1

独自のコンポーネントを追加する必要があります

「いいね!」 3

@Moin! Discourseは初めてですが、すごい!どんどん良くなっていきますね!本当にありがとうございます。

また、このスレッドを読んでいると、この質問が5,000回くらい聞かれて答えていることに気づきました。申し訳ありません。

「いいね!」 3

謝る必要はありません。それができることは、あまり知られていないかもしれませんね!:smile:

テーマ/コンポーネントを探索したい場合は、こちらにガイドがあります。

「いいね!」 3

テーマありがとうございます。Adobeフォントを使用したいのですが、テーマファイルを編集する必要がありますか?それとも、それが最も賢い方法でしょうか?

また、ヘッダーのロゴが少し小さいこと、右側の検索バーとログインがアイコンよりもボタンのように見えるようにしたいことにも気づきました。これはプラグイン/コンポーネントまたはCSSによるものでしょうか?