如何禁止WordPress網站右鍵選擇及複製文字

許多想要禁止他人直接複製貼上其內容的站長可能希望應用這一點。這基本上只是讓人們更難從您的網站複製文字。

在本教程中，我們介紹如何禁止他人選擇文字，複製貼上您的WordPress頁面內容。

為什麼禁用頁面文字選擇和複製/貼上？

許多博主發現他們的內容在未經許可的情況下被盜和使用。

這可以通過自動內容採集來實現。如果有人手動複製您的部分或全部內容，也會發生這種情況。

使這更困難的一種方法是防止人們複製和貼上您的文字。您可以通過讓他們更難選擇您網站上的文字來做到這一點。

請記住，精通技術的使用者仍然可以檢視原始碼或使用Inspect工具複製他們想要的任何內容。這些技術也不會阻止使用自動部落格工具通過RSS獲取內容的人。

牢記這一點，讓我們來看看在WordPress中禁止頁面文字選擇和複製的幾種方法。

方法 #1：使用CSS禁止文字選擇

這種方法更簡單，您只需要向WordPress主題新增一些自定義CSS程式碼即可。如果您以前沒有這樣做過，請在開始之前檢視我們的關於向您的網站新增自定義CSS的指南。

首先，您需要訪問WordPress 管理區域中的外觀»自定義頁面以啟動主題定製器。

WordPress自定義CSS

在主題定製器中，您需要單擊左側欄中的“額外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 */

}

* { -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 */ }

* {
  -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 */
}

（程式碼來源）

這是新增後程式碼的外觀。

WordPress額外CSS