워드프레스에서 우클릭 및 복사 방지 방법 (플러그인 & 코드 추가)

내가 작성한 글이나 이미지를 다른 사람이 복사하여 사용하는 것을 방지하기 위한 다양한 방법들이 있습니다. 티스토리 블로그의 경우 우클릭 방지 및 복사 방지를 위한 플러그인을 기본적으로 제공해주고 있지만, 워드프레스 블로그의 경우 사용자가 플러그인을 직접 설치하거나, 아니면 CSS 또는 HTML 코드를 삽입하여 우클릭 및 복사를 방지할 수 있습니다. 이 글에서는 워드프레스에서 우클릭 및 복사를 방지하는 방법에 대해서 알아 보겠습니다.



1. 우클릭 및 복사 방지 플러그인 설치

워드프레스에서 우클릭 및 복사를 방지하기 위한 가장 간단한 방법은 플러그인을 설치하는 것입니다. 우클릭 및 복사를 방지하는 대표적인 플러그인은 WP Content Copy Protection & No Right Click 입니다. 이 플러그인은 우클릭 및 복사 방지를 위한 다양한 기능을 제공하고 있습니다. 플러그인 설치는 아래 이미지 참고해서 [플러그인] – [새로 추가] 항목에서 검색해서 설치하시면 됩니다.

우클릭 및 복사 방지 플러그인 설치




WP Content Copy Proection & No Right Click 플러그인은 무료 기능과 유료기능 차이를 두고 있습니다. 우클릭과 복사 방지 기능에 대한 기본은 기능은 사용할 수 있지만, 관리자를 보호에서 제외하는 기능은 무료 버전에서 사용할 수 없고, 유료 버전에서만 사용할 수 있습니다.

우클릭 및 복사 방지 플러그인 설정



우클릭 및 복사 방지 플러그인을 설치 후 웹페이지에서 우클릭을 하면 아래 사진과 같은 경고 문구가 나타납니다. 경고 문구는 WP Content Copy Proection & No Right Click 플러그인 설정창에서 [선택 비활성화 메시지]에서 변경할 수 있습니다.

우클릭 및 복사 방지 실제 구현 화면




2. 우클릭 및 복사 방지 코드 추가 방법

플러그인을 설치하지 않고 코드 추가를 통해서도 우클릭 및 복사 방지를 할 수 있습니다. 이 방법은 워드프레스뿐만 아니라 다른 블로그, 웹사이트에서도 사용할 수 있습니다.

[관련 글]  워드프레스 텍스트 편집기 필수 플러그인 (제너레이트 블록 플러그인 설치 및 사용)


2.1. HTML 코드 Body에 추가

워드프레스 body에 아래 코드를 추가하여 우클릭 및 복사 방지를 할 수 있습니다.

<body oncopy="return false" oncut="return false" onpaste="return false">
  • oncontextmenu = “return false”: 오른쪽 마우스 클릭 방지
  • onseletstart = “return false”: 마우스 드래그 방지
  • ondragstart = “return false” : 이미지 복사 드래그 방지
  • onkeydown = “return false”: 키보드 단축키 복사 방지




Body에 코드를 삽입할 수 있는 플러그인이 설치되어 있다면 해당 플러그인을 통해서 코드를 추가하면 됩니다. 저의 경우 [Head & Footer Code] 플러그인을 설치하고 사용하였습니다. 워드프레스 관리페이지 [도구] – [Head & Footer Coder]를 클릭 한 후 스크롤을 하면 [BODY Code] 섹션이 나타나는데 여기에 코드를 입력하면 됩니다.



2.2. 테마의 functions.php 파일에 코드 추가

그 다음 방법은 워드프레스 테마 fuctions.php 파일에 아래 코드를 추가해주시면 됩니다.

function disable_right_click() {
    echo '<script>
        document.addEventListener("contextmenu", function(e) {
            e.preventDefault();
        });
    </script>';
}
add_action('wp_footer', 'disable_right_click');



테마 functions.php 파일에 우클릭 및 복사 방지 코드를 추가하기 위해서 관리페이지에서 [외보] – [테마파일 편집기]로 들어갑니다. 테마 파일에서 Theme Functions를 선택합니다. 코드가 있는 곳에서 제일 아래로 내려가서 복사한 코드를 붙여 넣습니다.

테마파일 수정

워드프레스 블로그에서 우클릭 및 복사 방지를 하더라도 이를 무력화 시키는 다양한 방법들이 있습니다. 크롬 브라우저에서 익스텐션 하나만 설치해도 복사 방지가 무력화됩니다.




3. 자주 묻는 질문

1. 우클릭 및 복사 방지가 웹사이트 성능에 영향을 미치나요?

아니요, 대부분의 경우 우클릭 및 복사 방지는 웹사이트 성능에 미치는 영향이 미미합니다. 플러그인을 사용하거나 코드를 추가하는 것만으로는 웹사이트의 성능이 크게 저하되지 않습니다. 하지만 설치한 플러그인이 무거울 경우 웹사이트 로딩 속도를 늦출 수 있습니다.


2. 보안 플러그인을 사용하면 어떤 기능을 추가로 얻을 수 있나요?

보안 플러그인은 우클릭 및 복사 방지뿐만 아니라 웹사이트에 다양한 추가 기능을 제공할 수 있습니다. 예를 들어, 악성 코드 검사, 브루트포스 공격 방지, 로그인 보안 등을 포함할 수 있습니다. 하지만 앞서 이야기한 것처럼 웹사이트가 느려질 수 있습니다.

[관련 글]  워드프레스 요스트 SEO (Yoast) 플러그인 설치 후 글 목록 제목이 좁게 표시 현상 해결 방법


3. 코드 편집은 워드프레스 웹사이트에 어떤 위험을 초래할 수 있나요?

코드 편집은 웹사이트에 오류를 초래할 수 있으므로 주의가 필요합니다. 잘못된 코드를 추가하면 웹사이트가 다운될 수 있으므로 코드 편집 시에는 주의를 기울여야 합니다.


4. 우클릭 및 복사 방지를 사용하면 모든 방문자에게 동일하게 적용되나요?

네, 우클릭 및 복사 방지는 모든 방문자에게 동일하게 적용됩니다. 이는 웹사이트의 모든 페이지에 일관되게 적용되며, 특정 사용자에게 예외를 허용하는 설정이 가능합니다.