여러분 안녕하세요,
모든 사용자가 그룹에 들어갈 때 허가를 요청해야 하고, 각 그룹이 해당 카테고리의 접근을 제어하는 커뮤니티를 설계하고 있습니다.
그룹 페이지( https://community.horbitercafe.com/g )에 환영/설명용 HTML을 추가하고 싶습니다.
가장 간단한 방법은 무엇일까요?
감사합니다.
F.
이게 올바른 플러그인 아웃렛인지 확실하지 않지만, 아래 방법을 시도해 볼 수 있습니다.
커스터마이즈 > </head>
여기에 다음을 추가하세요.
<script type="text/x-handlebars" data-template-name="/connectors/before-group-container/plugin-outlet-component">
여기에 HTML을 입력하세요
</script>
1개의 좋아요
이것을 /g 페이지에만 제한하려면 어떻게 해야 하나요?
네, 실제로 이 플러그인은 https://discourse.example.org/g/foo와 같은 페이지에서 그룹 이름 및 기타 정보 위에 HTML을 "주입"할 수 있도록 합니다. 공유해 주셔서 감사합니다.
@Fausto_Dassenno 주 그룹 목록 페이지에 대한 기능을 찾고 계신 건가요? 단, 개별 그룹 상세 페이지에는 적용되지 않는 경우를 말씀하시는 거죠?
맞습니다. 메인 그룹 목록 페이지에만 HTML을 추가하고 싶습니다.
html 코드에 gr-horbiter와 같은 클래스를 추가하세요.
<script type="text/x-handlebars" data-template-name="/connectors/before-group-container/plugin-outlet-component">
<div class="gr-horbiter">
your html code
</div>
</script>
그리고 공통(common)에 이 css를 추가하세요.
.gr-horbiter {
display: none;
}
body.groups-page .gr-horbiter {
display: block;
}
코드를 테스트해 보지는 않았지만 작동할 것입니다.
1개의 좋아요
감사합니다, @Steven. 스크립트 부분은 컴포넌트의 HTML 섹션에 넣으면 되나요? 아니면 HTML을 직접 수정해야 하나요?
죄송합니다. 질문을 정확히 이해하지 못했습니다. 영어가 제 모국어가 아니라서 몇 가지 오해할 수 있습니다.
스크립트와 HTML을 </head> 섹션에 복사하고, 필요하면 div나 span을 추가하여 환영 메시지를 커스터마이징하면 됩니다. 그러면 정상적으로 작동할 것입니다.
1개의 좋아요
Steven님, 감사합니다. 작동되게 만들었습니다.
단, 그룹 상세 페이지가 아니라 그룹 인덱스 페이지에 이 기능이 추가되어야 합니다.
적어도 이제 이 기능의 논리를 파악했습니다. 더 조사해 보겠습니다.
그룹 인덱스 페이지에서 연결자를 찾을 수 없습니다.
테스트를 해봤어야 했는데, 이제 문제가 뭔지 알겠어요 
플러그인 아웃렛이 그룹 메인 페이지에서 작동하지 않아요.
여전히 배너를 추가할 방법은 있지만, 아마도 가장 깔끔한 방법은 아닐 거예요. Discourse 스태프가 더 나은 방법을 알고 있을 수도 있어요.
이 CSS 코드를 사용하면 텍스트를 추가하고 스타일링을 할 수 있지만, 이 클래스만 사용할 수 있고 텍스트 배너에 링크를 추가하는 방법은 없는 것 같아요.
body.groups-page .groups-header::before {
content: "Your text";
width: 100%;
margin: 0 0 15px 0;
}
이 클래스에 배경, 테두리 등을 추가하여 배너를 커스터마이징할 수 있습니다.
2개의 좋아요
감사합니다.
이 방법으로 제 목표를 달성할 수 없습니다. 제가 하려던 일은 그룹을 위한 랜딩 페이지를 만들어 새로운 사용자들이 원하는 그룹에 대한 접근 권한을 요청할 수 있게 하는 것이었습니다. 이를 위해 몇 가지 설명을 HTML로 제공하려 했습니다.
그룹 인덱스 페이지에서 새로운 아웃렛 이름을 요청하는 것이 얼마나 어려운가요?
이런 것만 원하신다면 간단합니다
.welcome-message {
display:none;
}
.groups-page .welcome-message {
display:block;
margin: 20px;
}
그리고 헤더 이후(After Header) 섹션에 다음을 추가하세요
<div class="welcome-message">여기에 환영 인사 및 안내 문구를 입력하세요</div>
3개의 좋아요
네, 그건 확실히 최고의 해결책이에요
가끔 제가 일을 너무 복잡하게 만들더라고요
3개의 좋아요
좋아요, 이렇게 하면 작동합니다!
같은 작업을 하되, 메인 페이지에서만 표시하고 싶다면 .groups-page를 무엇으로 대체해야 하나요?
HTML 홈페이지의 body에 사용된 클래스를 확인해 보세요.
예를 들어, meta.discourse.org에서는 다음과 같습니다:
<body class="navigation-topics" data-gr-c-s-loaded="true" style="" cz-shortcut-listen="true">
여기서 사용된 클래스는 navigation-topics입니다.
1개의 좋아요
혹은 더 화려한 것을 원한다면 다음을 시도해 보세요.
흥미롭네요, 제 홈페이지에는 이런 것이 있습니다
홈페이지는 어떤 페이지인가요?
이것이 질문하신 내용인가요?
빈 body 클래스에 문제가 있는 이유를 파악했습니다.
페이지 소스를 보는 대신 F12 키를 눌러 Chrome/Firefox/Edge 개발자 도구를 열고 “Elements” 탭으로 이동하세요.
여기서 HTML 코드를 확인하면 에 올바른 클래스가 표시됩니다.