레이아웃 추천? 변경 사항을 미리 보는 방법?

저는 https://discuss.codecademy.com/ 사이트를 정말 좋아합니다.

저희 사이트는 https://community.tillerhq.com/ 에 있습니다.

저희는 Jobs to Be Done(진행 상황 모델)을 loosely(유연하게) 사용하여 제품과 경험을 구축하고 있습니다.

Code Academy가 이 부분을 잘 이해하고 있다고 생각합니다. 회원이 사이트를 방문했을 때 궁극적으로 현재의 상황을 개선하기 위해 무엇을 하려는 것일까요? 저희도 이를 달성하고 단순화하는 것을 목표로 하고 있습니다.

Code Academy 사이트와 유사한 형식으로 실험해보고 싶지만, 라이브 사이트에서 실험하는 것이 회원들에게 혼란을 줄까 봐 걱정됩니다. 레이아웃에 영향을 미치는 변경 사항을 미리 “preview(미리보기)” 할 수 있는 방법이 있을까요?

또한, 저희가 문서에 크게 의존하고 있는 TOC 플러그인과 관련하여 일부 사소한 포맷/미적 변경이 문제를 일으키는 것을 확인했습니다. 주로 지연(latency) 때문인 것 같습니다(변경 후 제대로 다시 로드되는 데 1분 정도 걸리는 것 같나요?). 그래서 세밀한 튜닝을 많이 하지 못했습니다.

그리고, 저희 사이트의 레이아웃/구성에 대해 피드백이 있으신 분이 있다면 그것도 정말 좋겠습니다. 새로운 시각이 큰 도움이 됩니다!

훌륭한 제품을 만들어 주셔서 감사합니다 @sam @codinghorror :slight_smile: :santa: :christmas_tree:

5개의 좋아요

헤더, 안녕! :smiley: :wave:

네, 가능합니다! 커뮤니티 관리자 설정의 커스터마이즈 섹션에서 변경 사항을 만들고 미리 볼 수 있습니다. 모든 작동 원리를 설명하는 이 훌륭한 가이드를 참고하세요:

Codecademy 테마에 관심이 있으신 것 같아서, 이것도 함께 공유합니다:

:hugs:

13개의 좋아요

일부 변경 사항을 적용한 후 다시 이 문제를 다뤄봅니다.

첫 번째 관찰 사항으로, 제가 확인한 바로는 카테고리에 다른 레이아웃을 미리보기로 볼 수 없는 것 같습니다. 우리는 카테고리가 표시되는 방식을 '추천 주제 포함 상자’에서 '추천 주제 포함 카테고리’로 변경하고 싶었습니다. 이 설정을 업데이트하자 라이브 사이트가 즉시 변경되었습니다. 다른 분들의 참고를 위해 공유드립니다.

새로운 질문입니다. 가능하면 이 링크와 텍스트의 색상을 어떻게 수정할 수 있을까요? 여기에는 링크가 너무 많아 어떤 것이 링크이고 어떤 것이 아닌지 시각적으로 혼란스럽습니다. 사람들이 실제로 필요하거나 클릭해서 더 자세히 탐색할 수 있는 내용에 집중할 수 있도록 특정 링크의 색상을 커스터마이징하고 싶습니다.

1개의 좋아요

네. 관리자 대시보드의 ‘Customise’ 탭으로 이동하여 현재 테마의 CSS를 편집하거나, 변경 사항을 반영한 테마 컴포넌트를 추가하면 어떤 요소의 색상/외관을든 변경할 수 있습니다.

Chrome 검사기(Inspector)를 사용하여 대상이 될 올바른 CSS 클래스를 찾을 수 있습니다.

3개의 좋아요

감사합니다! 하위 카테고리에서 이 읽지 않음 및 새 항목 카운트를 제거할 수 있는 방법이 있을까요? 색상은 조정했지만, 화면이 어수선해 보여서 숨기고 싶습니다. 설정에서 이 옵션을 찾지 못했습니다. 현재 라이트 테마만 사용하고 있습니다.

1개의 좋아요

위에서 Hawk가 공유한 제안과 동일합니다. 브라우저 인스펙터를 사용하여 대상이 될 CSS 클래스를 찾아 테마 구성 요소를 통해 변경 사항을 적용하세요.

4개의 좋아요

혹시 다른 분들도 discuss.codeacademy.com과 비슷한 룩, 특히 커스텀 홈 페이지 배너를 어떻게 만드는지 궁금해하실까 봐 여기를 마무리하려고 합니다. 결국 @awesomerobot님의 가이드를 참고해서 홈 페이지에서만 표시되는 배너를 만들었습니다. theirs처럼 화려하지는 않지만, 목적을 달성하기에는 충분합니다!

그리고 Category Banners를 사용했습니다.

CSS 조정 덕분에 읽지 않은 항목 수 등의 색상 스킴을 맞추는 데 도움이 되었습니다.

감사합니다!

6개의 좋아요