Versatile Banner

그렇게 할 수 없어요. 관리자 권한을 부여해야 합니다.

2개의 좋아요

관리자가 배너 사진을 변경할 수 있는 다른 컴포넌트가 있는지 알고 계신가요?

1개의 좋아요

아니요. 관리자는 테마를 변경할 수 없습니다.

특정 태그나 카테고리가 있는 주제의 배너를 사진으로 만들거나, 해당 태그나 카테고리의 최신 주제 배너를 사진으로 만드는 테마를 만들 수 있습니다. 그런 다음 해당 태그나 카테고리에 대한 액세스를 특정 그룹의 구성원으로 제한할 수 있습니다. 저는 한때 주제의 최신 답변에서 데이터를 가져오는 플러그인을 작성한 적이 있습니다.

따라서 코드를 확인하지 않고도, 테마를 포크하여 이와 유사한 작업을 수행할 수 있다고 생각합니다.

2개의 좋아요

게시물이 새 주제로 분리되었습니다: 설정된 HTML을 번역하는 방법?

오늘 이 컴포넌트에 대한 리팩터링을 병합하여, 커스텀 위젯 시스템에서 현대적인 Ember 컴포넌트로 전환했습니다.

이는 향후 1년 이내에 위젯 시스템을 제거할 계획이기 때문에 필요합니다. 배너의 모든 기능은 동일하게 유지되어야 하지만, 새로운 문제가 발생하면 알려주시기 바랍니다!

변경된 사항 중 하나를 언급하자면, 이제 이 컴포넌트는 위젯으로 구성되지 않으므로 다음과 같은 방식으로 기능을 오버라이드할 수 없습니다:

이러한 커스터마이징 방식은 항상 다소 취약했습니다(테마가 변경되면 오버라이드가 깨지고, 결과적으로 전체 컴포넌트가 깨질 수 있기 때문이죠). 따라서 Discourse 확장을 개발할 때 이러한 패턴에서 벗어나고자 합니다.

9개의 좋아요

업데이트 소식 감사합니다! 참고로, stable 버전에서 열이 비어 있거나 숨겨져 있을 때 새로운 문제가 발생하는 것 같습니다. 기억이 맞다면, 이전에 ‘첫 번째/두 번째/세 번째/네 번째 열 내용’ 필드를 비워두면 해당 열이 숨겨졌어야 합니다. 하지만 업그레이드 이후에는 필드를 비워두면 열이 빈 공간을 차지하게 되며, 모바일에서 이 현상이 더 뚜렷하게 나타납니다.

3개의 좋아요

좋은 지적입니다! 새로운 업데이트에 콘텐츠가 없으면 컨테이너를 숨기도록 했습니다:

11개의 좋아요

안녕하세요. 파이어폭스 모바일에서 배너 관련 문제가 있습니다. 3열 레이아웃을 사용했는데, 첫 번째와 두 번째 열은 모든 콘텐츠가 정상 표시되지만 세 번째 열은 잘려 보입니다. 삼성 S23 울트라에서 브레이브 브라우저로는 정상적으로 확인됩니다. 파이어폭스는 로그인 상태와 비로그인 상태 모두에서 콘텐츠가 누락됩니다.

아이폰 14 프로에서 사파리를 확인해 보았는데 정상적으로 표시됩니다.

2개의 좋아요

안녕하세요,

이 스레드에서 제 문제가 이미 언급되었거나 해결책이 제시되었는지 확인해 보았지만, 그렇지 않다고 생각합니다. 이미 해결책이 있었다면 죄송합니다. 커뮤니티에 이 배너를 구현하려고 하고 있는데, 광범위한 커스터마이징을 거친 후 이 컴포넌트가 메인 컨테이너의 오른쪽을 정상 범위를 넘어 확장시키고 있는 것 같다는 사실을 깨달았습니다. 말씀드린 내용을 아래 스크린샷으로 보여드리겠습니다 (현재 배너 내 모든 항목은 기본 설정 상태입니다).

배너가 활성화된 상태입니다:

새로운 주제(new topic) 옆의 오른쪽 부분이 제 프로필 사진보다 멀리 확장되어 있습니다.


그러나 테마 컴포넌트를 비활성화하면 모든 것이 정상적으로 보입니다.

보시다시피, 오른쪽 부분이 제 프로필 사진과 정렬되어 있습니다.


