Challenges/티스토리

[티스토리] 복사방지 설정, 특정 영역만 복사 허용하는 방법

뚱요 2021. 7. 6. 00:00
반응형

블로그를 하다 보면 누군가 남의 포스팅을 그대로 가져다가 쓰는 경우가 있다. 이전에 제가 찍어서 올린 사진도 워터마크 넣었는데 찾아보니 스크린샷으로 사진 가져간 경우가 있었습니다. 이러한 무분별한 복사를 방지하기 위해서 블로그 글을 복사하지 못하도록 하는 설정을 해줘야 한다. 코드 같은 경우는 복사할 수 있도록 설정하기 위해서 방법을 찾아보고 정리해본다.

일단 블로그 내용 전체 복사하지못하도록 하는 방법이랑 복사하지 못하지만 글 작성 시 특정 영역만 복사 가능하도록 설정하는 두 가지 방법이 있다. 두 가지 방법을 알아본다.

1. 전체 복사 방지하는 방법(티스토리 플러그인)

티스토리 자체 플러그인을 이용해서 블로그 의 모든 글을 복사 방지하도록 한다. 장점은 간단하지만 이후 특정 영역만 복사하도록 설정할 수가 없다. 그럴 필요가 없는 분들에게 추천한다.

1.1 티스토리의 블로그 관리>플러그인화면으로 이동하면 하단과 같이 적용 가능한 여러 가지 플러그인들이 있다. 그중에서 '마우스 오른쪽 클릭 방지'를 눌러준다.

1.2 마우스 오른쪽 클릭 방지를 '적용' 한다

적용이 되면 하단과 같이 사용중으로 바뀌게 된다.

2. 특정 영역만 복사 허용하는 방법

특정스킨에서는 특정 영역만 복사 허용하는 방법이 적용되지 않는다.

사실 이 방법도 여러가지이다. 이 방식은 마우스 오른쪽 클릭 방지를 해제한 후 시작해야 한다.

2.1 티스토리 블로그 관리 > 꾸미기 > 스킨 편집 > html 편집으로 이동

2.1  html 편집에서 CSS에 하단의 코드 복사해서 붙여 넣기

본문 내용은 복사가 불가능하지만 코드만 복사 가능하도록 설정해주었다. 잘 적용되어 본문의 모든 텍스트와 이미지에서 드래그 및 복사가 불가하다.

/*블로그 불펌방지 및 특정영역 허용*/
code {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}
반응형