Slider Revolution按钮链接异常：始终跳转首页而非自定义URL

可行修复步骤 #

1. 确认链接格式为绝对路径 #

在Layer Options→Actions→Simple Link中，必须填写带完整协议的绝对路径（如https://your-site.com/target-page），不要用相对路径/target-page。部分服务器或主题会错误解析相对路径，导致跳转首页。

2. 排查主题/插件冲突 #

• 临时切换到WordPress默认主题（如Twenty Twenty-Four），测试按钮链接是否恢复正常。若正常，说明当前主题的JS或CSS拦截了链接事件。
• 逐个禁用非核心插件（保留Slider Revolution），排查是否有安全类、优化类插件修改了链接行为。

3. 关闭Slider Revolution的强制相对URL设置 #

进入滑块的全局设置或当前滑块设置，找到Output相关选项，关闭"Force Relative URLs"或类似强制转换链接的功能，重新生成滑块后测试。

4. 用自定义HTML层替代默认按钮 #

如果默认按钮层的链接始终失效，直接添加自定义HTML层：

• 在滑块编辑器中新增"HTML"层，插入以下代码（替换目标URL和按钮文本）：

<a href="https://your-target-url.com" class="rev-btn" target="_self">按钮文本</a>

• 用Slider Revolution的样式工具给这个HTML按钮匹配原按钮的样式（尺寸、颜色、圆角等）。

5. 绕过ModSecurity添加JS修复 #

若之前添加JS出现403错误，尝试通过主题文件注入代码：

• 编辑子主题的functions.php（避免主题更新丢失代码），添加以下内容：

add_action('wp_footer', 'fix_slider_revolution_btn_links');
function fix_slider_revolution_btn_links() {
    ?>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const sliderBtns = document.querySelectorAll('.tp-btn');
            sliderBtns.forEach(btn => {
                const rawUrl = btn.getAttribute('data-link');
                if(rawUrl && !btn.href.includes(rawUrl)) {
                    btn.href = rawUrl;
                    btn.addEventListener('click', e => {
                        e.stopPropagation();
                        window.location.href = rawUrl;
                    });
                }
            });
        });
    </script>
    <?php
}

• 也可联系主机服务商，请求将该JS代码加入ModSecurity白名单，或临时关闭对应页面的拦截规则。

6. 更新Slider Revolution到最新版本 #

旧版本可能存在链接解析bug，前往插件后台更新到最新版后重新测试。

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