Discourseカテゴリーヘッダーのテーマコンポーネント

「XXX カテゴリについて」ページの全内容をカテゴリバナー/ヘッダーの説明部分に表示することは可能でしょうか?現在、最初の段落のみが表示されていますが、それ以上のテキストや画像をカテゴリヘッダー/バナーに表示したいと考えています。実現する方法はありますか?ご協力いただき、ありがとうございます。

「いいね!」 1

@ Rhidian

素晴らしいプラグインですが、「About」ページの冒頭段落だけでなく、ページ全体のコンテンツを表示できるようにしていただけると、非常に助かります。

コードを確認したところ、以下の catDesc() 関数がありましたが、category.description はどうやら冒頭段落のみのようです。「About」ページの内容全体を取得するにはどうすればよいでしょうか?

              function catDesc() {
                  if(settings.show_category_description) {
                      return h('div.cooked', {innerHTML: category.description});
                  }

ご助言をいただければ幸いです。よろしくお願いいたします!

「いいね!」 1

Discourse の各カテゴリのデフォルトの「About」トピックの最初の段落には、特別なステータスが与えられています。これはカテゴリの短い要約を表示するために使用され、カテゴリ一覧やデフォルトの Discourse カテゴリヘッダーで利用されます。これはデータベース構造上で別々に保存され、カテゴリのメタデータとして管理されています。

このテーマコンポーネントは、その組み込み機能を活用し、カテゴリ名やロゴなどのメタデータ、および配置やスタイルのオプションを表示するために、デフォルトのカテゴリヘッダー機能を拡張しています。ただし、Discourse のデータ構造の性質上、すべての「About」メッセージをメタデータとして扱えるわけではないため、この機能には制限があります。

短いテキスト要約を表示することが目的であるため、このように設計されていることは理解できます。

「いいね!」 1

カテゴリリンクの色/スタイルについて:

バナーに表示されるカテゴリ名はリンクとして機能します。これはサブカテゴリを表示する際に特に役立ちます。この場合、親カテゴリ名:サブカテゴリ名という形式で表示されます。親カテゴリ名をクリックすると、その親カテゴリページへ移動するパンくずリストリンクとして機能します。

このリンクのスタイルは、他のタイトル部分と同じ色で表示されるように設定されています。これによりパンくずリストリンクは目立ちにくくなりますが、私としては見た目が良くなると思います。

インストール環境で変更を加えたい場合は、ハイライトされている a: スタイルをコメントアウトまたは削除してください。

また、他のユーザーから「概要メッセージの最初の段落に含まれるリンクをカテゴリヘッダー内に表示したい」という要望が寄せられている点にも留意しています。もし有用であれば、ヘッダーにクラスを追加し、「同じ色」のスタイルをパンくずリストリンクのみに適用するように変更することも検討できます。ご要望があればお知らせください。

「いいね!」 2

それは非常に助かります。

最初のカテゴリ説明パラグラフではリンクを幅広く使用しており、そのため現在はこの素晴らしいコンポーネントを利用できていません。

その変更を行いました。これで、カテゴリの説明内のリンクが、標準テーマカラーの設定に基づいてデフォルトで表示されるようになります。

@nathank さん、これで動作することを確認していただけますか?コンポーネントの更新が必要です。

まずはインストールする必要がありますね!リンクの問題が、これまで先延ばしにしてきた大きな理由でした。すぐにインストールして試してみます。

素晴らしいテーマをありがとうございます。ページの上部にあるテーマボックスとメニューが重なってしまう問題に少し困っています。この現象を見たことがある方、または解決方法をご存知の方はいらっしゃいますか?

あなたのフォーラムは公開されていますか?URLを提供していただければ、喜んで確認いたします。
最新バージョンを使用していますか?

「いいね!」 1

こんにちは、リディアンさん。ありがとうございます。実はレイアウトを変更することにしましたので、もう問題はありません。他にこの問題を見た人がいないのであれば、私のフォーラムに特有のことのようです。

「いいね!」 2

こんにちは!素敵なテーマですね!ありがとうございます :slight_smile:

また、こちらのスクリーンショットで共有されているデザインを再現しようとして少し困っています :

これが、2 つのサブカテゴリがあるカテゴリページで表示されているものです :

はい、すでにこちらで記載されているボックススタイルを有効にしています :

参考までに、私のカテゴリページがどのように表示されているかこちらです :

もしお手伝いいただけるなら、とても助かります :slight_smile:

こんにちは、サブカテゴリがボックスとして表示されるのは、Discourse の標準的なボックス機能です。テーマコンポーネントの一部ではありません。

この標準的な Discourse のボックスは、サブカテゴリを持つ任意のカテゴリで機能しますか?

サブカテゴリでこれを有効にするには、以下のように各親カテゴリの設定を編集する必要があります:

「いいね!」 3

この表示をトピックの上にも行うにはどうすればよいでしょうか?

カテゴリのトピック一覧の上には、そのカテゴリのヘッダーが表示されます。おっしゃりたいのは、トピック内の投稿の上にもそれぞれのカテゴリヘッダーを表示したい、ということでしょうか?

それはあまり役立たないかもしれません。投稿は最後に読んだ投稿の位置から開くため、ヘッダーが表示されるのは、誰かがトップまでスクロールした場合だけだからです。

はい、その通りです。ユーザーが最後の投稿ではなく最初の投稿を表示するように設定しています。現在設定しているこの Discourse では、ユーザーがカテゴリのヘッダーだけでなく、最初の投稿も確認できることが重要です。

Rhidian さん、こんにちは!

この素晴らしいコンポーネントを共有してくださり、ありがとうございます。私のウェブサイトで非常に役立ち、今ではとてもすっきりとした見た目になりました :sunglasses:

一つお伺いしたいのですが、ホームページのカテゴリーの表示方法を変更することは可能でしょうか?

もし可能であれば、ホームページではカテゴリーのアイコンを上に配置するのではなく、左側に表示したいと考えています。このウェブサイト https://forum.figma.com/ にヒントを得ました。

では、よろしくお願いいたします。
Sofia

現在、この TC のカテゴリヘッダーが、別の TC の「CSS/HTML の編集 → ヘッダー後」セクション内のコンテンツより上に表示されています。これらのカテゴリヘッダーを、その TC の「ヘッダー後」コンテンツより下に表示したいのですが、どのようにすればよいでしょうか?

このコンポーネントで表示されるバナーのカテゴリヘッダー画像を簡単に設定し、フロントページのカテゴリ一覧には表示されないようにする方法はありますか?

「いいね!」 2

こんにちは、素晴らしいアドオンをありがとうございます!@mattdm さんと同じ問題を抱えています。
ホームページに表示したくないカテゴリのロゴ画像があります。
カテゴリのロゴ画像は、カテゴリヘッダーにのみ表示されるようにしたいです。

ご協力いただけると幸いです。CSSを使用できませんでした。なぜなら、ホームページで非表示にすると、カテゴリページにも適用されるため、まったく同じクラスだからです。

「いいね!」 1