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

こんにちは、すみません、私はコーディングスキルが全くない完全な初心者です :frowning:
このコンポーネントのインストール手順はありますか?
通常、「このテーマコンポーネントをインストールする」ボタンがありますが、見つかりません…すでに多くのコンポーネントをサイトにインストールしています…

画像には「このテーマコンポーネントをインストールする」というテキストが表示された青いボタンが表示されています。(AIによるキャプション)

お時間とご意見を大変感謝いたします!

Hi @Angela_MRS

以下の画像のように、インストールボタンを選択せずにインストールできます。

これは、フォーラムの管理者またはオーナーの場合です。

「いいね!」 1

@Aaron_Walsh ありがとうございます :heart_eyes:

@Angela_MRS インストール方法のガイドへのリンクもあります。

「いいね!」 2

少しお願いですが、「続きを読む」のリンクの色を他のテキストと同じにできますか?

私のリンクはミディアムダークブルーに設定されており、多くのバナーが暗い色のため、リンクがほぼ見えなくなっています。

残りのテキストは背景の色に応じて自動的に白や黒を選択するようになっています。それと同じようにリンクもできませんか?

こんにちは、Davidさん。

カスタムの#theme-componentを作成し、ブラウザ(デスクトップ)の検査ツールを使って要素を特定し、CSSを使用して色を上書きすることができます。

「いいね!」 1

このTCはコンソールでいくつかの非推奨警告が出ています。コードの更新が必要だと推測します。

これは素晴らしいTCで、official TCが欠けているギャップを埋めていると思います。もっと注目されると良いのですが、@Rhidianはすでに他のことに移っている(少なくともそう疑っています)と知っています。

「いいね!」 5

サイトを更新したばかりで、同じことを言うためにここに来ました。
どうか、どうか、どうか…
この素晴らしいコンポーネントを更新してください。ちょうどこれを使って素晴らしい効果を発揮する新しいサイトを構築したのですが、代替案を見つけなければならないのは嫌です。このコンポーネントは私が望むことをまさに実行してくれます。

「いいね!」 1

そして最近のアップデートで、さらに少し深く食い込むようになりました。

image

「いいね!」 3

アップデートに期待。

「いいね!」 1

@nathank @tknospdr @CAX.DO 互換性の問題を修正するためのPRを開きました。非推奨のscriptタグの代わりにgjsファイルを使用しています。

承認されるといいな :crossed_fingers:

「いいね!」 10

別の方法で@Rhidianに連絡しました。近いうちに確認してくれるといいのですが。

@NateDhaliwalさん、ちなみに、今後このTCのリポジトリとメタトピックを引き継いでいただくことは可能でしょうか?

「いいね!」 3

Nathanさん、別の方法でその一部を置き換えたいと考えているため、いったんPRをドラフトとしてタグ付けしました。

「いいね!」 3

ウィジェットシステムをGlimmerコンポーネントに変換し、以下の機能を追加しました。

設定 show_parent_category_background_image にて。

新しいPRはこちらです。

個人的には、3000行ものコードをどのように追加したのか全く分かりません。

「いいね!」 5

ありがとうございます、ネイト。素晴らしい仕事です。プルリクエストをマージしました。このコンポーネントが新しいディスコース機能との互換性を与えるための大幅なアップデートを受けたことを見るのは素晴らしいことです。:beating_heart:

「いいね!」 1

PS - このコンポーネントの互換性の問題の更新についても、役立つと思われる方からのご協力に感謝いたします。これはより小さな作業になるはずです!

「いいね!」 1

どういたしまして、お役に立てて嬉しいです。

「いいね!」 1

こんにちは!サイトでこのテーマコンポーネントを更新するようにという通知がありましたが、更新したところサイト全体がクラッシュし、メインページが消えてしまいました。サイトから削除することはできましたが、これはこれらのアップデートに関連していますか?

ほぼ間違いなく!削除できてよかったです。
(おそらく別の開発テーマに)再インストールして、コンソールエラーをキャプチャしてみてください。また、どのように設定したかを知ることも役立ちます。

HTMLタグのバグ

私も小さなバグを見ました。カテゴリヘッダーでHTMLタグがうまくレンダリングされません。

TCなし

TCあり

また、「通常の」説明テキストのサイズは、バニラと一致しないようです(上記の例ではTCはlargerに設定されています)。

「いいね!」 1

こんにちは、@nathank さん、早速のご返信ありがとうございます!テストテーマを作成し、このテーマコンポーネントを適用してみました。これが正しいエラーだと思います。

Message (4397 copies reported)

