网站和优化 · 10 10 月, 2024

WordPress 教程:如何禁止 WordPress 網站右鍵選擇及複製文本

WordPress 教程:如何禁止 WordPress 網站右鍵選擇及複製文本

在當今的數位時代,網站內容的保護變得越來越重要。對於使用 WordPress 建立網站的用戶來說,防止訪客通過右鍵選擇和複製文本是一個常見的需求。雖然無法完全阻止所有的內容盜用,但可以採取一些措施來增加難度。本文將介紹幾種方法來禁止 WordPress 網站的右鍵選擇及複製文本。

方法一:使用 JavaScript 禁止右鍵選擇

最簡單的方式之一是使用 JavaScript 來禁用右鍵選單。這可以通過在主題的 JavaScript 文件中添加以下代碼來實現:


document.addEventListener('contextmenu', function(e) {
    e.preventDefault();
});

這段代碼會監聽右鍵點擊事件,並阻止其默認行為。將這段代碼添加到您的主題的 JavaScript 文件中,或使用 WordPress 的自定義 JavaScript 插件來實現。

方法二:使用 CSS 禁止文本選擇

另一種方法是使用 CSS 來禁止文本選擇。這可以通過在主題的樣式表中添加以下代碼來實現:


body {
    -webkit-user-select: none; /* Safari */
    -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 */
}

這段 CSS 代碼會使整個頁面上的文本無法被選擇。雖然這樣可以防止大多數用戶輕易地複製文本,但仍然有一些方法可以繞過這個限制。

方法三:使用插件來增強保護

如果您不想手動編輯代碼,還可以考慮使用 WordPress 插件來增強網站的內容保護。以下是一些常用的插件:

  • WP Content Copy Protection:這個插件可以防止用戶右鍵點擊和選擇文本,並提供額外的保護選項。
  • Prevent Content Theft:這個插件不僅可以禁用右鍵選單,還可以防止用戶通過鍵盤快捷鍵複製內容。

安裝這些插件後,您可以根據需要進行設置,以增強網站的內容保護。

方法四:使用水印保護圖片

除了文本,圖片也是網站內容的一部分。為了防止圖片被盜用,您可以考慮在圖片上添加水印。這樣,即使有人下載了圖片,水印也會顯示出來,從而保護您的版權。

您可以使用 Photoshop 或其他圖像編輯工具來添加水印,或者使用 WordPress 插件如 Easy Watermark 來自動為上傳的圖片添加水印。

總結

雖然無法完全阻止內容的盜用,但通過上述方法,您可以有效地增加訪客複製文本和圖片的難度。無論是使用 JavaScript 禁止右鍵選擇,還是使用 CSS 禁止文本選擇,或是安裝專門的插件,這些措施都能幫助您更好地保護網站內容。

如果您正在尋找穩定的 香港 VPS 來托管您的 WordPress 網站,Server.HK 提供多種方案以滿足您的需求。無論是個人博客還是商業網站,我們的 云服务器 都能為您提供可靠的支持。