Discourse 카테고리 헤더 테마 컴포넌트

안녕하세요, 죄송하지만 코딩 기술이 전혀 없는 완전한 초보입니다. :frowning:
이 컴포넌트의 설치 지침을 가지고 계신가요?
보통은 '이 테마 컴포넌트 설치’라는 버튼이 있는데, 저는 찾을 수가 없네요… 이미 제 사이트에 여러 컴포넌트를 설치해 봤습니다…

The image displays a blue button with the text "Install this theme component." (Captioned by AI)

시간 내어 답변해 주셔서 정말 감사드립니다!

안녕하세요 @Angela_MRS,

아래 그림을 따라가시면 설치 버튼을 선택하지 않고도 이렇게 설치할 수 있습니다.

이는 사용자가 포럼의 관리자 또는 소유자인 경우입니다.

1개의 좋아요

정말 감사합니다 @Aaron_Walsh :heart_eyes:

@Angela_MRS 설치 방법에 대한 가이드 링크도 있습니다.

2개의 좋아요

작은 요청이지만, ‘더 보기’ 링크의 색상을 나머지 텍스트와 동일하게 만들어 주실 수 있을까요?

링크 색상은 중간 정도의 진한 파랑색으로 설정되어 있고, 배너 대부분이 어두운 색이라 링크가 사실상 보이지 않습니다.

나머지 텍스트는 배경색에 따라 자동으로 흰색이나 검정색으로 설정되는 것 같은데, 링크에도 같은 방식을 적용해 주실 수 있을까요?

데이비드, 안녕하세요.

사용자 정의 #customization:theme-component를 생성한 후, 데스크톱 브라우저의 ‘요소 검사’ 기능을 사용해 해당 요소를 식별하고 CSS로 색상을 오버라이드할 수 있습니다.

1개의 좋아요

이 TC는 콘솔에서 몇 가지 비추천(deprecation) 경고가 나오고 있습니다. 코드가 정말로 새로고침이 필요하다고 의심합니다:

저는 이 TC가 훌륭하다고 생각하며, official TC들이 채우지 못하는 공백을 메워주고 있습니다. 이 TC가 좀 더 관심을 받으면 좋겠지만, @Rhidian 님이 어느 정도 다른 곳으로 이동한 것으로 알고 있습니다(또는 그렇게 의심합니다).

5개의 좋아요

방금 사이트를 업데이트하고 이 말을 하고자 여기에 왔습니다.
제발 제발 제발…
이 멋진 컴포넌트를 업데이트해 주세요. 이 컴포넌트를 아주 효과적으로 사용하여 새 사이트를 구축했는데, 대안을 찾아야 하는 상황을 원치 않습니다. 이 컴포넌트는 제가 필요한 것을 정확히 수행합니다.

1개의 좋아요

그리고 최근 업데이트 이후로 그 문제가 조금 더 깊숙이 다가오고 있습니다:

image

3개의 좋아요

업데이트를 기다립니다.

1개의 좋아요

@nathank @tknospdr @CAX.DO 호환성 문제를 수정하기 위해 PR을 열었습니다. 이제 비추천된 스크립트 태그 대신 gjs 파일을 사용하고 있습니다.

승인되기를 바랍니다 :crossed_fingers:.

10개의 좋아요

@Rhidian 님에게 다른 방법으로 메시지를 보냈습니다. 곧 확인해 주시길 바랍니다.

@NateDhaliwal - 참고로, 앞으로 이 TC의 저장소와 메타 토픽을 담당해 주실 의향이 있으신가요?

3개의 좋아요

네이던, 안녕하세요. 코드를 더 현대화하기 위해 RenderGlimmer를 사용할 수 있는지 알아보고 있습니다. 하지만 성공적으로 진행할 수 있을지 확신이 없기 때문에 별도의 브랜치에서 작업하고 있습니다.

스크립트 태그를 제거하는 현대화 작업에 대한 PR은 열려 있으니 리뷰해 주시면 좋겠습니다.

죄송하지만, 그 일을 맡을 만큼 자신감이 부족합니다. :sweat_smile:

3개의 좋아요

위젯 시스템을 Glimmer 컴포넌트로 전환했으며, 다음 기능을 추가했습니다:

설정 show_parent_category_background_image에 추가했습니다.

새로운 PR은 다음과 같습니다:

솔직히 3000줄의 코드를 어떻게 추가했는지 저도 모르겠습니다.

5개의 좋아요

네이트, 감사합니다. 정말 훌륭한 작업이네요. 풀 리퀘스트를 병합했습니다. 이 컴포넌트가 새로운 디스코urs 기능과의 호환성을 위해 중요한 업데이트를 받게 되어 기쁩니다. :beating_heart:

1개의 좋아요

P.S. 이 컴포넌트의 호환성 문제를 업데이트하는 데에도 도움을 주시면 감사하겠습니다. 일부 사용자에게 유용하다고 평가받는 컴포넌트입니다. 작업량은 더 적을 것입니다!

1개의 좋아요

문제가 없어요! 보답하는 것도 기쁘게 생각할게요!

1개의 좋아요

안녕하세요! 제 사이트에 이 테마 구성 요소를 업데이트하라는 알림이 떴는데, 업데이트를 진행한 후 사이트 전체가 크래시되고 메인 페이지가 사라졌습니다. 사이트에서 해당 구성 요소를 제거할 수는 있었지만, 이것이 업데이트와 관련이 있나요?

거의 확실합니다! 제거할 수 있어서 다행입니다.
다시 설치해 주시겠어요(별도의 개발용 테마에서). 그리고 콘솔 오류를 캡처해 보시겠어요? 또한 설정 방법을 알려주면 도움이 될 것입니다.

HTML 태그 관련 버그

작은 버그를 하나 더 발견했습니다 - 카테고리 헤더에서 HTML 태그가 제대로 렌더링되지 않습니다:

TC 없이

TC 적용 시

또한, ‘normal’ 설명 텍스트 크기가 기본(vanilla) 상태와 일치하지 않는 것 같습니다. (위 예시에서는 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

이 컴포넌트와 제가 사용하는 다른 플러그인(GitHub - discourse/discourse-minimal-category-boxes · GitHub) 사이에 확실히 문제가 있는 것 같습니다. 해당 플러그인을 제거하면 홈 페이지가 정상적으로 표시되지만, 제거하지 않으면 빈 화면만 보입니다.

정상적인 뷰:

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개의 좋아요