DiscPage: 정적 페이지를 만들고 텍스트에 토론 풍선을 삽입하는 플러그인

:warning: 비추천

이 플러그인은 더 이상 유지 관리되지 않으며 현재 버전의 Discourse와 호환되지 않습니다.
업그레이드 문제를 피하기 위해 프로덕션 사이트에서 제거하는 것을 권장합니다.
수년간 이 플러그인을 사용하시고 기여해 주신 모든 분들께 감사드립니다. :folded_hands:

DiscPage를 사용하면 모든 주제에 “Page” 카테고리를 추가하여 정적 페이지를 생성할 수 있습니다.

이후 풍선 아이콘을 삽입하여 사용자가 페이지의 하위 섹션에 대해 논의할 수 있도록 할 수 있습니다.

기존 데모 새로운 데모와 리포지토리를 확인해 보세요.

41개의 좋아요

토론 주제가 /latest에서 좀 이상하게 표시되네요. "페이지 댓글"이나 비슷한 이름의 별도 카테고리로 분리하는 것이 어떨까요?

구조화된 태그를 사용하는 방식은 꽤 깔끔합니다 :slight_smile:

5개의 좋아요

네, discpage balloon category 설정을 사용하여 “balloon” 토론에 카테고리를 지정할 수 있습니다.

6개의 좋아요

대단해요!!! 저희 비영리 단체에서 꼭 활용할 수 있을 것 같아요!

6개의 좋아요

왼쪽에 카테고리/하위 카테고리를 표시하는 방법이 있나요?

왼쪽에 카테고리/하위 카테고리를 표시하는 방법이 있나요?

DiscPage 정적 페이지에서 카테고리를 자동으로 표시하는 방법은 없습니다. 대신 카테고리 링크를 수동으로 추가할 수 있습니다. 그런 다음 테마 컴포넌트를 사용하여 해당 링크를 스타일링하여 왼쪽 사이드바에 배치할 수 있습니다.

참고: 이미 알고 계실 수 있지만, 햄버거 메뉴에서도 카테고리에 접근할 수 있습니다.

2개의 좋아요

@syl 님, 훌륭한 플러그인을 공유해 주셔서 감사합니다 :slight_smile:

혹시 이 플러그인이 아래 플러그인과 어떤 점이 다른지도 설명해 주실 수 있을까요?

1개의 좋아요

언급하신 플러그인은 정말 좋아 보입니다. 직접 사용해 보진 않았지만, 차이점은 다음과 같습니다.

  • 페이지 작성 방식이 다릅니다: ProCourse는 풍부한 기능을 갖춘 백엔드를 제공하지만, DiscPage는 단순히 주제를 변환할 뿐입니다(따라서 일반적인 마크다운 편집으로 제한됩니다).
  • ProCourse는 페이지 내부의 토론 풍선(discussion balloons)을 지원하지 않습니다.
4개의 좋아요

오늘 이 플러그인을 발견했는데 정말 인상 깊었습니다! @syl님, 수고 많으셨습니다.

확인만 드리고 싶은데, 이 기능이 카테고리 안에 제한적으로 적용되고 포럼 전체를 덮어쓰지는 않는 것이 맞나요? 저희 프로젝트에서 구상 중인 (잠재적인) 아이디어는 하나의 카테고리를 이용해 협업 가이드를 작성하되, 나머지 포럼(일반적인 Discourse)은 그대로 유지하는 것입니다.

네, 맞습니다.

네, DiscPage가 할 수 있는 것 같습니다.

1개의 좋아요

@syl님 감사합니다!

마지막 질문입니다 (지금은요): :slight_smile: 이 플러그인은 권한을 어떻게 정의하나요? 누가 이 정적 페이지를 생성/수정/삭제할 수 있나요?

1개의 좋아요

DiscPage 정적 페이지란 특정 미리 정의된 카테고리를 가진 주제에 불과합니다. 이를 "Page"라고 부르겠습니다. 따라서:

  • 정적 페이지는 Page 카테고리에서 주제를 생성할 수 있는 누구나 생성할 수 있습니다. 필요에 따라 Page 카테고리의 권한을 설정해야 합니다. 일반적인 경우로는 여기에서 설명된 대로 “생성” 권한을 관리자만 사용할 수 있도록 제한하여, 관리자만 정적 페이지를 생성할 수 있게 하는 것입니다.

  • 정적 페이지는 주제 작성자와 스태프 사용자(일반 주제와 동일하게)에 의해 수정/삭제될 수 있습니다.

1개의 좋아요

왜 플러그인이 햄버거 아이콘을 수정하나요? 빨간색으로 바뀌어서 CSS를 다시 원래대로 되돌리는 방법을 알아내야 합니다. 플러그인은 마음에 들지만, 이 문제를 수정해 주시겠어요?

