사진이 포함된 Welcome Link Banner 테마 컴포넌트

안녕하세요, 이 테마 컴포넌트에 대해 두 가지 기능을 요청드리고 싶습니다.

  1. 100x100의 정사각형 사진 업로드 옵션을 추가해 주시면 좋겠습니다. 이는 추모(고인 된 회원, 사망한 아이돌, 기부한 사용자) 사진, 인식 캠페인 사진(백신 접종, 암 검진 권장), 행사 사진(크리스마스, 새해, 부활절) 등을 제목과 짧은 텍스트와 함께 표시하는 데 매우 유용합니다.

  1. TL4와 모더레이터도 사진과 텍스트를 편집할 수 있도록 해 주시면 좋겠습니다. 이렇게 하면 추모, 인식 캠페인 또는 기타 상황에 맞는 사진과 텍스트를 더 쉽게 올릴 수 있으며, 관리자만 의존하지 않아도 됩니다.

@mecay 안녕하세요, 도움이 될 수 있는 ‘Versatile Banner’ 테마 컴포넌트도 있지만, 이는 모더레이터가 변경할 수 없게 설정되어 있습니다. 제 사이트에서는 이 컴포넌트를 사용 중인데, 텍스트와 사진에 더 많은 공간을 제공합니다.

모더레이터(또는 커스텀 그룹)는 테마를 변경할 수 없으므로, 요청하신 기능이 가능한지 확실하지 않습니다. 가능하다면 커스텀 프로그래밍이 필요할 것이므로, 이 주제를 marketplace 카테고리에 게시하시는 것이 좋습니다.

또는 “add a feature topic” 코드를 사용하여 한 주제를 헤더로 사용하고, 모더레이터가 해당 주제를 변경하도록 하는 방법도 있습니다. CSS를 사용하여 외관을 조작할 수도 있습니다. :woman_shrugging:

https://meta.discourse.org/t/add-a-featured-topic-list-to-your-discourse-homepage/132949

2개의 좋아요

안녕하세요, daniela,

배너 환영 필드는 HTML 코드를 지원하므로 이미지는 이미 넣을 수 있으며, 필요하면 CSS로 조정할 수 있습니다.

1개의 좋아요

알려주셔서 정말 감사합니다. 데스크톱용 CSS 코드는 완벽하게 작동했지만, 모바일용 CSS 코드에서는 이미지가 중앙에 정렬되지 않고 있습니다. 스마트폰마다 이미지가 다른 위치에 표시됩니다.

이 다재다능한 배너는 이미 사용해 봤지만, 웰컴 링크 배너의 UI만큼 흥미롭지 않다고 느꼈습니다. 그 외에는 사용법이 다소 복잡한 편입니다. (특히 제 모더레이터처럼 HTML이나 CSS를 잘 모르는 다른 사람들이 사용할 때는 더 복잡하죠.) 웰컴 링크 배너에 맞게 수정해 봤는데, 보기 흉하고 두통이 올 정도로 스트레스가 큽니다.

주신 코드를 사용했고, 제가 원하는 방식으로 작동하지만, 이 플러그인을 사용하려는 다른 사람들에게도 많은 문제를 일으키고 있습니다.

사진을 업로드할 때마다 자동으로 정사각형 크기로 잘리지 않아 포토샵에서 매번 크기를 조정해야 하고, 제목을 크게 넣으면 사라지며, 메시지 본문을 길게 쓰면 텍스트와 사진이 위로 올라갑니다. 어쨌든 항상 제가 직접 고쳐야 하며, 심지어 고쳐도 간혹 텍스트가 배너의 반대편에 놓이는 등의 오류가 발생하여 정말 골치 아픕니다.

단순히 궁금한 점이 있는데, 디스코스가 사진을 자동으로 자르고 크기를 조절해 주기를 기대하고 계신 건가요? 사진 포맷팅을 위해 포토샵을 사용하시므로, 포럼에 업로드하기 전에 사진 포맷팅을 직접 하시는 것이 좋습니다.

번역기를 사용 중이라 번역이 맥락에서 벗어났을 수도 있지만, '다목적 배너’에서는 구글에서 어떤 이미지를 넣어도 나쁜 비율로 리사이즈되지 않고 자동으로 조정됩니다. 반면 '환영 링크 배너’에서는 그렇지 않습니다.

1개의 좋아요

아, 무슨 말인지 알겠어요. 어쨌든 포토샵에서 먼저 사진을 포맷팅하는 걸 추천해요.

필요에 맞게 직접 컴포넌트를 만들거나(또는 기존 것을 포크해서) 사용할 수도 있어요. 다른 컴포넌트를 맞게 조정하는 것보다 그게 더 쉬운 경우도 있거든요.

항상 이렇게 하는데, 사진과 텍스트의 위치가 가장 큰 문제입니다. 글을 조금만 더 쓰면 사진은 위로 올라가고, 텍스트는 아래로 내려가거든요. 모바일과 데스크톱에서 이걸 고치려면 항상 정신없고 스트레스가 큽니다.

1개의 좋아요