워드프레스 블로그 글 복사 금지 및 우클릭 금지 방법 2가지

티스토리와 워드프레스에서 사용할 수 있는 블로그 글 복사 금지 및 우클릭 금지 방법 2가지를 알려드리겠습니다.

티스토리나 워드프레스 블로그는 직접 작성한 창작물만 게재되어야 하는 공간이지만, 가끔은 불법 복제 글이 게재되는 문제가 발생합니다.

블로그 글 일부 또는 첨부 이미지를 불펌하여 발행하는 이들이 있습니다. 심한 경우는 블로그 글 전문을 무단 복제하여 발행하는 경우도 있습니다.

블로그 글 복사 금지

내가 쓰고 내가 만든 이미지가 무단 복제되는 것을 방지하고 싶다면 블로그에 마우스 복사 금지 및 우클릭 금지 기능을 설정해야 합니다.

티스토리와 워드프레스에서 블로그 글 복사 금지 및 우클릭 금지 하는 방법을 설명하겠습니다.

 

마우스 우클릭 금지 및 복사 금지

블로그 글 복사 금지 또는 블로그 우클릭 금지 설정 방법은 서비스 플랫폼마다 다른데, 기본적으로 스킨 파일에 특정 소스 코드를 추가하는 방식으로 구현합니다.

티스토리와 워드프레스에서는 직접 소스 코드를 삽입하거나 제공되는 기능 또는 플러그인을 이용하여 블로그 글 복사 금지 및 우클릭 금지 설정을 할 수 있습니다.

  • HTML 소스 코드
  • JavaScript 소스 코드
  • 우클릭 금지 및 복사 금지 플러그인

마우스 우클릭 금지 등의 소스 코드가 블로그 로딩 속도에 영향을 끼치진 않지만 가급적이면 플로그인을 사용하지 않는 것이 좋습니다. 소스 코드는 큰 영향을 주지 않지만 플러그인은 로딩 속도에 영향을 끼치기 때문에 최대한 사용하지 않는 것이 좋습니다.

 

블로그 글 복사 금지 소스

플러그인을 사용하지 않고 티스토리, 워드프레스 등의 블로그에서 마우스 오른쪽 버튼 클릭을 비활성 시킬 수 있습니다.

드래그를 차단하는 방법으로 복사 금지 설정도 할 수 있습니다.

  1. 우클릭 금지 HTML 소스 코드
<body oncontextmenu="return false">
...	
</body>

  1. 우클릭 금지 및 드래그 금지 HTML 소스 코드
<body oncontextmenu="return false" ondragstart="return false">
...	
</body>

  1. 우클릭 금지 JavaScript 소스 코드 1
document.addEventListener('contextmenu', event => event.preventDefault());

  1. 우클릭 금지 JavaScript 소스 코드 2
document.addEventListener('contextmenu', function(event) {
   event.preventDefault();
}, true);

마우스 우클릭 금지 질문에 관한 stackoverflow 답변