[db6814] ActionController::RoutingError (No route matches [GET] "/admin/customize/user_fields.json")
config/initializers/100-quiet_logger.rb:20:in `call'
config/initializers/100-silence_logger.rb:29:in `call'
lib/middleware/enforce_hostname.rb:24:in `call'
lib/middleware/processing_request.rb:12:in `call'
lib/middleware/request_tracker.rb:385:in `call'


Backtrace

actionpack (7.2.2.1) lib/action_dispatch/middleware/debug_exceptions.rb:35:in `call'
actionpack (7.2.2.1) lib/action_dispatch/middleware/show_exceptions.rb:32:in `call'
logster (2.20.0) lib/logster/middleware/reporter.rb:40:in `call'
railties (7.2.2.1) lib/rails/rack/logger.rb:41:in `call_app'
railties (7.2.2.1) lib/rails/rack/logger.rb:29:in `call'
config/initializers/100-quiet_logger.rb:20:in `call'
config/initializers/100-silence_logger.rb:29:in `call'
actionpack (7.2.2.1) lib/action_dispatch/middleware/request_id.rb:33:in `call'
lib/middleware/enforce_hostname.rb:24:in `call'
plugins/z-communiteq-features/plugin.rb:142:in `call'
rack (2.2.10) lib/rack/method_override.rb:24:in `call'
rack (2.2.10) lib/rack/sendfile.rb:110:in `call'
rack-mini-profiler (3.3.1) lib/mini_profiler.rb:191:in `call'
lib/middleware/processing_request.rb:12:in `call'
message_bus (4.3.8) lib/message_bus/rack/middleware.rb:60:in `call'
lib/middleware/request_tracker.rb:385:in `call'
actionpack (7.2.2.1) lib/action_dispatch/middleware/remote_ip.rb:96:in `call'
rails_multisite (6.1.0) lib/rails_multisite/middleware.rb:26:in `call'
plugins/z-communiteq-features/plugin.rb:168:in `call'
railties (7.2.2.1) lib/rails/engine.rb:535:in `call'
railties (7.2.2.1) lib/rails/railtie.rb:226:in `public_send'
railties (7.2.2.1) lib/rails/railtie.rb:226:in `method_missing'
rack (2.2.10) lib/rack/urlmap.rb:74:in `block in call'
rack (2.2.10) lib/rack/urlmap.rb:58:in `each'
rack (2.2.10) lib/rack/urlmap.rb:58:in `call'
unicorn (6.1.0) lib/unicorn/http_server.rb:634:in `process_client'
unicorn (6.1.0) lib/unicorn/http_server.rb:739:in `worker_loop'
unicorn (6.1.0) lib/unicorn/http_server.rb:547:in `spawn_missing_workers'
unicorn (6.1.0) lib/unicorn/http_server.rb:143:in `start'
unicorn (6.1.0) bin/unicorn:128:in `<top (required)>'
vendor/bundle/ruby/3.3.0/bin/unicorn:25:in `load'
vendor/bundle/ruby/3.3.0/bin/unicorn:25:in `<main>'

Env

HTTP HOSTS: community.eaie.org

このコンポーネントと私が使用している別のコンポーネント(https://github.com/discourse/discourse-minimal-category-boxes)の間には、間違いなく問題があります。なぜなら、それを削除すると、ホームページが表示されるからです。削除しないと、空白のページしか表示されません。

通常の表示:

Minimal category boxes を削除した表示:

Minimal category boxes がある表示:

しかし、それがすべてではないと思います。なぜなら、minimal category boxes を削除しても、カテゴリをクリックすると機能せず、空白のページしか表示されないからです。

テーマコンポーネントで使用した設定は次のとおりです。

[
	{
		"setting": "show_category_name",
		"value": true
	},
	{
		"setting": "show_category_description",
		"value": true
	},
	{
		"setting": "description_text_size",
		"value": "larger"
	},
	{
		"setting": "text_align",
		"value": "left"
	},
	{
		"setting": "show_subcategory_header",
		"value": true
	},
	{
		"setting": "show_parent_category_name",
		"value": false
	},
	{
		"setting": "show_lock_icon",
		"value": true
	},
	{
		"setting": "category_lock_icon",
		"value": ""
	},
	{
		"setting": "show_category_logo",
		"value": true
	},
	{
		"setting": "show_parent_category_logo",
		"value": false
	},
	{
		"setting": "show_site_logo",
		"value": false
	},
	{
		"setting": "position_logo",
		"value": "left"
	},
	{
		"setting": "size_logo",
		"value": "standard"
	},
	{
		"setting": "header_style",
		"value": "banner"
	},
	{
		"setting": "header_background_image",
		"value": "cover"
	},
	{
		"setting": "show_parent_category_background_image",
		"value": false
	},
	{
		"setting": "show_mobile",
		"value": false
	},
	{
		"setting": "force_mobile_alignment",
		"value": false
	},
	{
		"setting": "hide_if_no_category_description",
		"value": true
	},
	{
		"setting": "hide_category_exceptions",
		"value": ""
	},
	{
		"setting": "show_read_more_link",
		"value": false
	},
	{
		"setting": "read_more_link_text",
		"value": ""
	}
]

情報が多すぎたらすみません!何が関連しているのかわからなかったので。ありがとうございます!このテーマコンポーネントは気に入っているので、解決できることを願っています。

「いいね!」 1