Discourse가 포럼 디자인을 수정하는 것을 어떻게 막을 수 있을까요?

제품 지원
1

몇 주 전에 이 문제에 대해 스레드를 만들었는데, 지금은 찾을 수 없습니다. 관리자가 삭제한 건지, 아니면 다른 이유인지는 모르겠습니다. 어쨌든 제 문제는 여전히 남아 있습니다. 제 포럼의 디자인이 대략 매주마다 계속 바뀌고 있는데, 이를 멈추고 싶습니다.

마지막에는 구체적인 증거가 없었지만, 이제는 있습니다:

image
image1036×942 80.5 KB

위 이미지에서 보실 수 있듯이, 제 카테고리의 설명 부분이 이상하게 들여쓰기되어 있습니다. 이는 새로운 문제입니다. 몇 주 동안 이 섹션은 완벽하게 정렬되어 있었는데, 오늘 포럼에 접속하니 갑자기 엉망이 되어 있습니다.

말씀드린 것처럼 이런 일이 전에 있었고, 이에 대해 게시글을 올렸지만 적절한 도움을 받지 못했습니다. 왜 이런 일이 일어나는 걸까요? 그리고 어떻게 방지할 수 있을까요?

상상하실 수 있겠지만, 포럼 디자인을 완벽하게 만들기 위해 몇 시간을 쏟았는데, 디자인이 계속 스스로 변하면서 이런 문제를 찾아내고 계속 수정해야 하는 상황은 꽤 짜증스럽습니다. 제 포럼은 여기에서 확인하실 수 있습니다.

감사합니다!

2

그 일이 일어난 구체적인 이유는 말씀드리기 어렵습니다. 아마도 새로운 Discourse 업데이트(또는 사용 중인 테마나 플러그인)로 인해 CSS가 변경되었을 수 있습니다. 커스텀 테마를 사용 중이신가요?

(사이트의 CSS를 수정할 수 있다면) 로고에 적용된 마진(margin)을 제거(또는 변경)하는 것이 도움이 될 수 있습니다. 각 카테고리 항목에 대해 HTML 탐색기에서 .ember-view > a.category-title-link > div.category-logo.aspect-image 선택자를 확인해 보세요:

.category-logo.aspect-image { 
    ...
    margin: 0.33em 2em 2em 0; # 제거
}

위 CSS는 설명 텍스트가 오른쪽으로 밀리도록 만듭니다. 이를 제거한 후 왼쪽 마진(left margin)을 적용하고 설명 텍스트의 왼쪽 패딩(left padding)을 제거하여 정렬을 유지하면 문제가 해결될 것입니다(다만, 철저한 테스트를 해본 것은 아닙니다):

.categories-list .category .category-description {
    margin-left: 75px;
    padding: 0;
}

이러한 일이 왜 발생했는지, 그리고 향후 비슷한 문제가 다시 발생할지에 대해서는 Discourse 팀이 더 정확한 설명을 제공할 수 있을 것입니다.

3

사이트가 자동으로 업데이트되면, 이전 배포와 다음 배포 사이에 이루어진 모든 변경 사항이 반영됩니다. 사이트의 CSS만 수정하는 경우 큰 문제가 발생하지 않을 가능성이 높지만(일부 요소가 리팩토링되거나 변경됨으로 인해 특정 부분이 작동하지 않게 될 수는 있습니다), 템플릿을 수정하거나 JS 스크립트를 사용하는 경우 변경 사항을 적용할 때 무언가가 깨질 가능성이 더 높습니다.

우리는 호스팅 및 자체 호스팅 사이트 모두에 영향을 미칠 수 있는 주요 변경 사항을 수행할 때, #feature:announcements 카테고리에 전용 주제를 생성하여 가능한 한 선제적으로 대응하고 있습니다. 그러나 사소한 변경 사항은 새로운 베타 버전이 출시될 때까지 Github에만 목록으로 표시됩니다.

@lucasbasquerotto 님이 말씀하신 대로 코드를 쉽게 수정할 수 있지만, 우리가 사이트를 배포하기 전에 변경 사항을 사전에 경고하거나 통보할 수 있는 방법이 없습니다.

4

저는 개발자가 아니라 다른 방법을 모르고, 사이트의 CSS만 수정했습니다.

포럼에 사용 중인 테마는 여기에서 찾은 Zeronoise 테마입니다.

답변해 주셔서 감사합니다. 하지만 아직 제가 어디를 잘못하고 있는지 이해하는 데 도움이 되지 않습니다. 제가 무엇을 잘못하고 있는지 알려주시면 그 행동을 중단할 수 있습니다. 제가 설치하는 모든 테마와 테마 컴포넌트는 당신들(운영진)의 것입니다. CSS는 제가 그 테마에서 변경하는 유일한 부분입니다.

