본문 바로가기
생활 이야기

티스토리 우클릭금지 설정, 드래그금지 설정

by DD-hope 2021. 11. 14.

 

 

안녕하세요, DD입니다.

 

잠자는 동안 수익이 생겨야만 하는 시대가 왔다고 하죠. 티스토리 블로그 하시는 분들은 html을 조금은 사용할 줄 알아야 하며, 스스로 여러 설정을 해야만 합니다.

 

그중 오늘은 우클릭 금지 설정과 드래그 금지 설정하는 방법 공유해드리려 합니다.

 

썸네일

 

목차

앞서 말씀드린 것처럼 우클릭 방지 설정 방법과 드래그 방지 설정 방법을 알아보겠습니다.

  • 우클릭 방지 설정 방법
    우리가 열심히 작성한 블로그 글과 사진을 다른 사람들이 복사해 갈 수 있겠죠. 복사를 하기 위해서는 마우스 오른쪽 버튼을 클릭하여 메뉴를 활성화시키고 복사를 클릭해야 합니다. 복사하기를 클릭하지 못하도록 우클릭을 막는 것입니다.

  • 드래그 방지 설정 방법
    복사하는 행위를 하기 위해서는 먼저 복사할 내용을 드래그해야겠죠. 복사는 우클릭 후 복사하기를 누르는 방법도 있지만 Control Key(Ctrl)+C 단축키로도 복사가 가능합니다. 단축키를 이용한 복사를 방지하기 위해서는 드래그 자체를 막아야 합니다.

 

 

 

우클릭 방지 설정 방법

우클릭 방지하는 방법는 티스토리에서 제공하고 있습니다.

아래와 같이 설정하면 마우스 우클릭 방지 설정이 완료됩니다.

 

티스토리 관리자 Mode > 플러그인 > 마우스 오른족 클릭 방지 > 적용

 

설정하는 방법 상세히 알아보도록 하겠습니다.

 

 


 

 

1. 티스토리 관리자 Mode로 들어가 관리 메뉴 중 플러그인을 클릭하여 들어갑니다.

티스토리 관리자 Mode > 플러그인 

메뉴설명

 

 

 

2. 플러그인 메뉴를 누르면 오른쪽에 티스토리에서 제공하는 여러 기능들이 뜨는데요, 그중 찾아보시면 "마우스 오른쪽 클릭 방지" 메뉴가 있습니다. 클릭하시면 위의 그림과 같은 화면이 뜹니다. 오른쪽 아래의 "적용" 버튼을 눌러주시면 설정이 완료됩니다.

 

플러그인 > 마우스 오른쪽 클릭 방지 > 적용

우클릭 금지

 

 

3. 그럼 적용이 잘 되는지 확인해봐야겠죠. 플러그인으로 다시 들어가 보면 마우스 오른쪽 클릭 방지 메뉴에 "적용 중"이라고 빨간 표시가 되어 있습니다.

 

 

확인

 

 

 

 

 

드래그 방지 설정 방법

앞서 말씀드린 것처럼 복사는 마우스 오른쪽 클릭으로 하는 것뿐만 아니라, 드래그 후 단축키 Ctrl+C 로도 복사가 가능합니다. 그래서 드래그 방지도 필요하죠. 드래그 방지 설정 방법 알아볼까요?

 

티스토리 관리자 Mode > 스킨 편집 > html 편집 > "body" 검색 > 드래그 금지 명령어 추가 > 적용

 

드래그 금지 하는 방법 상세히 알아보겠습니다.

 

 


 

 

1. 티스토리 관리자 메뉴에서 "스킨 편집"을 클릭해주면 바뀌는 화면에서 "html 편집"을 클릭해줍니다.

  • 스킨 편집 > html 편집

스킨 편집 > html 편집

 

 

2. 스킨의 html 코드 중에서 "body"를 검색해줘야 하는데요, 어려운 코드들이 있는 곳에 커서가 생기도록 클릭해주시고, 키보드에서 ctrl 키를 누를 채 F 키를 눌러줍니다. (ctrl+F) 그러면 상단에 노랗게 검색할 수 있는 공간이 생기는데요, 그곳에 body를 타이핑하여 enter 키를 눌러줍니다.

  • ctrl + F
  • body 검색

body 검색

 

 

3. 검색해주면 위와 같이 body id=으로 시작하는 코드가 보이실 겁니다. 검색된 body는 노랗게 하이라이트 되어 있습니다. 그러면 위의 캡처와 같이 아래에 "드래그 금지" 코드를 넣어주시면 됩니다.

 

아래를 보고 타이핑하셔도 되고, 아래 코드를 넣어둔 파일도 함께 올려드리니 text 파일을 열어 복사하여 사용하셔도 됩니다.

 

<!-- 드래그 금지-->
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">

티스토리 드래그 금지.txt
0.00MB

 

작성 완료 후 우상단의 "적용"을 눌러줍니다.

코드

 

 

 

 

지금 이 글이 위의 두가지를 적용한 글인데요, 우클릭 방지와 드래그 방지가 잘 적용되어 있나요?

마우스 오른쪽 클릭 금지와 드래그 금지 설정이 필요하신 분들께 도움이 되었으면 합니다.

 

 

댓글