---
title: WordPress禁止页面内容选择、复制
slug: prevent-text-selection-and-copy-in-wordpress
date: 2023-09-09
author: Frankie 徐
category: wordpress
tags: []
description: 最近，有位朋友我提出了一个问题，TA想知道如何在WordPress中防止文字选择和复制/粘贴？ 其实完全杜绝几乎是不可能的，但是可以通过一些技术手段，增加难度，让大部分人望而却步，这就像锁一样，锁得住君子，锁不住小人。 下面就分享两种简单的方法来实现这个功能。 方法一：通过自定义CSS代码 首先进入wordpress后台，...
permalink: https://www.210k.cc/prevent-text-selection-and-copy-in-wordpress
---

最近，有位朋友我提出了一个问题，TA想知道如何在WordPress中防止文字选择和复制/粘贴？

其实完全杜绝几乎是不可能的，但是可以通过一些技术手段，增加难度，让大部分人望而却步，这就像锁一样，锁得住君子，锁不住小人。

下面就分享两种简单的方法来实现这个功能。

## 方法一：通过自定义CSS代码

首先进入wordpress后台，Appearance > Customize > Additional CSS

![image 26](./images/prevent-text-selection-and-copy-in-wordpress-img-1.png)

![image 27](./images/prevent-text-selection-and-copy-in-wordpress-img-2.png)

然后把代码粘贴到​框里，点击publish即可。

**大功告成​！**

再返回前台看一下，是不是整个页面都不能选择文字了？

![image 28](./images/prevent-text-selection-and-copy-in-wordpress-img-3.png)

```css
* {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
```

## 方法二：通过插件

安装下面这个插件：

> [WP Content Copy Protection & No Right Click](https://wordpress.org/plugins/wp-content-copy-protector/)

安装后按照提示设置即可。  
这个方法同时屏蔽了文字选择，以及鼠标右键，还可以自定义提示语。

![image 30](./images/prevent-text-selection-and-copy-in-wordpress-img-4.png)

大功告成！