제 포럼에서 Meta의 디자인을 흉내 내기

여러분, 안녕하세요.

누군가 우리 포럼에서 Meta의 디자인을 어떻게 근사적으로 재현할 수 있을지 조언해 주실 수 있을까요?

특히 다음 사항들에 관심이 많습니다:

  • 사이드바를 기본적으로 숨기기
  • 게시물 목록 위에 특정 카테고리를 강조 표시하기
  • 최신 / 카테고리 / 새 글 옵션, 그리고 카테고리 및 태그 드롭다운 메뉴 제거하기
  • 사용자 정의 사이드바
  • 카테고리 이름 아래에 설명 표시하기

이것은 해당 테마가 사용하는 것처럼 커스텀 홈페이지를 사용할 때만 가능합니다. 또한 새로운 Blocks API를 사용하고 있습니다.

해당 테마에 대한 일반적인 설명이 아래 링크에 있으며, 참고하시기에 유용할 수 있습니다:

기본적으로 사이드바가 숨겨져 있는 깔끔한 외관을 좋아합니다. 특히 로그인하지 않은 사용자에게是如此입니다. 제 사이트는 실제 이벤트 참석 등으로 인해 일회성 방문객이 많을 가능성이 높고, 신규 사용자는 메뉴로 인해 혼란을 느낄 수 있습니다. 회원들은 필요할 때 메뉴 위치를 알고 있으므로, 저는 기본적으로 숨겨두기를 원했습니다.

다행히 Don이 정확히 그 기능을 수행하는 매우 간단한 컴포넌트를 만들어 주었습니다.

저는 비슷한 효과를 내기 위해 featured topics(추천 주제) 컴포넌트를 사용합니다.

하지만 CSS로 커스터마이징을 합니다 - 세부 사항

드롭다운 메뉴도 신규 사용자에게 혼란을 줄 수 있다고 생각하여 숨겼고, 드롭다운 메뉴가 없는 상황에서 내비게이션을 돕기 위해 breadcrumbs(브레드크럼) 컴포넌트를 사용했습니다.

브레드크럼 컴포넌트 및 제 커스터마이징 링크

드롭다운 메뉴 숨기는 방법 세부 사항

이 컴포넌트가 도움이 될 것 같습니다.

제 커스터마이징을 강력히 추천하기보다는, 다양한 가용 컴포넌트와 약간의 CSS가 Discourse 포럼의 외관을 어떻게 맞춤화하고 개별 커뮤니티 및 다양한 요구 사항에 맞게 조정할 수 있는지 보여주고자 합니다.

오, 정말 멋지네요. 항상 새로운 것을 발견하게 되네요 하하

유용한 자료를 공유해 주셔서 감사합니다!

홈페이지에 카테고리가 아니라 주제(Topics)를 표시하고 싶었습니다. 새로운 Meta 홈페이지처럼 작동하는 것을 아직 찾지 못했습니다.

예제 테마를 Skills for authoring themes and blocks에서 공유했습니다. 이 테마는 Meta 테마와 동일한 방식을 사용하여 추천 블록이 포함된 맞춤형 홈 페이지를 렌더링합니다.

해당 테마에는 전용 추천 카테고리 블록이 없지만, Featured Categories Header도 참고해 볼 수 있습니다.