워드프레스에서 플러그인을 설치하여 텍스트나 이미지 복사방지를 설정할 수 있습니다.
하지만 플러그인을 많이 사용할 경우 속도 지연이나 충돌 등의 문제가 있을 수 있기 때문에 플러그인을 사용하지 않고 간단한 코드를 삽입하여 복사방지 기능을 구현했습니다.
1. 기존 복사방지 코드 및 에러 발생
워드프레스에서 플러그인을 사용하지 않고 글 복사 방지를 설정하는 방법
위 글에서 소개해 드린 것처럼 기존에는 아래와 같은 코드를 사용했습니다.
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
코드를 자세히 설명하면 다음과 같습니다.
① oncontextmenu=”return false” 마우스 우클릭 방지
② onselectstart=”return false” 마우스 드래그 방지
③ ondragstart=”return false” 이미지 복사 드래그 방지
④ onkeydown=”return false” 키보드 단축키를 통한 복사 방지
그런데, 여기서 문제가 발생합니다.
댓글창이나 검색창에서 간혹 키보드가 작동되지 않는 현상이 나타납니다. 일부 입력이 되기도 하지만 backspace가 작동되지 않습니다.
이렇게 되면 방문자가 댓글을 작성하지 못하고 블로그에서 검색을 하지 못하는 경우가 발생할 수 있습니다.
2. 에러 해결을 위한 코드 수정
그래서 급하게 코드를 수정했습니다.
키보드 작동에 문제가 있는 이유는 아마도 ④번 항목 “onkeydown=”return false” 키보드 단축키(Ctrl+C, Ctrl+V)를 통한 복사 방지” 때문일 것으로 생각되어 해당 코드를 삭제하고 다른 코드로 대체했습니다.
<body oncontextmenu=”return false” ondragstart=”return false” >
드래그 기능은 살려두고, 키보드도 완벽하게 작동되도록 하기 위해서 위 코드 중 ②, ④를 삭제했습니다.
그리고 Ctrl+C / Ctrl+V 비활성화를 위해 다음의 코드를 추가했습니다.
oncopy=”return false” oncut=”return false” onpaste=”return false”
그래서 완성된 코드는 다음과 같습니다.
<body oncontextmenu="return false" ondragstart="return false" oncopy="return false" oncut="return false" onpaste="return false"></body>
위 코드를 body태그에 추가하면 됩니다.
간단한 방법으로 Head & Footer Code 플러그인이나 WPCode 플러그인의 BODY code에 코드를 삽입하면 해결됩니다.
코드 삽입 후 확인한 결과, 드래그인은 가능, Ctrl+C / Ctrl+V 비활성화, 마우스 우클릭 비활성화 기능이 완벽하게 구현되었습니다.