예를 들어, 로고가 forum.example.com 대신 forum.example.com/latest를 가리키도록 하고 싶습니다. 어떻게 하면 될까요? 개발자 없이도 쉽게 변경할 수 있는 건가요? 제 포럼은 Discourse로 호스팅되고 있습니다. 이 정보가 도움이 될지 모르겠네요.
이렇게 하고 싶은 이유는, 포럼에 접속한 사용자의 기본 화면이 “카테고리” 페이지가 되도록 해서 포럼이 덜 intimidating(두렵게 느껴지지 않도록) 하고 싶기 때문입니다. 대신 로고를 클릭하면 “최신” 페이지로 이동하도록 하고 싶습니다.
테마에서 이렇게 하면 작동할 것입니다:
<script type="text/discourse-plugin" version="0.4">
api.changeWidgetSetting('home-logo', 'href', '/latest')
</script>
감사합니다! 제가 초보자인데, 이 코드를 어디에 붙여넣어야 하는지 구체적으로 알려주실 수 있나요? CSS가 들어가는 자리는 아닌 것 같죠?
CSS 항목 오른쪽의 HEAD 섹션에 들어갑니다. Developing Discourse Themes & Theme Components 에서 관련 내용을 배울 수 있습니다.
네크로Posting 해서 죄송하지만, 이걸 새 탭으로 열리게 하려면 어떻게 해야 하나요? self 대신에? 여기서 target blank를 사용할 수 있나요?
여기서는 home-logo 위젯에서 방지되어 있기 때문에 조금 더 많은 커스터마이징이 필요합니다:
따라서 changeWidgetSetting을 사용하여 URL을 설정한 후, reopenWidget을 사용하여 _blank를 추가하고 새 창에서 열리는 것을 방지하는 기본 클릭 동작을 오버라이드해야 합니다.
<script type="text/discourse-plugin" version="0.8">
const { h } = require("virtual-dom");
api.changeWidgetSetting('home-logo', 'href', 'https://discourse.org');
api.reopenWidget("home-logo", {
html() {
return h(
"a",
{ attributes: { href: this.href(), "data-auto-route": true, "target": "_blank" } },
this.logo()
);
},
click(e) {
return;
},
});
</script>
훌륭한 설명 감사합니다. 제가 원했던 것을 구현하기 위해 우회 방법을 찾았어요. 헤더에 아이콘 링크를 추가하고, 로고가 가리켜야 할 URL을 입력한 뒤, 다른 탭으로 연결하는 방식이었죠. 결국 잘 작동했고, 사용자들도 원하는 것(헤더에 있는 외부 홈페이지 링크)을 얻게 되었습니다. 개인적으로는 현재 방식이 더 마음에 들어요. 포럼 홈 링크로 로고를 사용하는 것을 좋아하기 때문이죠.