Blog Post Styling

[denvergeeks]

@oshyan 정말 멋진 사이트네요! 특히 카테고리 드롭다운이 마음에 듭니다!

[tshenry (Taylor)]

@oshyan

블로그 포스트 스타일링과 DiscoTOC는 근본적으로 호환되지 않습니다.

이것을 작동하게 만드는 것은 현재 제가 직접 처리해야 할 목록에 올라 있습니다. 방금 다른 컴포넌트에 대한 수정과 업데이트를 마쳤으니, 가능한 한 빨리 이 부분도 어떻게 할지 살펴보겠습니다. 지금 할 일이 꽤 많아서 조금 시간이 걸릴 수 있습니다. 만약 어떤 이유로 한 달 동안 소식이 없다면, 제발 저에게 알려주세요

[oshyan (Oshyan Greene)]

톡톡 내 글은 대체로 장문이고, 평균적인 사람보다 제목을 더 많이 활용하는 편이에요. 하지만 블로그 포스트 스타일링도 정말 마음에 들어요! 둘이 평화롭게 공존할 수 있으면 좋겠어요.

[Rootzilla]

텍스트 크기를 줄이는 방법이 있을까요? 1.25em으로 사용하길 원하지 않습니다. CSS 트릭으로 1em으로 줄이려고 시도했지만 작동하지 않았습니다.

[jordan-violet]

@tshenry 블로그 게시물 스타일링에서 몇 가지 버그를 발견했습니다 (테마 미리보기에도 동일하게 나타남):

1. 댓글 배경이 엉망이 되어 있고, 이상한 회색 계열의 배경이 적용되어 있습니다:
   

   

2. 페이지를 확대하면 블로그 게시물이 사이드바를 침범하기 시작합니다:
   

   

3. 사용자 프로필 사진과 배지가 제목, 게시 날짜 등과 너무 가깝게 배치되어 있습니다 (위 이미지 참조)

[Canapin (Coin-coin le Canapin)]

Rootzilla님, 안녕하세요.

늦게 답장드려서 죄송합니다. 아래 CSS를 사용하여 글꼴 크기를 변경할 수 있습니다:

.category-blog .topic-post:first-child {
    font-size: 1em;
}

[Drew-ART (Drew)]

특정 주제 하나에서만 이상한 버그가 발생하고 있습니다. 다른 주제들은 정상적으로 작동합니다. 상단 이미지가 표시되지 않고, 거기에 넣는 이미지가 전부 사라집니다. 어떤 문제가 일어나고 있는지 전혀 파악이 안 됩니다.

이 주제입니다: Take A Smile - Approved Activities List - Public Happiness

블로그 스타일링을 끄니 이제 이미지가 표시됩니다. 다시 켜면 그 이미지가 사라집니다.

유일한 단서는 이 스레드에서만 서브카테고리의 썸네일 이미지도 표시되지 않는다는 점입니다. 이 스레드에서만 그런 현상이 일어납니다.

[tpetrov (Toni Petrov)]

나만 그런 건지 모르겠지만, 최근 코어 업데이트 이후 블로그 스타일을 사용하는 주제에서 제목이 더 작아진 것 같습니다:

[Quentin_B]

저도 마찬가지입니다. Discourse 3 이후로 (그리고 실험적 기능 사용 시에도) 버그가 많이 발생하고 있는데, 이 컴포넌트는 아직 업데이트되고 있나요?

[jordan-violet]

새로운 커뮤니티에서 이것을 시도해 보고 있는데, 거의(이 부분에서는) 기본 설정 그대로인 커뮤니티에서 스타일링 문제가 몇 가지 발견됩니다.

이 컴포넌트는 여전히 지원되나요?

[Andrew_Rowe]

정식으로 더 이상 지원되지 않는지 확실하지 않지만, 이 테마 구성 요소를 사용하고 있으며, 자체 호스팅 최신 설치 환경에서 광고된 대로 정상적으로 작동합니다. 예시

[fbpbdmin (deepblue)]

@tshenry

좋은 컴포넌트를 공유해 주셔서 감사합니다. 제안 사항이 두 가지 있습니다.

주제를 블로그처럼 표시할 때(카테고리 또는 태그로)

• 사이드바 메뉴가 자동으로 숨겨지도록 할 수 있을까요? 이렇게 하면 블로그 페이지처럼 보이게 됩니다.
  Don의 컴포넌트를 확인해 보았습니다: Can I default to a hidden sidebar? - #4 by Don
  이 기능을 구현해서 기본 UX 설정(숨김 또는 표시)으로 추가할 수 있을 것 같습니다.
• 마지막에 읽은 답변(기본 내장 경험)으로 점프하는 대신, 주제의 첫 번째 게시물(블로그)에 머물러 있도록 할 수 있을까요? 블로그 페이지에는 어떤 방식이 더 나은지 확실하지는 않습니다.

감사합니다.

[tshenry (Taylor)]

@jordan-violet

이 컴포넌트는 아직 지원되나요?

오래전에 수정 및 개선 업데이트 작업에 착수했지만, 마무리할 만큼의 시간을 확보하지 못했습니다. 코어 변경 이후 몇 가지 거친 부분이 드러나기 시작했다는 점과, DiscoTOC와의 호환성 관련으로 오랜 기간 지속되어 온 문제들이 있다는 것을 알고 있습니다.

