워드프레스에서 우클릭 금지 드래그 방지 불펌 방지 CSS 코드 추가하는 방법

워드프레스 GeneratePress 무료 테마에서 우클릭 및 드래그 방지 CSS 코드를 추가하는 방법을 소개합니다. 이 코드를 통해 콘텐츠를 보호하고 불법 복제를 방지할 수 있습니다.

우클릭 금지 플러그인을 사용하는 것보다 CSS 코드를 직접 추가하는 것이 충돌 가능성이 낮고 SEO에도 미치는 영향이 적습니다. GeneratePress 무료 테마를 기준으로 설명하겠으며, 다른 테마에서도 비슷한 방식으로 적용할 수 있습니다.

워드프레스 Generate Press 무료 테마에서 우클릭 금지(불펌) 드래그 방지 CSS 코드

정성스럽게 작성해 놓은 블로그 글을 다른 사람이 간단하게 복사해서 그대로 퍼가거나 조금 편집해서 똑같은 콘텐츠로 포스팅을 한다면 금전적인 손실 보다 글을 작성하기 위해 투자한 시간과 노력이 크게 허비될 것이다.

보통 우클릭 금지 CSS 코드를 통해서 워드프레스를 통해 작성한 글의 불법 펌 드래그를 손쉽게 방지할 수 있습니다.

우클릭 및 불법 펌 방지 플러그인도 있지만 플러그인을 설치하면 다른 플러그인과 충돌 가능성도 있고 SEO에 영향을 미칠 수도 있으며, 전체적으로 블로그 속도를 느리게 할 가능성도 있어 CSS코드로 우클림 금지 방지 기능 활성화를 추천 드립니다.

Generate Press 무료 테마 기준으로 드래그방지 코드 추가하는 방법에 대해 설명 드리겠습니다. 대부분 다른 테마에도 아래 드래그 방지 CSS코드가 문제없이 작동할 것으로 예상됩니다.

우클릭 금지(불펌) 드래그 방지 CSS 코드 추가하기!

1. 워드프레스 관리자로 로그인합니다.

2. 사용자 정의 CSS 추가:

  • 왼쪽 메뉴에서 디자인 -> 테마 -> 사용자 정의하기 순으로 클릭합니다.
image 14


3. CSS 편집모드 활성화:

  • 페이지 상단에 있는 추가 CSS를 클릭하여 CSS 편집 모드를 활성화합니다.
image 15


4. CSS 코드 추가:

  • 아래의 CSS 코드를 복사하여 편집 모드에 붙여넣습니다.

/* 우클릭 금지 */
body {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera, and Edge */
}

image 16


5. 저장 및 공개:

  • 코드를 붙여넣은 후에는 상단의 공개 버튼을 클릭하여 변경 사항을 저장합니다.
image 17

이렇게 하면 GeneratePress 무료 테마에서 우클릭과 드래그를 금지할 수 있습니다. 이 방법을 통해 블로그 내 콘텐츠의 보호를 강화하고 불법 펌을 방지할 수 있습니다.