エアテーマ

エアテーマを使いたいのですが、ボックスとカテゴリの設定が好きなので

「いいね!」 2

背景画像に重なるグレーの領域をなくしたいということでしょうか?

もしそうであれば、上記のコードと同じものを使用しますが、clip-path プロパティを unset します。

html .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://d11a6trkgmumsb.cloudfront.net/original/3X/8/3/8352b68….jpeg);
    background-size: cover;
    clip-path: unset;

これは実際、あなたの画像ととてもよく合っています!

「いいね!」 8

なるほど、ありがとうございます!

「いいね!」 4

5件の投稿が既存のトピックにマージされました: Search banner theme component

このコードはどのように適用しますか?正確にはどこに配置すればよいですか?

サイトの外観と雰囲気をカスタマイズする方法をより深く理解するために、以下のトピックをお読みください :+1:

こちらもご覧ください:

Designer’s Guide to Discourse Themes

Developer’s guide to Discourse Themes

「いいね!」 2

@jordan.vidrine様、ありがとうございます。変更を実装しましたが、これはテーマに固有のものではないかもしれませんが、私の汎用バナーの背景も複製されています。これは、Discourse Airで加えた唯一の変更です。

    left: 0;
    height: 100vh;
    width: 100vw;
    background: #003366;
    clip-path: ellipse(148% 70% at 91% -14%);
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
    clip-path: unset;
  }
}

これが現在の私のページの表示です。これは汎用バナーで変更する必要があるものですか、それともAirテーマ側の問題でしょうか?

汎用バナーに背景画像や色は設定していません。

何か提案はありますか?

「いいね!」 1

background-size: cover; を試すか、それのバリエーションを試してみてください。

詳細はこちらも参考になるかもしれません background-size | CSS-Tricks

「いいね!」 2

なるほど、わかりました。画像をズームアウトすると、画像が繰り返されるだけです。

高さと幅のパディングも削除すべきだと思いますか?

background-sizeを調整してみます。ありがとうございます!

「いいね!」 2
 .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
    background-size: cover;
    clip-path: unset;

完璧に動作しました、ありがとうございます!

「いいね!」 3

フロントページのヘッダーのテキストサイズと色を変更する方法を知っている人はいますか?

Discourse の仕組みやサイトの各部分をカスタマイズする方法をよりよく理解するために、こちらをご覧ください。

「いいね!」 5

投稿が既存のトピックにマージされました: ダーク/ライトモード切り替えコンポーネント

コンポーネントを作成する際に、このフォントの色を変更する方法はありますか?この問題はモバイルでのみ発生するため、コンポーネントはモバイルデザイン専用にすることができます。

検索ボタン

フッター検索

「いいね!」 2

Hmm :thinking: 、スクリーンショットだけではどのページにいるのか、またどのフォントについて言及しているのか判断するのが難しいです。共有された画像には、カスタマイズできる可能性のあるテキスト項目が4つ以上あります。

Discourseの見た目をカスタマイズすることに興味があるようですね。素晴らしいです :raised_hands:

サイトの見た目や雰囲気をカスタマイズする方法について、より深く理解するために、以下のトピックを読むことをお勧めします :+1:

また、こちらもお勧めです。

Designer’s Guide to Discourse Themes

Developer’s guide to Discourse Themes

「いいね!」 1

ジョーダン、あなたの前後のメッセージはすべて「もっと読む」ことへの言及だと理解しましたし、それは尊重します。しかし、私はデザイナーではなく、基本的な知識でテーマをカスタマイズするのにほぼ1週間費やしたことをご理解ください。また、私の「非営利コミュニティ」のために500ドルをカスタマイズに費やすほど裕福ではありません。

ですから、この件で私たちを支援していただけると、私のためではなく、カスタマイズの基本的な知識を持つ他のユーザーコミュニティにとって、きっとあなたのテーマを気に入るはずなので、感謝されます。

Discourse の最も良い点は、もちろん(最近の技術的なものすべてに言えることですが)学習曲線はありますが、カスタマイズしたいものをカスタマイズできる能力が非常に高いことです。お約束します!

私たちは、コミュニティが自分で物事を行う方法を学ぶのを助けるためにこれらのトピックを書いており、時には物事が少し難しくなりすぎたときには、私たちは常に助けるためにここにいます。

とはいえ、あなたが求めているヘルプは、私が以前にリンクしたトピックを読むことで間違いなく得られます!

「いいね!」 6

ビュー数、最新のアクティビティ、および応答数を一緒に表示することは可能ですか?

「いいね!」 2

テーマコンポーネントでそれができるはずです。今コンピューターの前にいないのですが、Chromeのようなブラウザインスペクターでトピックリスト要素を検査すれば、CSSで非表示になっている行を確認できるはずです。その後、それらの行をターゲットにして、カスタムテーマコンポーネントで表示させることができます。

「いいね!」 4

こんにちは。Air Theme で Topic List Thumbnails Theme Component - theme - Discourse Meta のグリッドモードを使用しています。しかし、トピックの配置が他のテーマとは異なるグリッド表示になります。
例として、


コンポーネントを使用した他のテーマ、

これは問題でしょうか、それともトピックのサムネイルを表示するための推奨テーマコンポーネントはありますか?

「いいね!」 1