如何防止 WordPress 中的文本选择和复制/粘贴(简单)

技术教程 2025年4月10日

1797 0 7

最近，我们的一位读者问我们，他们如何防止 WordPress 中的文本选择和复制/粘贴?

许多想要阻止人们窃取其内容的发布商可能希望应用这一点.这基本上只是让人们更难从您的网站复制文本.

在本文中，我们将向您展示如何在 WordPress 中轻松防止文本选择和复制/粘贴.

为什么要在您的 WordPress 网站上阻止文本选择和复制/粘贴?

许多博主发现他们的内容在未经许可的情况下被盗和使用.

这可以通过自动内容抓取来实现.如果有人手动复制您的部分或全部内容，也可能发生这种情况.

使这更困难的一种方法是防止人们复制和粘贴您的文本.为此，您可以让他们更难选择您网站上的文本.

请记住，精通技术的用户仍然可以查看源代码或使用 Inspect 工具复制他们想要的任何内容.这些技术也不会阻止使用自动博客工具通过 RSS 获取内容的人.

牢记这一点，让我们来看看在 WordPress 中防止文本选择和复制的几种方法.

方法 #1:使用 CSS 阻止文本选择

此方法更简单，您只需要向 WordPress 主题添加一些自定义 CSS 代码即可.如果您以前没有这样做过，请在开始之前查看我们关于向您的网站添加自定义 CSS 的指南.

首先，您需要访问外观»在 WordPress 管理区域自定义页面以启动主题定制器.

在主题定制器中，您需要单击左侧栏中的"自定义 CSS"选项卡.

现在，您将看到一个框，用于将自定义 CSS 添加到您的 WordPress 主题.只需将以下 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 */
}

(代码来源)

这是代码添加后的样子.

现在，继续尝试在实时定制器中选择页面上的一些文本.你会发现你无法选择它.

不要忘记点击屏幕顶部的"发布"按钮，让所有人都能看到您的更改.