안녕하세요, 무물입니다. 이번에는 워드프레스 모든 테마 공통 드래그 방지하는 방법에 작성해보려고합니다.
지난 게시글 우클릭 방지에 이어 작성되었습니다. [워드프레스 블로그 우클릭 방지 코드 v1.0]
드래그 방지코드는 워드프레스 테마에 따라 상이하기 때문에 문의 주신 부분 먼저 작성되었습니다.
드래그 방지코드는 모든 워드프레스 테마에서 작동하도록 코드를 수정하여 처리하였습니다.
우클릭 방지를 하였는데 왜 드래그 코드까지 작성하느냐라는 의문을 가지실 수 있지만, 모바일에서나 태블릿에서 드래그기 되어짐을 방지하기 위한 것입니다.
워드프레스 드래그 방지하는 방법
** Head & Footer 플러그인 기준으로 작성되었습니다. **
Head & Footer Code 플러그인이 아닌 다른 플러그인을 사용하신다면 여기서 설명드리는 영역에 대해 수정 및 삽입해주시면 됩니다.
워드프레스 관리자 페이지에 접속합니다.
여기서 도구 > Head & Footer Code를 클릭합니다.
Head & Footer Code에서 Head 영역으로 갑니다.
Head 영역에서 아래와 같이 이미지 아래에 있는 코드를 복사하여 붙여넣습니다.
<script src="https://cdn.jsdelivr.net/gh/seungm2n/WPdrgblcker@master/moomul_drag_blocker.js"></script>코드를 삽입하였으면, 맨 밑으로 내려가 저장버튼을 클릭합니다.
이렇게 하면 설정이 완료되며, 싱글 포스트 게시글 내 뿐만 아니라 메인화면에도 적용된 것을 확인하실 수 있습니다.
이제 모바일 및 태블릿에서도 그 부분에 대해서는 드래그가 되어지지 않습니다.
코드블럭을 제외한 부분을 빼고는 컨텐츠 출력 부분에서는 드래그가 되어지지 않습니다.
만약, 문제가 있다면 Docs 페이지 피드백을 통하여 남겨주시기 바랍니다. 감사합니다.