WordPress站点右键功能失效，求恢复方法（Zerif Lite主题）

Hey there, let's walk through the steps to restore right-click functionality on your site. Since you're working with a previously built WordPress site using Zerif Lite, here are the most likely places to check:

1. Check Zerif Lite Theme Settings #

First, head to Appearance > Customize in your WordPress dashboard. Zerif Lite might have a built-in option to disable right-click, usually under sections like Security, Advanced, or Behavior. Look for a toggle labeled something like Disable Right-Click or Prevent Context Menu—if you find it, just switch it off.

2. Disable Plugins Temporarily #

Since you're unsure if a plugin is causing this, do a quick plugin test:

• Go to Plugins > Installed Plugins
• Select all plugins, choose Deactivate from the bulk actions dropdown, and click Apply
• Test right-click on your site. If it works now, reactivate plugins one by one, testing after each, to find the culprit. Common offenders are security plugins or content protection plugins that block right-click.

3. Check Theme's functions.php File #

Some developers add custom JavaScript directly to the theme's functions file to disable right-click. Here's how to check:

• Go to Appearance > Theme File Editor (or use an FTP client to access your site's wp-content/themes/zerif-lite/ folder)
• Open functions.php and search for code snippets related to contextmenu or preventDefault(). Look for something like:

  function disable_right_click() {
    echo '<script>document.addEventListener("contextmenu", function(e){e.preventDefault();});</script>';
  }
  add_action('wp_footer', 'disable_right_click');
  

• If you find this code, comment it out (add // at the start of each line) or delete it entirely. Pro tip: Always use a child theme to modify theme files—this way, your changes won't get overwritten when Zerif Lite updates.

4. Inspect Custom HTML Widgets or Header/Footer Scripts #

Check if a custom script was added via widgets or theme options:

• Go to Appearance > Widgets and look for any Custom HTML widgets. Open each one and check for JavaScript like:

  document.addEventListener('contextmenu', event => event.preventDefault());
  

• Also, check your theme's settings for Header Scripts or Footer Scripts sections—sometimes these are used to inject right-click blocking code. Remove any such scripts you find.

5. Use Browser DevTools to Locate the Offending Code #

If none of the above work, use your browser's developer tools to track down the code:

• Open your site in Chrome/Firefox, press F12 to open DevTools
• Go to the Sources tab and search for contextmenu using the search bar (Ctrl+Shift+F)
• This will show you which JS file is adding the right-click block. Once you find the file, you can either:
  • If it's a plugin file: Deactivate that plugin (as mentioned in step 2)
  • If it's a theme file: Modify it via a child theme (as mentioned in step 3)

Once you've found and removed the code/plugin/setting causing the block, right-click functionality should be restored!

内容的提问来源于stack exchange，提问作者kamil