티스토리 포스팅 부분 복사 허용하는 방법

IT TIPS/TISTORY

티스토리 포스팅 부분 복사 허용하는 방법

semit 2023. 1. 26. 00:48

들어가며

티스토리 블로그 포스팅 중 일부를 부분적으로 복사하는 것을 허용하는 방법을 알아본다.

저작권 보호를 위해 포스팅을 임의 복사할 수 없도록 드래그나 마우스 우클릭을 차단하곤 한다. (이조차도 뚫는 방법이 없는 건 아니지만..)

하지만 때로는 방문자의 편리함을 위해 포스팅 내용 중 일부를 복사할 수 있게끔 하고싶을 때가 있다.

팁이랍시고 길게 늘어져있는 엑셀 수식이나 HTML 코드를 알려주면서 정작 복사하지 못하도록 한다면, 블로그를 방문해 준 분들은 느닷없이 받아쓰기를 해야 하는 곤란함을 겪을 것이기 때문이다.

블로그 내 간단히 CSS 코드를 삽입함으로써 일부 영역을 복사할 수 있도록 해 보자. (아래는 예시!)

>>> 이 부분을 드래그하여 선택한 뒤 복사해 보세요 <<<

1. 마우스 오른쪽 클릭 방지 플러그인 해제

부분 복사 허용 기능을 사용하기 위해서는, 티스토리에서 제공하는 '마우스 오른쪽 클릭 방지' 플러그인 사용을 해제해야 한다.

먼저 티스토리 블로그 관리 페이지에서, '플러그인' 메뉴에 진입한다.

만일 '마우스 오른쪽 클릭 방지' 플러그인이 사용 중이라면, 해제하도록 하자.

티스토리 블로그 플러그인 설정 페이지 캡쳐 — 마우스 오른쪽 클릭 방지 플러그인이 사용 중이라면 해제해야 한다

2. 부분복사 허용 코드 삽입

다음으로 부분 복사를 허용해주는 코드를 CSS편집기에 삽입해야 한다.

티스토리 블로그 관리 페이지에서 '스킨 편집-html 편집' 메뉴로 진입하자.

티스토리 블로그 스킨 편집 페이지 캡쳐 — 스킨 편집-html 편집 메뉴로 진입

아래 코드를 빠짐없이 Ctrl+C(윈도우) 또는 ⌘(command)+C(맥)을 눌러 클립보드에 복사해 두자.

이 코드는 본문 내용은 드래그를 하지 못하지만 코드 블록 안의 내용은 복사가 가능하게끔 해 주는 코드이다.

/*================= 부분 복사 허용 =================*/ 
code { 
-webkit-user-select: text !important; 
-moz-user-select: text !important; 
-ms-user-select: text !important; 
user-select: text !important; 
} 
body { 
-webkit-user-select: none !important; 
-moz-user-select: -moz-none !important; 
-ms-user-select: none !important; 
user-select: none !important; 
}

스킨 편집 메뉴에서 'CSS' 편집기에 진입하고, 맨 아래 영역에 복사한 코드를 붙여은 뒤 적용하면 모든 준비가 끝난다.