MCATAKCIN
(MCATAKCIN)
1
2개월 전 저는 Xenforo를 사용하다가 더 이상은 안 되겠다고 생각했습니다.
Discourse는 저에게 큰 기대감을 주었습니다. Reddit 스타일 테마에 얼마나 반했는지 표현하기가 어렵습니다. 제가 찾던 사랑을 찾은 줄 알았죠.
하지만 저는 전문가가 아니라서 1개월 동안 원했던 변경 사항을 구현하지 못했습니다.
이 3열 테마를 Twitter처럼 보이게 하고 싶습니다(회원들이 Twitter에서 유입되기 때문이죠). 따라서 가운데 정렬된 3개의 열이 동일한 간격을 유지해야 합니다. 실제로는 좁은 폭의 디자인을 말하는 것입니다.
제 커뮤니티는 https://hayp.net/ 에 있으며, 가운데 정렬된 3열을 반응형으로 만들려면 어떻게 해야 할까요? 조언해 주셔서 모두에게 키스합니다. 감사합니다! 
지금 사이트를 보면 세 개의 열이 반응형으로 설정되어 있습니다.
다만, 모바일을 제외하고 창을 좁혔을 때 3개의 열이 제자리에서 줄어드는 효과를 원하신다면 다음 방법을 시도해 볼 수 있습니다:
/* 3개의 열을 담는 컨테이너 */
#main-outlet-wrapper {
display: flex;
justify-content: space-between;
gap: 20px; /* 필요 시 열 사이의 간격 조정 */
}
/* 각 열 */
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
flex: 1;
padding: 10px;
background-color: #f4f4f4; /* 가시성을 위한 밝은 배경색 */
border: 1px solid #ddd; /* 선택적 테두리 */
box-sizing: border-box; /* 패딩이 폭에 포함되도록 설정 */
}
@media (max-width: 768px) {
/* 작은 화면에서 열을 세로로 쌓기 */
#main-outlet-wrapper {
flex-direction: column;
}
}
성공한 것 같아요! 다만 주제 안의 디자인이 좀 흥미로웠어요. 거기서 2열 구조를 사용하고 있기 때문일 수도 있겠네요.

도와주셔서 정말 감사합니다
ludwikc
(Ludwik C. Siadlak)
4
와, 정말 멋져요 @MCATAKCIN !
테마 갤러리에 제출해 볼 생각은 해 보셨나요?
MCATAKCIN
(MCATAKCIN)
5
계속해서 커스터마이징을 진행 중입니다.
현재 홈페이지의 모습은 다음과 같습니다:
토픽 페이지의 모습은 다음과 같습니다:
토픽 페이지를 제가 원하는 대로 정확히 만들지 못했습니다. Reddit 스타일 테마에서 커스텀 우측 사이드바가 토픽 페이지에 표시되지 않습니다. 트위터처럼 표시하려면 어떻게 해야 할까요? @awesomerobot
이 테마는 Reddit용으로 만들어졌지만, 트위터를 위해 커스터마이징하는 것은 매우 쉽습니다!