에어 테마와 함께 사용하고 싶어요. 박스와 카테고리 구성이 마음에 들어서요.
2개의 좋아요
배경 이미지에 회색 영역이 침범하지 않는 것을 원하시나요?
그렇다면 위의 코드를 그대로 사용하되 clip-path 속성을 unset으로 설정하면 됩니다.
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://global.discourse-cdn.com/meta/original/3X/8/3/8352b68….jpeg);
background-size: cover;
clip-path: unset;
이 방식은 해당 이미지와 함께 실제로 매우 멋져 보입니다!
8개의 좋아요
아, 알겠어요! 감사합니다!
4개의 좋아요
5개의 게시물이 기존 주제에 병합되었습니다: Search banner theme component
이 코드를 어떻게 적용하나요? 정확히 어디에 넣어야 하는지 알려주세요
사이트의 외관과 느낌을 사용자 지정하는 방법에 대해 더 잘 이해하려면 다음 주제들을 자유롭게 읽어보세요 
그리고 이것들도 참고해 주세요:
2개의 좋아요
@jordan.vidrine 정말 감사합니다. 말씀하신 변경 사항을 적용했는데, 이건 꼭 테마와 관련된 문제는 아닐 수 있지만, 제 versatile 배너의 배경이 중복으로 표시되고 있습니다. discourse air에서 제가 변경한 것은 이것뿐입니다.
left: 0;
height: 100vh;
width: 100vw;
background: #003366;
clip-path: ellipse(148% 70% at 91% -14%);
background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
clip-path: unset;
}
}
현재 제 페이지는 이렇게 보입니다. 이 부분은 versatile 배너에서 수정해야 하는 건지, 아니면 air 테마에서 수정해야 하는 건가요?
versatile 배너에 배경 이미지나 색상을 설정해 두지 않았습니다.
제안해 주실 수 있는 방법이 있을까요?
1개의 좋아요
background-size: cover;를 시도해 보거나, 이를 변형한 다양한 방법을 실험해 볼 수 있습니다.
여기서 더 자세한 정보를 볼 수도 있습니다: background-size | CSS-Tricks
2개의 좋아요
아, 알겠습니다. 그렇게 하겠습니다. 이미지를 줌아웃하면 크기가 반복되는 문제인데요:
높이와 너비 패딩도 제거해야 할까요?
background-size를 직접 테스트해볼게요. 감사합니다!
2개의 좋아요
.background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
background-size: cover;
clip-path: unset;
완벽하게 작동합니다. 감사합니다!
3개의 좋아요
메인 페이지의 헤더 텍스트 크기와 색상을 변경하는 방법을 아는 사람이 있나요?
Discourse의 작동 방식과 사이트의 특정 영역을 사용자 지정하는 방법에 대해 더 잘 이해할 수 있도록 여기로 안내해 드립니다.
5개의 좋아요
게시물이 기존 주제에 병합되었습니다: Dark / Light mode toggle component
이 폰트 색상을 변경하는 방법에 대해 아이디어가 있으신가요? 해당 작업을 위해 컴포넌트를 만들 예정입니다. 이 문제는 모바일에서만 발생하므로, 컴포넌트도 모바일 디자인에만 사용할 수 있도록 하겠습니다.
검색 버튼
푸터 검색
2개의 좋아요
음 
, 스크린샷만으로는 어떤 페이지에 있는지, 혹은 어떤 특정 폰트를 말씀하시는 것인지 파악하기 어렵습니다. 공유해 주신 이미지에는 커스터마이징이 가능한 텍스트 항목이 4개 이상 있습니다.
Discourse를 꽤 많이 커스터마이징하는 데 관심이 있으신 것 같네요. 정말 멋진 일입니다 
사이트의 외관과 느낌을 어떻게 커스터마이징하는지 더 잘 이해할 수 있도록 다음 주제들을 읽어 보시는 것을 추천드립니다
그리고 이 글들도 참고해 보세요:
1개의 좋아요
조던, 위와 마지막 메시지에 모두 '더 읽어보기’라고 언급되어 있는 걸 확인했습니다. 그 점 이해하고 존중하지만, 저는 디자이너가 아니고 기본 지식으로 주제를 거의 일주일 동안 직접 커스터마이징했습니다. 그리고 '비영리 커뮤니티’에 커스터마이징 비용으로 500달러를 쓸 만큼 부유하지도 않습니다.
따라서 이 부분에 대한 도움을 주시면 감사하겠습니다. 저를 위해서가 아니라, 커스터마이징에 대한 기본 지식으로 여러분의 주제를 분명히 좋아할 다른 커뮤니티 사용자들을 위해서요.
Discourse의 가장 큰 장점은 물론 학습 곡선이 존재하지만 (요즘 기술적인 도구라면 다 마찬가지입니다), 원하는 부분을 자유롭게 커스터마이즈할 수 있다는 점입니다. 약속합니다!
우리는 커뮤니티가 스스로 방법을 배울 수 있도록 이러한 주제를 작성합니다. 가끔 너무 어렵게 느껴질 때는 언제든 도움을 드릴 준비가 되어 있습니다.
그럼에도 불구하고, 이전에 링크드 주제들을 읽어보시면 분명히 찾으시는 도움을 얻을 수 있을 것입니다!
6개의 좋아요
최근 활동과 응답 수와 함께 조회 수를 다시 표시할 수 있을까요?
2개의 좋아요
테마 컴포넌트에서 그렇게 할 수 있어야 합니다. 지금은 컴퓨터 앞에 있지 않아서 확실히 말씀드리기 어렵지만, Chrome과 같은 브라우저 검사기를 사용해 토픽 목록 요소를 검사하면 어떤 행이 CSS로 숨겨져 있는지 확인할 수 있을 것입니다. 그런 다음 커스텀 테마 컴포넌트를 사용해 해당 행을 표적으로 지정하여 보이도록 만들 수 있습니다.
4개의 좋아요
안녕하세요, 저는 Air 테마와 Topic List Thumbnails Theme Component - theme - Discourse Meta 테마 컴포넌트의 그리드 모드를 사용하고 있습니다. 하지만 다른 테마에서와 달리 주제(토픽) 배열 방식이 다릅니다.
예를 들어,
해당 컴포넌트를 사용하는 다른 테마의 경우,
이것이 버그인지, 아니면 주제 섬네일을 표시하기 위해 권장되는 다른 테마 컴포넌트가 있는지 알려 주실 수 있을까요?
1개의 좋아요