Category Banners

CSS で修正できます。

新しい Theme component を作成し、共通 CSS に以下を追加します。

// Who's Online カスタマイズ
.discovery-list-container-top-outlet.online_users_widget {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
      padding-top: 0.5em
      padding-bottom: 0.5em;
}

カスタム背景色、境界線などを追加することもできます。

「いいね!」 3

どうもありがとうございます!

「いいね!」 2

このように強調したい場合は、オプションで

代わりにこのコードを使用してください

// オンラインユーザーのカスタマイズ
.discovery-list-container-top-outlet.online_users_widget {
      padding-top: 0.45em;
      padding-bottom: 0.05em;
      background-color: var(--secondary);
      border: 2.0px solid rgba(var(--primary-rgb), 0.2);
      border-radius: 0.65em;
      margin-top: 0.75em
      margin-bottom: 0.75em;
}
  • マージンは「オンラインユーザー」の上下のスペースを調整します
  • パディングは境界線の内側のスペースを増やします。境界線は境界線の太さを調整します。
「いいね!」 2

少し話は変わりますが、このフォントの組み合わせは @bekircem さん、どちらのものですか? 連携がとても気に入っています!

「いいね!」 1

このコンポーネントを大幅に改善すると思われる小さな機能リクエストがあります。「続きを読む…」というリンクで、カテゴリの説明にリンクさせたいのです。長文の説明をカテゴリページを煩雑にすることなく表示できる、非常に洗練されたソリューションです。手動でこのリンクを追加することはできますが、カテゴリページに表示されてしまい、あまりきれいに見えません。

「いいね!」 3

このコードは、5行目に「;」が抜けており、その後の例もありません。

私にとっては、これが機能しました。

.discovery-list-container-top-outlet.online_users_widget {
  margin-top: 0.75em !important;
  margin-bottom: 0.75em !important;
  display: block !important;
}

結果:

「いいね!」 3

素晴らしい。残念ながら、私の投稿は古すぎてコードを修正できません。セミコロンを忘れていたことを教えてくれてありがとう。

「いいね!」 3

タグとカテゴリリンクについても同じ問題があります。この修正に .hashtag-cooked クラスを含めていただけますか?

なぜか、これは私にはうまく機能しません。
一部のカテゴリとサブカテゴリにはバナーが表示され、一部には表示されません。
説明(またはその欠如)ではありません。説明があるのに表示されないものもあります。

新しいDiscourseのアップデートで何か問題が発生したのでしょうか?

categories設定でカテゴリIDを定義しましたか?

「いいね!」 1

はい、Objects Setting Editor に追加しました。
説明がない場合に非表示にするオプションに関連するバグがあるようです。
さらにテストを行い、経過を見てみます。

バグを見つけました。
親カテゴリ「Tiago | Music」にいて、「Sir Giant」サブカテゴリをクリックします。バナーが表示されます。次に、サイドバーの「ドキュメント」リンクのいずれかをクリックして、タグページ「Announcements」に移動します。サブカテゴリ「Sir Giant」のルートに戻る「General Discussion」リンクをクリックすると、バナーが消えています。

初めて「Announcements」に行ったときはバナーはありませんでした。タグページ「Music」に移動してから「Announcements」に戻ると、バナーが表示されるようになりました。

さらに気づいたことがあります。「Announcements」ページにいてバナーが表示されていない場合、同じリンク(「Announcements」)をもう一度クリックするとバナーが表示されるようになります。これは明らかにバグです。

「いいね!」 3

さらに2つの問題があります。

1 - 説明付きのカテゴリにいます。バナーに説明が表示されます。その説明には、オンラインストアへの外部リンクがあります。クリックすると、すべての外部リンクを新しいタブで開く設定になっているにもかかわらず、そのリンクは同じタブで開きます。設定が機能していることを確認できます。なぜなら、バナーの説明を定義するトピック自体は、リンクを新しいタブで開くからです。

2 - その外部リンクのウェブサイト(同じタブで開いたもの)にいると、ブラウザの「戻る」を押してサブカテゴリに戻る必要があります。今回は、説明が完全に消えています。バナーとそのタイトルはありますが、説明はありません。ブラウザをリフレッシュしたり強制リフレッシュしたりしても、戻ってきません。再び表示させる唯一の方法は、メインカテゴリに戻り、次にサブカテゴリに戻ることです。


編集:わかりました。裏で何が起こっているのかはわかりませんが、赤いオプションが問題を引き起こしています。緑のオプションは期待どおりに機能します(どこをクリックしても常に画面に表示され、バナーを戻すためにサイドバーメニューをダブルクリックする必要はありません)。

「いいね!」 3

問題を再現できましたが、説明できません。:sweat_smile:

技術的には(無視してください)、この header-list-container-bottom というアウトレットで観察されるのは次のとおりです。

  • サブカテゴリ → タグを選択すると、コンポーネントが挿入され、すぐに teardownComponent が呼び出されます(?)。しかし、コンポーネントは破棄されません。クリーンアップ関数から \u003cbody\u003e から category-header クラスが削除されると、一部の CSS がバナーを非表示にします。別のタグを選択すると、コンポーネントを再挿入できます。

    • 同じページから、サイドバーのドキュメントリンクをクリックすると、同じ動作になります。
    • 例えばドロップダウンリストからカテゴリを選択した場合は発生しません。

挿入された後、すぐに will-destroy が呼び出される理由がわかりません。

「いいね!」 2

少なくとも私だけではないとわかってよかった…それは良いことです。

たとえ無視したくても、あなたの説明で何を言っているのか全く分かりません(笑)しかし、あるべきものがそう機能していないことをあなたが知っているのは良いことです。それはおそらくそれを修正するための正しい方向への一歩でしょう。

したがって、問題はバナーの場所にあるようです。なぜなら、私が言ったように、オプションの1つ(少なくとも、実際には他の2つを試していませんが)は機能するからです。

「いいね!」 1

「カテゴリー ロゴを表示」に設定すると、ロゴが2回表示されます。1回はカテゴリー設定から、もう1回はこのテーマコンポーネントからです。間違いをしていますか?

また、「について」のタイトルや説明をロゴの下に表示させることは可能ですか?

いいえ、これは既知のバグです。そのトピックでロゴを1つ非表示にするためのCSSもあります。

ありがとうございます、モイン!CSSで画像が修正されました。

画像の下にカテゴリー名を配置するために、私は次のようにしました:

.category-title-contents,
.category-title-header.category-banner-1slug .category-title-contents {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;}
.category-logo,
.category-title-header.category-banner-1slug .category-logo {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;}
.category-title,
.category-title-header.category-banner-1slug .category-title {
    width: 100%;
    margin-top: 20px;
    text-align: left;}

こんにちは!突然発生した奇妙な問題を解決するのを手伝ってくれる人がいるかもしれません。

バナーのすべてのタイトルは以前は白でしたが、現在は一部のカテゴリでのみ黒に変わっています…これは既知のバグですか、それとも私の側で何か確認すべきことがありますか?

例:

念のため、私たちのコミュニティへのリンクはこちらです:https://community.elfsight.com/

「いいね!」 1