WordPress站点主题硬编码区块强制跳转，无法禁用该问题如何解决

可直接落地的解决方案 #

方案1：CSS禁用点击（无代码逻辑冲突，优先级最高） #

适用于该区块不需要任何点击交互的场景，不需要修改主题源码，不会被主题更新覆盖。

• 打开浏览器F12开发者工具，选中目标区块，获取其唯一CSS选择器（可右键元素→复制→复制选择器）
• 在主题后台自带的「自定义CSS」输入框中添加以下代码，替换选择器后保存即可：

/* 替换为你实际复制的目标区块选择器 */
.vorteile-block-example {
  pointer-events: none !important;
  cursor: default !important;
}

方案2：JS拦截原有跳转逻辑 #

适用于区块需要保留部分点击交互的场景。

• 同样先获取目标区块的选择器
• 在主题后台自带的「自定义JS」输入框中添加以下代码，替换选择器后保存：

document.addEventListener('DOMContentLoaded', function() {
  // 替换为实际的目标区块选择器
  const target = document.querySelector('.vorteile-block-example');
  if (!target) return;
  // 捕获模式优先拦截所有点击事件
  target.addEventListener('click', function(e) {
    e.stopImmediatePropagation();
    e.preventDefault();
    // 如果需要自定义点击行为可以在这里加代码
  }, true);
});

方案3：子主题覆写模板文件 #

适用于有权限操作站点文件的场景，永久生效不受主题更新影响。

• 进入主题文件目录，定位到输出该区块的模板文件，一般存放在template-parts/modules/sections目录下，搜索区块标题关键词即可快速找到
• 将该模板文件复制到子主题的相同目录结构中
• 删掉文件中硬编码的跳转逻辑（一般是外层<a>标签、onclick属性或者绑定的跳转事件）后保存即可

排查方向（方案不生效时按顺序检查） #

• 确认获取的CSS选择器唯一匹配目标区块，没有错选、漏选元素
• 检查自定义CSS/JS的加载顺序，确保你的自定义代码加载时机晚于主题核心代码
• 清理站点缓存、CDN缓存、浏览器本地缓存后重新测试
• 确认跳转逻辑是否嵌入在iframe或第三方动态加载脚本中，若是则需要先拦截对应脚本的加载或执行

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