읽기 모드

:discourse2: 요약 **리더 모드(Reader Mode)**는 Discourse 토픽 내에서 집중적인 읽기 경험을 제공합니다
:eyeglasses: 미리보기 Discourse Theme Creator에서 미리보기
:hammer_and_wrench: 리포지토리 https://github.com/discourse/reader-mode
:open_book: Discourse 테마를 처음 사용하시나요? Discourse 테마 사용 입문 가이드

이 테마 컴포넌트 설치

기능

이 테마 컴포넌트는 토픽 타임라인에 “리더 모드” 버튼을 추가합니다. "리더 모드"는 텍스트에 초점을 맞추고 다른 UI 요소를 배경으로 흐리게 만들어 더 집중적인 읽기 경험을 제공합니다. 사용자는 다양한 폰트 선택, 텍스트 크기 및 읽기 너비 조정, 선호하는 배경색 변경 등도 선택할 수 있습니다.

설정

이름 설명
svg 아이콘

:discourse2: 우리가 호스팅을 제공하나요? 테마 컴포넌트는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.

25개의 좋아요

글자 크기를 변경할 수 있는 옵션을 정말 좋아해요 :smiling_face_with_three_hearts:

아쉬운 점은 이 컴포넌트가 모바일용이 아니라는 거예요.

6개의 좋아요

이것이 공식적으로 출시되어서 기쁩니다 :slight_smile: :tada:

리더 모드에서 플랫폼의 글꼴 목록과 일치하도록 설정할 수 있을까요? 예를 들어, 저희는 Open Sans를 사용하고 있지만, 리더 모드의 글꼴 드롭다운 메뉴에는 이 옵션이 없습니다. 선택할 수 있는 글꼴 목록이 동일하다면 좋은 기능이 될 것 같습니다. :slight_smile:


수정: Discourse TOC를 사용하지만 답글이 없는 주제에서는 리더 모드 아이콘이 표시되지 않는다는 점도 발견했습니다.

여기서 예시를 확인할 수 있습니다:

그러나 답글이 하나 이상 있는 경우, 타임라인, TOC 및 리더 모드가 예상대로 표시되는 것 같습니다.

3개의 좋아요

내가 이상한 건가요? 토픽의 스크린샷에 포함된 아이콘을 찾을 수 없어요:

아마도 아니죠!

다른 테마를 시도해 보세요. (기본, 메타 브랜디드, 에어 중 하나를 추천합니다.)

3개의 좋아요

아, 네, 그거였네요. 해결됐습니다. 감사합니다 :slight_smile:

1개의 좋아요

이제 모든 테마에 추가했습니다. :+1: 일부에서 일부러 누락된 건지 모르겠지만, 불평이 들어올 때까지 기다려서 확인하겠습니다. :slight_smile:

2개의 좋아요

게스트용 함수도 추가해 주실 수 있을까요? 현재는 등록 및 로그인한 사용자만 사용할 수 있습니다.

모바일용 구현도 있으면 좋겠습니다.

훌륭한 컴포넌트를 만들어 주셔서 감사합니다 :slight_smile:

네, 저도 다음 업데이트에서 이 테마 구성 요소가 휴대폰에서 사용자 옵션을 지원하기를 바랍니다.

리더 모드가 디스코 TOC와 충돌합니다

목차(DiscoTOC 제공, 대용량 문서에 필수)와 리더 모드(대용량 문서에 필수)를 동시에 사용할 수 없는 것 같습니다.

4개의 좋아요

이 텍스트를 번역할 수 있을까요?
Screenshot - 23_06_2025 , 09_26_26 a. m.

2개의 좋아요

번역이 가능하도록 변경을 제안했습니다:

https://github.com/discourse/reader-mode/pull/50

수정: 병합되었습니다 :tada: 이제 구성 요소를 업데이트하면 설정 페이지에서 버튼을 번역할 수 있어야 합니다.

4개의 좋아요

완벽해요!!!
정말 감사합니다!!!

2개의 좋아요