3번 우클릭 금지 JavaScript 소스 코드 1는 stackoverflow 질문의 답글(#737043)에서 보다 자세한 내용을 확인할 수 있습니다. 답글을 다른 형식의 자바스크립트 소스도 확인할 수 있습니다.

우클릭 금지 자바스크립트 소스 코드 및 예제 페이지

4번 우클릭 금지 JavaScript 소스 코드 2는 예제 페이지(jsfiddle.net/GCLf6/)에 방문하면 실제 작동 여부를 확인할 수 있습니다. 하단 우측의 흰색 영역에서 마우스 우클릭 하세요.

HTML 소스 코드와 자바스크립트 소스 코드는 조금 변형하여 사용할 수 있습니다. 특히 자바스크립트는 무한게 가깝게 소스 코드 변경이 가능합니다.

예를 들면 우클릭 금지 및 드래그 금지 HTML 소스 코드에 onselectstart = “return false”을 추가하면 선택 금지까지 적용할 수 있습니다.

자바스크립트의 경우 JavaScript 소스 코드 2번의 3번째 줄과 4번째 줄 사이에 alert(‘warning!’);을 추가할 경우 마우스 오른쪽 버튼 클릭 시 warning!이라고 쓰여진 팝업 경고창을 띄울 수 있습니다.

jQuery를 이용하면 보다 단단한 블로그 글 복사 금지 및 우클릭 금지 설정을 할 수 있습니다. 그러나 100% 완벽하게 차단하진 못합니다.

 

블로그 글 복사 금지 플러그인

티스토리, 워드프레스 등은 블로그 글 복사 금지 플러그인을 이용하여 마우스 우클릭 또는 마우스 드래그를 차단할 수 있습니다.

티스토리는 제공되는 플러그인만 사용할 수 있습니다. 워드프레스 블로그는 다양한 플러그인 중에 선택하여 설치할 수 있습니다.

티스토리 마우스 오른쪽 클릭 방지 플러그인

티스토리 블로그 글 복사 금지 플러그인 오른쪽 클릭 방지

  1. 티스토리 관리 페이지에 방문하여 로그인합니다.
  2. 왼쪽 메뉴 목록에서 플러그인을 클릭합니다.
  3. 목록에서 마우스 오른쪽 클릭 방지 플러그인을 찾아 클릭합니다.
  4. 안내 팝업 창의 적용 버튼을 클릭합니다.

마우스 오른쪽 클릭 방지 플러그인 적용되면 티스토리 블로그 전체 글 및 페이지에서 마우스 우클릭이 차단됩니다. 그러나 앞서 말했듯 블로그 글 복사 및 첨부 이미지 무단 복사 행위를 완벽하게 차단하진 못합니다.

워드프레스 플러그인 1

워드프레스 플러그인은 관리 페이지에서 설치할 수 있습니다. 자세한 방법은 워드프레스 플러그인 설치 방법 글을 참고하세요.

워드프레스 우클릭 금지 플러그인 WP Content Copy Protection & No Right Click


이 워드프레스 마우스 우클릭 차단 플러그인을 설치하면 워드프레스 블로그의 글이 복사 되는 것을 방지할 수 있습니다. 우클릭, 복사, 소스 보기 등이 차단 됩니다.

이 마우스 우클릭 차단 플러그인은 JavaScript와 CSS를 이용하여 블로그 글을 보호 합니다. 마우스 오른쪽 버튼을 클릭하거나 이미지 저장을 시도하면 경고 메시지 등이 표시됩니다.

WP Content Copy Protection는 무료 버전이 있고 유료 버전이 있습니다. 자세한 내용은 워드프레스 플러그인 WP Content Copy Protection 페이지에서 확인할 수 있습니다.

워드프레스 플러그인 2

워드프레스 우클릭 차단 플러그인 Disable Right Click For WP

이 플러그인을 설치하면 워드프레스 블로그에서 마우스 우클릭, 복사, 소스 보기 등을 차단할 수 있습니다.

그러나 워드프레스 블로그 운영자, 관리자 등은 로그인 시 차단된 모든 마우스 기능을 이용할 수 있습니다.

Disable Right Click For WP 플러그인은 무료이며, 관리페이지에서 설치할 수 있습니다.

자세한 내용은 Disable Right Click For WP 플러그인 페이지에서 확인할 수 있습니다.

이 글에서 설명한 블로그 글 복사 금지 및 우클릭 금지 방법은 일부 사용자 환경에서는 모두 무력화될 수 있습니다.

공개된 웹페이지는 어떠한 방법으로도 마우스 우클릭 메뉴(컨텍스트 메뉴) 사용이나 드래그 등을 차단하지 못합니다.

일부 사용자만 차단될 뿐이며 모든 사용자에 대한 블로그 글 복사 금지 및 우클릭 금지 설정은 불가능합니다.

네이버 블로그 글 복사 불펌 발행 예시

공개된 웹 페이지는 그 어떤 방법으로도 100% 완벽하게 보호할 수 없습니다.

훔쳐간 글을 게재 할 때 훔쳐온 곳의 주소를 남기는 멍청한 짓을 하는 사람들도 공개된 글은 마음만 먹으면 불펌 할 수 있습니다.

내 블로그 글을 누군가 훔쳐갔다면 저작권 침해로 신고할 수 있습니다. 신고 후 민형사 소송을 진행할 수 있습니다. 포털서비스 블로그의 경우는 신고하여 글을 삭제 시킬 수 있습니다. 자세한 방법은 네이버 블로그 불펌 신고 글과 티스토리 블로그 불펌 신고 글에서 확인할 수 있습니다.

Leave a Comment