랜딩 페이지 사용자 지정

일부 포럼이 디스코urs 포럼의 랜딩 페이지에 커스텀 디자인을 적용하는 것을 본 적이 있습니다. 디스코urs GitHub에서 코드를 수정하지 않고도 이를 구현할 수 있을까요?

랜딩 페이지의 최신 토픽 목록 위에 배너 이미지와 텍스트를 추가하고 싶습니다.

참고 링크

https://discuss.codecademy.com/

네, Discourse의 소스 코드를 변경하는 것은 업그레이드를 훨씬 더 어렵고 깨지기 쉽게 만들므로 강력히 권장하지 않습니다. 대신 테마, 테마 컴포넌트, 플러그인을 활용해야 합니다.

일부 기존 Customization > Theme component 이 작동할 수 있거나, 자체 개발을 원할 경우 최소한 예시로 사용할 수 있습니다.

Versatile Banner 은 그대로 사용하거나 약간의 조정만으로도 작동할 수 있습니다.

Showcased Categories Theme Component 는 홈페이지에 사용자 정의 콘텐츠를 표시하는 방법에 대한 좋은 일반적인 예시입니다.

가장 빠른 방법은 관리자 영역 > 커스터마이즈 탭 > 테마 이름 클릭 > CSS/HTML 편집 > 헤더 이후 탭으로 이동한 후, 해당 영역에 HTML 코드를 붙여넣는 것입니다. 이 영역은 다음과 같습니다:

Blender Artists에서는 일부 플러그인과 CSS만 사용하며, 사용자 정의 HTML은 사용하지 않습니다.

훌륭합니다!!! 현재 사용하고 계신 플러그인 중 몇 가지를 추천해 주시겠어요?

강력 추천합니다. Versatile Banner은 매우 간단하고 사용이 쉬우며 꽤 유연합니다.

저는 제 작은 사이드 프로젝트인 투자 포럼 사이트에만 사용했는데, 지금까지 결과에 만족하고 있습니다.

링크된 컴포넌트와 함께 사용하여 3개의 카테고리 주위에 영역/존 링크를 만들었는데, 잘 작동합니다. 새 컴포넌트를 만들고 헤더에 코드를 삽입하기만 하면 끝납니다.

우리에게 가장 중요한 기능은 주제 목록 미리보기입니다. 이 기능은 페이지 상단의 대표 이미지 행과 갤러리 등을 처리합니다.

안녕하세요 @awesomerobot :grinning_face_with_smiling_eyes:

저희 팀은 커뮤니티가 해결책으로 더 잘 안내받을 수 있도록 어제 새로운 홈페이지를 출시했습니다(https://forum.webflow.com/). 하지만 완전히 사용자 정의된 홈페이지를 만들기 위해 Discourse 인스턴스를 discourse.webflow.com으로 전환해야 했습니다.

이 모든 것이 하나의 서브도메인 내에서 이루어지기를 훨씬 선호하기 때문에, 완전히 사용자 정의된 홈페이지 경험을 업로드할 수 있는 방법이 있는지 궁금합니다. 도움을 주셔서 진심으로 감사드립니다! :folded_hands:

가능하지만, 하려는 작업에 따라 다소 복잡할 수 있습니다. 가장 자주 사용하는 접근 방식은 테마에서 기본 카테고리 페이지의 템플릿을 오버라이드하는 것입니다(사용자님의 경우 하위 카테고리가 포함된 카테고리 박스). 그런 다음 해당 페이지를 홈페이지로 설정합니다(Discourse 관리 설정의 top_menu로 제어됨). 해당 템플릿은 https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/app/templates/components/categories-boxes.hbs 에 있습니다.

템플릿 오버라이드에 대한 내용은 Developing Discourse Themes & Theme Components 의 고급 섹션에서 다룹니다.

정말 감사합니다, @awesomerobot!!! 이 옵션을 검토해 보려고 해요. 크리스, 이렇게 빠르게 답변 주셔서 정말 감사드립니다 :folded_hands: :grinning_face_with_smiling_eyes: