워드프레스에는 다양한 플러그인이 있고, 이 플러그인을 이용하여 손쉽게 마우스 우클릭 방지, 드래그 방지 및 단축키를 통한 복사를 하지 못하도록 설정할 수 있습니다.
복사방지 플러그인은 copy protection이나 no right click 등으로 검색을 하면 많이 검색이 되니 필요에 따라 설치하시면 됩니다. 하지만 플러그인의 숫자를 계속 늘린다면 페이지의 속도가 저하될 수 있고, 경우에 따라서는 플러그인과의 충돌이 발생하기도 한다고 하니 가급적이면 플러그인 사용을 최소화하는 것이 좋겠습니다.
그래서 플러그인을 추가로 설치하지 않고 간단한 코드를 추가하여 복사방지를 할 수 있는 방법에 대하여 알아본 결과 블로그의 body 태그에 간단한 코드만 삽입하면 된다는 것을 확인했습니다.
해당 코드는 다음과 같습니다.
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">이 코드를 사용하면 마우스 우클릭 방지, 마우스 드래그 방지, 이미지 복사 드래그 방지 및 키보드 단축키를 통한 복사가 방지됩니다.
oncontextmenu가 우클릭 방지 관련 부분이고, onselectstart는 마우스 드래그 방지, ondragstart는 이미지복사 드래그 방지 그리고 onkeydown이 단축키를 통한 복사 방지 부분입니다.
필요 없는 부분은 삭제하고 사용하시면 됩니다.
해당 코드를 body태그에 추가하기 위하여 이미 설치되어 있는 Head & Footer Code를 사용하였습니다.
Head & Footer Code의 BODY code에 아래와 같이 코드를 삽입하였습니다.
<body oncontextmenu="return false" ondragstart="return false" onkeydown="return false">많은 분들이 마우스 드래그를 하며 글을 읽는 경우가 있어 마우스 드래그가 가능하도록 onselectstart=”return false” 부분은 삭제하고 나머지 부분만 코드를 적용하였습닌다.
이렇게 하니 마우스 드래그를 제외한 나머지 마우스 우클릭 금지 및 단축키를 사용한 카피 금지가 적용되었습니다.
블로그의 글을 함부로 카피하지 못하게 하는 기능을 구현하실 분들은 여러 방법이 있지만 위에서 소개해 드린 방법을 사용해 보시기 바랍니다.
카피방지 플러그인을 설치하여 사용하는 것 보다 더 간편하게 이용할 수 있습니다.
키보드가 작동하지 않는 오류가 있어 코드를 일부 수정했습니다.
아래 글을 참고하시기 바랍니다.
https://prespres.com/prevent-copying-of-text-and-image/