안녕하세요 @Erik_Manger, 귀하의 문제는 여기에 설명되어 있습니다:

햄버거 메뉴가 빨간색으로 변했는데 어떻게 해야 하나요?

Hamburger Menu
빨간색 햄버거 메뉴는 DiscPage가 꺼져 있음을 의미합니다. 이는 다음 경우에 발생합니다:

  1. 오류로 인해 DiscPage가 시작되지 못한 경우 (이 경우 디버그 콘솔에서 DiscPage 관련 오류를 확인하세요), 그리고
  2. 사용자가 수동으로 DiscPage를 꺼둔 경우 (아래 참고).

@syl 이 단계들을 따라 하는 게 정말 어렵네요. 죄송하지만 이건 초보자가 흔히 겪는 문제라는 걸 알고 있어요. 그런데 간단한 복사-붙여넣기용 템플릿을 공유해 주실 수 있을까요? 아니면 짧은 영상 튜토리얼이 있을까요? 아니면 제가 직접 하나씩 알려주시면, 다른 초보자를 위해 유튜브 영상을 만들어드릴게요.

  • 정적 페이지를 편집하려면, 페이지 오른쪽 상단의 “연필” 버튼을 클릭하세요. (햄버거 메뉴에서 DiscPage를 꺼낸 후, 평소처럼 주제를 편집할 수도 있습니다.)
  • 정적 페이지의 스타일을 설정하려면, .dpg-page-content 클래스를 사용하세요. 개별 페이지의 스타일을 설정하려면 html[data-dpg-page-id] 데이터 속성을 사용하세요. 예를 들어, 설정 > 사용자 지정 > 라이트 테마 > CSS/HTML 편집으로 이동하여 공통 > CSS 섹션에 다음 내용을 입력하세요:
1개의 좋아요

정적 페이지가 JS를 가져오거나 링크할 수 있나요?

1개의 좋아요

정적 페이지는 표준 Discourse 주제와 동일한 방식으로 렌더링되므로, 주제에서 js 스크립트를 사용하는 규칙이 적용됩니다. 메타 사이트에서 이 주제에 대해 여러 논의가 이루어진 것으로 보입니다. 이는 테마 컴포넌트를 생성하고 커스터마이징해야 함을 의미합니다(외부 스크립트 링크를 허용하는 Discourse 설정도 있습니다).

이 페이지의 “정적 페이지 커스터마이징” 섹션을 확인하고, 정적 페이지의 js 사용 예시를 살펴보는 것도 좋습니다(상단의 콤보 박스 참고).

1개의 좋아요

이미 정적 페이지를 생성하셨나요? 연필 버튼을 볼 수 있나요?

정적 페이지의 스타일 지정은 표준 Discourse 주제 페이지의 스타일 지정과 유사합니다. 테마 구성 요소를 생성하고 커스터마이징하면 됩니다. 여기에 예시가 있습니다. 또한 meta에서 'Theme Components’를 검색할 수도 있습니다. .dpg-page-content 클래스를 사용하면 모든 주제 페이지가 아닌 정적 페이지에만 적용되는 CSS 규칙을 만들 수 있습니다.

그 주제에 대해 말하자면, 사용자 입력을 받아 이미지를 가져오는 API가 있다고 가정해 보겠습니다. 보내 주신 링크 상단에는 몇 개의 콤보박스가 있더군요. 사용자가 콤박스에서 무언가를 선택하면, JS가 해당 사용자 입력에 따라 무언가를 표시합니다. 정적 페이지(static page) 내부에서 이것이 가능한가요?

1개의 좋아요

저희 도구가 100% 정상적으로 작동한다고 생각합니다. 문제가 제 사용법에 대한 지식 부족 때문이네요 :frowning: .dpg-page-content와 함께 제공해주신 링크를 확인해 보겠습니다.

페이지: https://community.tigergraph.com/t/this-is-a-test-page/606

편집(Edit) 버튼을 클릭하세요. 코드 조각(chunk of code)을 붙여넣으세요. 설정(Settings)으로 이동한 후 사용자 지정(Customize)을 선택하세요. 코드 조각(chunk of code)을 붙여넣으면 기본적인 HTML 웹페이지가 표시되는 것을 볼 수 있을 겁니다. 저 같은 초보자에게는 정말 큰 도움이 될 거예요! 하하!

제 질문에 시간을 내어 답해 주셔서 감사합니다 :slight_smile:

진행 상황 알려드릴게요. 제 것도 여러분처럼 보이게 만들 수 있으면 좋겠네요!

1개의 좋아요