이런 방식으로 주제 게시글을 나란히 배치하려면 어떻게 해야 하나요?

제품 지원
1

제 디스커스(Discourse) 인스턴스에서 나란히 배치된 레이아웃(side-by-side layout)을 구현하고 싶습니다(첨부된 이미지 참조). 어떻게 하면 되는지 안내해 주실 수 있을까요? 도움을 주시면 감사하겠습니다!

이 이미지는 "Everyone"이라는 이름의 사용자가 캐릭터 디자인과 애니메이션에서 콜라이더 사용에 대해 논의하는 유튜브 댓글의 스크린샷을 포함합니다. 긴 안테나 대신 충돌 계산을 위해 캡슐 모양을 구현하는 것을 제안하고, 복잡한 문제를 피하기 위해 단순한 박스를 사용하는 것이 편리하다고 언급하고 있습니다. (AI가 작성한 캡션)
이 이미지는 "Everyone"이라는 이름의 사용자가 캐릭터 디자인과 애니메이션에서 콜라이더 사용에 대해 논의하는 유튜브 댓글의 스크린샷을 포함합니다. 긴 안테나 대신 충돌 계산을 위해 캡슐 모양을 구현하는 것을 제안하고, 복잡한 문제를 피하기 위해 단순한 박스를 사용하는 것이 편리하다고 언급하고 있습니다. (AI가 작성한 캡션)2768×836 249 KB

3

CSS 플렉스박스(Flexbox)를 사용하는 건 어떨까요? 막 떠오른 생각입니다. 그리고 API/요청을 통해 게시글 수 같은 다른 데이터를 가져오는 것도 고려해 볼 수 있겠네요.

4

원하시는 것은 기본적으로 가로 막대를 세로 막대로 교체하는 것인가요?
이는 테마 컴포넌트를 통해 구현할 수 있지만, CSS만으로 구현할 수는 없습니다.
무언가를 깨뜨리지 않도록 주의가 필요하며, 구현이 자명하지 않을 수 있습니다. :thinking:

5

기본적인 Flexbox 조정을 시도해 봤지만 레이아웃이 깨져 버렸습니다.

6

안녕하세요 @Canapin! 기본적으로 포스트 작성자 정보를 왼쪽에, 포스트 내용을 오른쪽에 배치하고 싶습니다. 현재 디스코urs의 기본 레이아웃처럼 위아래로 나열되는 방식이 아니라요.
이런 기능을 제공하는 모드가 있다면 알려주시면 감사하겠습니다.

7

동의합니다. CSS를 사용하여 이러한 항목들을 깔끔하게 재배치할 수 없습니다. 아바타와 기본 메타데이터는 템플릿에서 별도로 배치되어 있습니다:

image
image574×122 11.9 KB

에픽 포럼에서는 실제로 어떻게 구현되어 있는지 궁금합니다. 템플릿 오버라이드인가요? 이 위치에는 플러그인 아울렛을 찾을 수 없습니다:

image
image574×105 8.12 KB

8

제가 보는 바로는, post-avatar 위젯 콘텐츠 뒤에 데이터(사용자 이름 등)를 다시 추가하고, .topic-avatar에 폭을 조금 더 준 것 같습니다. 그리고 날짜를 제외한 나머지는 모두 CSS로 숨겨두었네요. 제가 재현할 수 있는지 한번 확인해 보겠습니다.

9

이 기본 테마 구성 요소를 사용해 볼 수 있습니다: GitHub - Arkshine/discourse-topic-avatar-vertical-layout · GitHub.

문제가 보이면 알려주세요.

  1. poster-name 위젯을 post-avatar 위젯 아래로 이동합니다. CSS 조정 외에는 다른 변경 사항이 없습니다. ↩︎

10

완벽하게 작동했어요! 진짜 고마워요, 친구.