저는 다른 테마 컴포넌트들도 사용하고 있으므로, 그것들이 간섭을 일으킬 가능성이 있습니다. 아래에 사용 중인 컴포넌트 목록을 제공하겠습니다:

  • Dark-Light Toggle
  • DiscoTOC
  • Discourse Clickable Topic
  • Discourse Gifs
  • Discourse Header Search
  • Hamburger Theme Selector
  • Custom Header Links
  • Header Submenus
  • Versatile Banner

무슨 일이 일어나고 있는지 아이디어가 있으신가요?

감사합니다

4개의 좋아요

텍스트와 쿠키 이름을 변경하면 디스코urse 앱에 배너가 표시되지 않습니다…

버그일까요?

1개의 좋아요

이 테마 컴포넌트는 특정 페이지에서만 표시되는 기능이 있는 것 같고, 저도 비슷한 것을 해보고 싶습니다. 이 기능은 어떻게 구현되었나요?

2개의 좋아요

컴포넌트는 여기서 설정을 currentURL과 비교합니다:

https://github.com/discourse/discourse-versatile-banner/blob/main/javascripts/discourse/components/versatile-banner.js#L66-L85

8개의 좋아요

배너가 특정 브라우저에서만 표시되나요? 모금 행사를 진행 중인데 모든 사용자가 이를 인지하길 바라는데, 여러 사용자가 전혀 배너를 볼 수 없다고 댓글을 남겼습니다. dismissible와 collapsible 설정의 체크를 해제해 보았지만 효과가 없었습니다.

현재 맥의 (솔직히 오래된 버전인) Safari나 아이폰의 (완전히 최신 상태인) DiscourseHub 앱을 통해 포럼에 접속하면 배너가 보이지 않습니다. 하지만 아이폰의 Safari와 맥의 Firefox에서는 배너가 정상적으로 표시됩니다.

어떤 제안이 있을까요? 사용자들이 어떤 브라우저를 사용하는지에 대한 제 통제는 제한적이지만, 중요한 공지사항은 모든 사용자에게 표시되길 바랍니다.

1개의 좋아요

게시글이 새 주제로 분리되었습니다: Versatile Banner를 API로 업데이트할 수 있나요?

안녕하세요,

저는 Discourse와 Versatile Banners를 사용하는 데 아직 익숙하지 않은 사용자입니다. 배너의 컬럼에 배치한 아이콘의 크기를 수정할 수 있는지 궁금합니다.

도움이 되면 감사하겠습니다.

하비에르

컴포넌트를 줄여도 동일한 문제가 발생합니다. 전체 페이지가 오른쪽으로 스크롤됩니다. 미리 수정해 주셔서 감사합니다 :slight_smile:
업데이트:
저는 Air 테마를 사용 중입니다. 다른 모든 컴포넌트를 비활성화해도 문제가 여전히 존재합니다.

해결했습니다: 커스텀 컴포넌트를 사용하여 직접 배너를 만들었습니다 :smiley:

2개의 좋아요

호스팅 플랜에서 폰트 색상을 변경할 수 있는 설정(Versatile Banner의 펼치기/접기 토글)을 어디서 찾을 수 있나요?

기본값은 회색이지만, 저희 사이트에 선택한 배경 이미지 위에서 잘 보이지 않습니다. 만약 이 색상이 기본 사이트 테마의 색상 팔레트에 의해 결정되는 것이라면, 어떤 구성 요소를 수정해야 하는지 알려주세요(예: Primary 500 등).

1개의 좋아요

그 설정은 없지만, 직접 만든 테마에서 CSS를 사용할 수 있습니다. 다음을 타겟팅해야 합니다 (원하는 색상을 입력하기만 하면 됩니다):

.banner-box .button-container .close .d-button-label, .banner-box .button-container .toggle .d-button-label {
    font-size: 1em;
    color: #646464;
}
2개의 좋아요

Versatile Banner 플러그인과 Brand Header - #266 by pacharanero 이 서로 잘 동작하지 않을 수 있습니다.

Brand Header를 상단 헤더 위에 표시하도록 설정한 후 Versatile Banner를 활성화하면 Brand Header가 헤더 아래로 이동합니다. 다른 구성 요소를 비활성화하고 이 두 가지만으로 테스트한 결과, 충돌이 이 두 요소 사이에 있음을 확인했습니다.

Versatile Banner 활성화 후

@Juan_David_Martínez 님이 다음을 통해 수정했습니다.

Plugin Conflict Between Brand Header and Versatile Banner - #5 by Juan_David_Martínez

컴포넌트를 업데이트하세요.

2개의 좋아요