単一カテゴリスタイルのサイト設定への移行

こんにちは、ブライアン!テーマコンポーネントのインストール方法を示すビデオがあるかどうか尋ねていますか?そのようなビデオはありませんが、Beginner's guide to using Discourse Themes にガイドがありますので、ご覧になってみてください。問題が発生した場合は、お手伝いします!

「いいね!」 2

サンドボックス化されたバージョンでこれらのインストールを行う方法はありますか(ホストプランを利用しています)。問題が発生した場合でも、ライブサイトに影響が出ないようにするためです。まずテストを行い、すべてうまくいけば、ライブサイトに修正を適用したいと思います。

「いいね!」 2

デフォルト(箇条書き)スタイルに戻す方法の説明を探しています。どこにその詳細がありますか?

「いいね!」 2

デフォルトの箇条書きスタイルに戻すためにインストールする必要があるものはありません。

category_style 管理設定を探し、「bullet」に変更すると、次のようになります。

手順は次のとおりです。

  1. サイトで /admin に移動します。
  2. メニューから SETTINGS を選択します。
  3. 「category style」を検索します。
  4. 「category style」のプルダウンを選択し、「bullet」を選択します(または RESET を選択してデフォルトの bullet に戻します)。

上記を実行すると、カテゴリが表示されるすべての場所で箇条書きスタイルが表示されます。

「いいね!」 5

完璧です。これらのヒントのおかげで、修正は非常に簡単になりました。

「いいね!」 2

どういたしまして! 他の方の参考になるように、手順を最初の投稿に追加しました。

「いいね!」 4

このアップデートをマージしました。

本日中にDiscourseをアップデートすると、category_styleサイト設定はなくなります。

ボックス/バー/なしのスタイルを元に戻したい場合は、Category Badge Styles のテーマコンポーネントをインストールしてください。

Category Icons のテーマコンポーネントもこの変更をサポートするように更新され、Category Badge Stylesコンポーネントと連携します。

「いいね!」 11

なぜそのままにしておかないのですか?箇条書きスタイルは、トピックを素早く見分けやすくしたい大規模サイトには不向きです。テーマコンポーネントも同じような柔軟性を提供しないのではないか、あるいは将来的に廃止されるのではないかと心配しています。

箇条書きと他のスタイルを混在させることに問題はないと思います。むしろ、フォーラムが臨床的/活気のない見た目になるのを防ぐのに役立つと思います。

「いいね!」 4

こんにちは。

3.2.0.beta4-dev [04a58a6e64] をテストしています。

新しいカテゴリを作成し、特定の色を割り当てても、その色が箇条書きの点に意図したとおりに適用されないようです。代わりに、選択した色に関係なく、箇条書きは白のままになります。

これは最新の変更に関連していますか?

「いいね!」 3

これを調査したところ、ホストしているサイトの87%がデフォルトのスタイルを使用していることがわかりました。

設定を削除するのは確かに難しいですが、設定を蓄積し続けると、時間の経過とともにDiscourseの設定はますます困難になります。このような純粋に視覚的な変更のためにテーマを利用することは、合理的な妥協点のように思えます。

代替のカテゴリバッジスタイルを削除する過程で、テーマで変更できるように柔軟性も高めました。カテゴリの色は、特定の要素にインラインで適用されるのではなく、バッジのCSS内で利用できるようになりました。以前は異なるスタイルを選択するとバッジのHTMLが変更されていましたが、現在は完全にCSSで処理されています。

テーマコンポーネントを非推奨にする計画はありません。人気のないテーマコンポーネントでも、長年サポートしているものがあります…将来について何かを保証するのは難しいですが、これで少しは安心していただけることを願っています。

はい、そのようです。これは修正を検討します。新しいカテゴリバッジにはJSを使用して生成されたCSSがありますが、この時点ではカテゴリがまだ存在しないため…作成中に色をプレビューするには別の方法が必要です。お知らせいただきありがとうございます。

「いいね!」 9

次回のアップデートで修正されます。

「いいね!」 4

フォーラムでリグレッションが発生したことをお知らせします。

指示通りにテーマコンポーネントをインストールしましたが、おそらく「ボックス」のDOMが同じではないため、CSSが完全に壊れてしまいました。

変更前:

image

変更後:

image

スムーズな移行を望んでいました。特に、テーマコンポーネントを提供するためにご尽力いただいたのですから :slight_smile:

「いいね!」 4

ええ、これは当初予想していたよりも少し厄介なことが判明しました。問題は解決しましたか?もし解決していない場合は、ここで話し合うか、直接サポートチームに連絡することができます。

「いいね!」 5

カスタムCSSの作業が必要でしたが、完了しました:sunglasses: ありがとうございます

「いいね!」 5

@awesomerobot 回帰が発生したと思われます。本日アップデートしたところ、現在以下のようになっています。

ワイドスクリーン:

ナロースクリーン:

以前:
CleanShot 2023-10-18 at 18.58.06@2x

「いいね!」 4

報告ありがとうございます。このアップデートで修正されるはずです: UX: update category badge variable to match core by awesomerobot · Pull Request #3 · discourse/discourse-category-badge-styles · GitHub

「いいね!」 3

迅速な修正ありがとうございます、@awesomerobot

メインページで .subcategories .badge-category に小さなリグレッションがあることにも気づきました。

現在、.badge-category__wrapper .badge-category 内でパディングが var(--badge-category-padding-v) var(--badge-category-padding-h) に設定されていますが、これは以前は垂直パディングがなかった .subcategories .badge-category に影響します。

変更前:

変更後:

「いいね!」 4

これをさらに調整しました: UX: spacing and alignment adjustments for box mode by awesomerobot · Pull Request #4 · discourse/discourse-category-badge-styles · GitHub

「いいね!」 5

ありがとうございます、ずっと良くなりました。

最新の変更によるものかどうかわかりませんが、サブカテゴリを持つカテゴリでは、「すべて」と「なし」の左側のパディングがなくなりました。

また、既存のトピックのタイトルを編集すると、「タグ(オプション)」でも同様のことが発生し、親カテゴリがずれているように見えます。

「いいね!」 2

意図的かどうかはわかりませんが、コンテキスト(フロントページ、既存のトピックの編集、タイトルの編集のみ、現在のカテゴリの変更、既存のカテゴリリストのスクロール)によってフォントサイズ/垂直方向のパディングが一貫していないように見えます。

これは、1つのスクリーンショットでキャプチャできたすべてです(すべての3つのウィンドウは同じズームレベルです):

@awesomerobot

「いいね!」 5