먼저 테마 컴포넌트 이름 커스텀을 추가하고, 아래 이미지에 표시된 대로 해당 테마 또는 모든 테마를 활성화했는지 확인하세요.
첫 번째 컴포넌트를 추가하여 주제나 게시물에 원저자 또는 다른 로고를 표시합니다.
아래와 같이 CSS 코드를 추가하세요.
.posts-wrapper {
position: relative;
}
div.topic-owner .topic-body .contents > .cooked::after {
content: "TOPIC OWNER - meta.discourse.org"; /* 텍스트 내용, "TOPIC OWNER"로 변경 가능 */
font-size: small; /* 글꼴 크기 */
color: #00aeff; /* 글꼴 색상 */
float: right; /* 오른쪽 정렬 */
font-style: italic; /* 이탤릭체 */
font-weight: bold; /* 볼드체 */
}
코드를 저장하는 것을 잊지 마세요.
두 번째 컴포넌트를 추가합니다.
제목 뒤에 코드를 추가하세요.
<div class="custom-welcome-banner" style="background-color: var(--custom-banner-bg); padding: 10px; text-align: center;">
<strong>커스텀 콘텐츠는 짧게 유지하세요</strong>，커스텀 콘텐츠
<a href="/faq" style="color: var(--custom-banner-link); margin-left: 10px;">《자주 묻는 질문》</a>
</div>
색상 정의 코드 추가
웹사이트에서 낮/밤 모드 전환이 허용되는 경우 이 단계가 필요합니다.
:root {
/* 동적 색상 변수 정의 */
--custom-banner-bg: #{dark-light-choose(#d1f0ff, #03374b)};
--custom-banner-text: #{dark-light-choose(#ffffff, #000)};
--custom-banner-link: #{dark-light-choose(#50d8ff, #0073ea)};
}
코드를 저장하는 것을 잊지 마세요.
이런 질문을 한 사람이 있는지 모르겠습니다. Discourse를 사용하여 구축된 몇몇 포럼을 참고하여 내용을 정리했습니다.
이 게시물에 이미 유사한 해결책이 있거나 저작권 문제가 있다면 삭제해 주세요.
이런 질문을 한 사람이 있는지 모르겠습니다. Discourse를 사용하여 구축된 몇몇 포럼을 참고하여 내용을 정리했습니다.
이 게시물에 이미 유사한 해결책이 있거나 저작권 문제가 있다면 삭제해 주세요.
왜 이 게시물을 올렸을까요?
- 코딩을 하는 방법을 모릅니다.
- 영어를 잘하지 못합니다.
- 특히 코딩을 모르는 사람들이 필요로 할 것이라고 생각합니다.
- 코딩을 아는 사람들은 문서를 직접 확인하여 해결책을 찾게 될 것입니다.
요약하자면, 누락된 부분이 있다면 관리자에게 수정을 요청해 주세요. 내용이 적절하지 않다면 삭제해도 됩니다. 또한, 제가 나중에 필요한 해결책을 여기서 찾을 수 있도록 저를 위해 저장해 두는 것입니다.
영어에 익숙하지 않습니다. 이 내용은 모두 구글 번역을 통해 번역되었습니다. 표현이 적절하지 않은 부분이 있다면 양해 부탁드립니다.
새로운 사용자는 이미지를 하나만 추가할 수 있어, 효과를 보여줄 수 있는 방법이 없습니다.