이 컴포넌트의 미래가 어떤 모습이어야 할지 팀의 의견을 들어볼 수 있는지 알아보겠습니다. 현재로서는 여전히 비공식적이고 개인이 관리하는 컴포넌트입니다.

[Andrew_Rowe]

@tshenry

현재로서는 여전히 비공식적이고 개인이 관리하는 컴포넌트입니다.

간단한 꾸밈이 있는 일종의 공식적인 ‘블로그’ 스타일이 많은 분들의 필요나 욕구에 잘 맞을 것 같지만, @tshenry 님의 컴포넌트는 훌륭한 기여이며 제게도 잘 작동하고 있습니다. 감사합니다.

[tknospdr (David Muszynski)]

이 컴포넌트를 업데이트할 시간이 있으실까요? 정말 마음에 드는데, 지금은 다음과 같은 경고가 표시됩니다:

[관리자 알림] Discourse 코어 변경 사항과의 호환성을 위해 테마 또는 플러그인 중 하나가 업데이트가 필요합니다. (id:component-template-resolving)

그리고 콘솔에는 이러한 알림이 표시됩니다:

[Warning] DEPRECATION: Components with separately resolved templates are deprecated. Migrate to either co-located js/ts + hbs files or to gjs/gts. Tried to lookup 'template:components/blog-image'. [deprecation id: component-template-resolving] This will be removed in ember-source 6.0.0. See https://deprecations.emberjs.com/id/component-template-resolving for more details. (chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, line 377)
[Warning] DEPRECATION: [THEME 13 'Blog Post Styling'] The `isBlogTopic` property path was used in the `discourse/theme-13/discourse/templates/components/blog-image` template without using `this`. This fallback behavior has been deprecated, all properties must be looked up on `this` when used in the template: {{this.isBlogTopic}} [deprecation id: ember-this-fallback.this-property-fallback] This will be removed in ember-this-fallback n/a. See https://meta.discourse.org/t/337276 for more details. (chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, line 377)
[Warning] DEPRECATION: [THEME 13 'Blog Post Styling'] The `imageURL` property path was used in the `discourse/theme-13/discourse/templates/components/blog-image` template without using `this`. This fallback behavior has been deprecated, all properties must be looked up on `this` when used in the template: {{this.imageURL}} [deprecation id: ember-this-fallback.this-property-fallback] This will be removed in ember-this-fallback n/a. See https://meta.discourse.org/t/337276 for more details. (chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, line 377)
[Warning] DEPRECATION: [THEME 13 'Blog Post Styling'] The `model` property path was used in the `discourse/theme-13/discourse/templates/connectors/topic-above-post-stream/blog-post-styling` template without using `this`. This fallback behavior has been deprecated, all properties must be looked up on `this` when used in the template: {{this.model}} [deprecation id: ember-this-fallback.this-property-fallback] This will be removed in ember-this-fallback n/a. See https://meta.discourse.org/t/337276 for more details. (chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, line 377)

[sonny.mendoza (Sonny)]

저도 같은 문제를 겪고 있습니다. 이 컴포넌트의 업데이트로 이 문제가 해결되길 바랍니다 @tshenry.

[tshenry (Taylor)]

리포트 감사합니다. 이번 주에 경고를 수정해 보겠습니다. 이 컴포넌트는 전반적인 업데이트가 정말 필요한데, 요즘 시간이 아쉽게도 부족합니다!

[tshenry (Taylor)]

좋습니다. 모든 비추천(deprecation) 경고 사항을 처리했고, 제가 상당히 중요하다고 판단한 업데이트도 최대한 반영했습니다. 다른 커스텀 설정과의 호환성을 개선할 수 있는 부분이 더 있지만, 현재로서는 제가 할 수 있는 일을 다했습니다.

REFACTOR: modernization and fixes

모두 기다려 주셔서 감사합니다. 업데이트와 관련하여 문제가 있으면 알려 주세요.

[Thierry_Trégaro]

마지막 업데이트와 관련이 있는 것 같은데, 이 "댓글"을 어떻게 제거할 수 있을까요?

아래와 같이 해도 변하지 않습니다:

.comments_heading {
    display: none !important;
}

또는 설정 필드를 비워 두어도 마찬가지입니다.

(공백을 넣어서 해결해야 했지만…)

[tshenry (Taylor)]

Thierry_Trégaro 님, 감사합니다! "댓글"이라는 제목은 새로 추가된 것으로, 블로그 게시물의 댓글 섹션처럼 느끼게 하기 위한 것입니다.

스크린샷에서 공유해 주신 것과 같은 일반적인 주제에서는 이 제목이 표시되지 않아야 합니다. 이 문제를 수정했으며(동시에 몇 가지 사소한 스타일링 문제도 함께 수정했습니다).

컴포넌트를 업데이트해 주세요.

업데이트 후 실제 블로그 게시물에서도 “댓글” 제목을 숨기고 싶다면, 다음 코드를 별도의 컴포넌트에 추가해 주세요:

.comments-heading {
  display: none !important;
}