 |
요약 | 이 테마 컴포넌트는 렌더링된 게시글의 외부 링크에 대해 설정 가능한 보호 기능을 추가합니다. 신뢰도 기반 규칙, 선택적 로그인 및 정보 리디렉션, 신뢰할 수 있는 도메인에 대한 시각적 표시기, 사용자 지정 가능한 이탈 확인 모달을 적용합니다. |
 |
미리보기 | Theme Creator |
 |
리포지토리 | https://github.com/VaperinaDEV/external-link-shield |
 |
설치 가이드 | 테마 또는 테마 컴포넌트 설치 방법 |
 |
디스코ourse 테마를 처음 접하십니까? | 디스코ourse 테마 사용 입문가 가이드 |
이 테마 컴포넌트 설치
안녕하세요 
렌더링된 게시글에서 외부 링크에 대한 세밀한 제어를 추가하는 테마 컴포넌트를 공유하고자 합니다. 이 컴포넌트는 다음을 결합합니다:
- 신뢰도 기반 접근 제어
*匿名用户(익명 사용자) 보호 - 사용자 지정 이탈 확인 모달
- 신뢰할 수 있는 도메인과 미확인 도메인에 대한 시각적 표시기
이 컴포넌트는 외부 링크가 법적, 보안적 또는 신뢰도의 함의를 가질 수 있는 커뮤니티를 위해 설계되었습니다.
기능
설정 가능한 신뢰도 규칙
모든 신뢰도 기반 동작은 테마 설정을 통해 완전히 설정할 수 있습니다.
다음 항목을 독립적으로 활성화하거나 비활성화할 수 있습니다:
- 익명 사용자 차단
- TL0 정보 대체
- TL1 수동 공개 요구
- 더 높은 신뢰도 레벨을 위한 이탈 확인 모달
이를 통해 컴포넌트는 엄격한 링크 차폐부터 최소한의 사용자 마찰까지 매우 다양한 커뮤니티 정책에 적응할 수 있습니다.
신뢰도 인식 외부 링크
외부 링크는 뷰어의 신뢰도 레벨에 따라 다르게 작동합니다:
- 익명 사용자
- 외부 링크는 로그인 링크 또는 설정에서 정의된 사용자 지정 URL로 대체됩니다.
- TL0
- 링크는 설정 가능한 리디렉션으로 대체됩니다. 예를 들어, 신뢰도 레벨을 설명하는 주제나 설정에서 정의된 기타 URL 등입니다.
- TL1
- 링크는 수동 공개(클릭하여 보기)를 필요로 하며, 링크를 클릭하면 이탈 확인 모달이 표시됩니다.
- TL2+
- 링크는 정상적으로 작동하지만 항상 이탈 확인 모달이 표시됩니다.
이탈 확인 모달
포럼을 떠나기 전에 사용자는 다음과 같은 모달을 확인합니다:
- 커뮤니티를 떠나고 있다는 점을 명확히 명시
<code>태그로 전체 대상 URL 표시- 사용자의
external_links_in_new_tab설정 준수
이것은 특히 다음 경우에 유용합니다:
- 컴플라이언스가 중요한 커뮤니티
- 피싱 완화
- 경험이 적은 사용자 교육
설정을 통한 도메인 기반 동작
이 컴포넌트는 두 가지 테마 설정을 도입합니다:
internal_domains:
type: list
default: ""
description: "Your forum and CDN domains (e.g., example.com|example-cdn.com). These will have NO icon and NO modal."
excluded_domains:
type: list
default: ""
description: "Trusted external domains (e.g., youtube.com|google.com). These will show a LOCK icon but skip the modal/shielding."
- 내부 도메인
- 내부로 처리됨 → 아이콘 없음, 모달 없음
- 제외(신뢰할 수 있는) 도메인
잠금 아이콘 표시- 신뢰도 게이트 및 모달 스킵
- 기타 모든 외부 링크
- 외부 링크 아이콘 표시
- 신뢰도 레벨에 따라 게이트 처리 및/또는 확인
시각적 표시기 (SCSS)
아이콘은 순수하게 CSS를 통해 추가됩니다:
- 외부 미확인 링크 → 외부 링크 아이콘
- 신뢰할 수 있는 외부 링크 → 잠금 아이콘 (성공 색상)
이것은 DOM을 깔끔하게 유지하고 JS 기반 아이콘 주입을 피합니다.
이 스크린샷은 컴포넌트가 다음을 어떻게 시각적으로 구별하는지 보여줍니다:
- 제외 도메인: 신뢰할 수 있는 외부 링크 (잠금 아이콘, 이탈 확인 없음),
- 내부 도메인: 내부 링크 (아이콘 없음, 이탈 확인 없음),
- 미확인 외부 링크 (이탈 확인이 있는 외부 링크 아이콘).
사용 사례
다음과 같은 경우 이 컴포넌트가 유용합니다:
- 사용자가 안전하지 않거나 오해의 소리가 있는 외부 링크로부터 보호
- 사용자가 포럼을 떠나기 전에 신규 사용자에게 교육
- 커뮤니티 신뢰도 진행 상황 강제
- UX를 해치지 않으면서 법적/컴플라이언스 면책 조항 추가
: 
