如何为GTranslate下拉菜单添加onClick事件跳转至独立中文站点

核心JavaScript代码 #

这段代码会监听页面点击事件，识别GTranslate下拉菜单中的「Chinese (Simplified)」选项，阻止其默认翻译行为并跳转到你的独立中文站点：

document.addEventListener('DOMContentLoaded', function() {
  document.addEventListener('click', function(e) {
    const target = e.target;
    // 匹配GTranslate的简体中文选项，兼容文本和lang属性两种判断方式
    if (target.classList.contains('gtranslate_link') && 
        (target.textContent.trim() === 'Chinese (Simplified)' || target.getAttribute('lang') === 'zh-CN')) {
      e.preventDefault();
      // 替换为你的独立中文站实际域名
      window.location.href = 'https://your-chinese-site.com';
    }
  });
});

代码放置位置 #

你可以通过以下任意一种方式添加这段代码：

• WordPress自定义面板：进入后台「外观」→「自定义」，找到「自定义代码」「额外JavaScript」之类的选项（不同主题名称可能不同），将代码粘贴到对应输入框后保存。
• Code Snippets插件：安装并激活Code Snippets插件，新建一个代码片段，类型选择「HTML/JavaScript」，粘贴代码后点击「激活」即可。
• 主题文件编辑：如果熟悉主题开发，可直接编辑主题的footer.php文件，在</body>标签前添加包裹代码的<script>标签，修改后保存文件。

注意事项 #

• 务必将代码中的https://your-chinese-site.com替换为你的独立中文站真实域名。
• 如果GTranslate的元素类名或结构有变化，可通过浏览器开发者工具（F12）查看目标元素的属性，调整代码中的判断条件（比如类名、文本内容或lang属性值）。

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