테마를 로드하는 방식이 잘못된 건가요? 몇 주마다 사이트 디자인이 무작위로 바뀌는 문제를 해결하고 싶으니, 제가 놓치고 있는 것이 무엇인지 알려주세요.

5

안녕하세요, 감사합니다! 테스트 몇 가지 돌려볼게요!

6

따라서 해당 주제에서 이 문제를 보고하기만 하면 됩니다. 그러면 해당 테마의 제작자가 올바르게 수정해 줄 것입니다. 수정이 완료되면 테마만 업데이트하면 됩니다.

7

디스커스 생태계에 대해 제가 아직 모르는 핵심 정보가 있는 것 같습니다. 그 때문에 당신이 제안하는 내용을 완전히 이해하지 못하고 있습니다. 그래서 제 테마가 “깨지면”, 그 테마를 수정하도록 테마 제작자에게 연락해야 한다는 건가요? 왜 테마가 깨지는 것일까요?

그냥 "여기 있던 텍스트가 이제 저기 있네요. 고쳐줄 수 있을까요?"라고 테마 제작자에게 말하면, 제작자가 테마 코드를 수정하고, 저는 그 테마를 다시 다운로드해서 디스커스에 재업로드한 후, 이전 버전의 CSS 조정 사항을 붙여넣어야(디자인 설정이 유지되도록) 원래대로 보이는 건가요?

그리고 디스커스 업데이트가 제 디자인을 어긋나게 할 때마다 이 과정을 몇 주에 한 번씩 반복해야 하는 건가요?

다른 사용자들은 이 문제를 어떻게 해결하나요? 대부분의 사용자가 테마에 CSS 조정을 하는 거라고 생각하는데, 맞나요?

8

취약성은 CSS를 작성하는 방식에 따라 달라질 수 있습니다. 최근 문제가 발생한 영역에서 스타일을 어떻게 오버라이드하고 있는지 몇 가지 예시를 보여줄 수 있을까요? 또한, 포럼이 공개되어 있나요? 기본 테마와 포럼의 스타일이 어떻게 다른지 확인하면 정말 도움이 될 것입니다.

9

저의 포럼은 여기에서 볼 수 있습니다.

첫 번째 문제는 래퍼의 너비와 관련이 있었습니다:

image
image2168×720 127 KB

디자인을 마무리한 지 약 한 주 후 포럼을 방문했을 때, 래퍼가 눈에 띄게 더 좁아져 있음을 발견했습니다. 예전에는 2줄에 표시되던 텍스트가 이제는 3~4줄에 걸쳐 표시됩니다.

두 번째 문제는 이 스레드에서 보고하는 내용으로, 텍스트가 무작위로 정렬이 깨지는 현상입니다.

28일간의 시범 기간이 아직 끝나지 않았는데 벌써 두 번이나 이런 문제를 겪고 있어 걱정됩니다.

10

공식 디스커스 테마(디스커스 팀이 만든 라이트 테마와 다크 테마 등)와 비공식 테마가 있습니다. 공식 테마가 깨진 경우 디스커스 팀이 수정해야 하지만, 비공식 테마가 깨진 경우 테마 제작자에게 수정을 요청해야 합니다. 결국, 디스커스 팀이 깨진 모든 테마를 하나하나 수정하는 것은 현실적으로 불가능하기 때문입니다(포럼에서 누구나, 당신과 저를 포함하여, 테마를 게시할 수 있습니다).

CSS를 깨뜨린 원인은 아마도 디스커스 팀이 의도치 않게 테마의 CSS에 영향을 미친 변경 사항일 것입니다. 이 경우 테마 제작자가 수정해야 하며, 또는 해당 저장소를 포크하여 직접 수정할 수도 있습니다. 혹은 #marketplace에서 누군가를 고용할 수도 있습니다. 원하지 않는 답변일 수 있지만, 불행히도 비공식 테마에 대해서는 할 수 있는 일이 많지 않습니다. 다행인 점은, 이전 게시글에서 보여드린 것처럼 수정이 비교적 간단해 보인다는 것입니다.

그러나, 이 테마가 디스커스 소유인 것 같습니다. 저장소가 다음과 같기 때문입니다:

따라서 제가 놓치고 있는 부분이 없는 한, 디스커스 팀에게 문의해 볼 수 있을 것입니다.

아래 주소의 안전 모드(safe-mode)에 접속하여 문제가 실제로 테마에 있는지 확인할 수 있습니다: https://forum.actionvfx.com/safe-mode

그 후, 테마만 비활성화하고 확인을 누르면 설명 텍스트가 정렬되는 것을 볼 수 있습니다.