WordPress单页移除Lightbox：实现图片点击跳转指定URL方案咨询

根据你的描述，核心问题是主题自带的自定义图库禁用了原生媒体链接功能，强制绑定了Lightbox效果。下面是几个优先级从高到低的实用解决思路：

1. 先查主题自带的设置开关（最省事） #

很多主题会在图库模块的后台设置里留了选项，比如「Lightbox启用状态」「媒体链接行为」这类。你可以先去主题的自定义面板或图库设置页面找找看，有没有直接把Lightbox切换成「跳转至自定义URL」的开关——这是不需要改代码的最优解。

2. 用钩子移除Lightbox并添加自定义跳转逻辑 #

如果主题没有提供开关，那可以通过WordPress的钩子机制，先移除主题绑定的Lightbox事件，再自己添加跳转逻辑。

步骤如下：

1. 打开子主题的functions.php文件（一定要用子主题，避免主题更新丢失修改）
2. 添加以下代码（记得根据主题实际的元素类名、钩子名调整）：

// 移除主题的Lightbox初始化钩子（假设主题用的钩子名为theme_gallery_lightbox_init）
add_action('wp_footer', function() {
    remove_action('wp_footer', 'theme_gallery_lightbox_init');
}, 99); // 用更高优先级确保能移除成功

// 添加自定义图片跳转逻辑
add_action('wp_footer', function() {
?>
<script>
document.addEventListener('DOMContentLoaded', function() {
    // 选择图库中的图片链接元素，替换成你主题图库的实际类名
    const galleryLinks = document.querySelectorAll('.gallery-item a');
    galleryLinks.forEach(link => {
        // 移除可能阻止跳转的Lightbox属性
        link.removeAttribute('data-lightbox');
        link.removeAttribute('data-fancybox');
        // 确保点击时直接跳转
        link.addEventListener('click', function(e) {
            e.preventDefault();
            window.location.href = this.getAttribute('href');
        });
    });
});
</script>
<?php
}, 100);

注：可以用浏览器开发者工具查看主题图库的元素类名，比如右键图片→检查元素，找到包裹图片的<a>标签的类名

3. 修改主题图库模板文件（适合懂点PHP的用户） #

如果主题有单独的图库模板文件（比如template-parts/gallery.php、inc/gallery-template.php），可以直接修改输出图片链接的代码：

• 找到原来带Lightbox属性的代码段，比如：

echo '<a href="'.$image_full_url.'" data-lightbox="gallery-group"><img src="'.$image_thumb_url.'" alt="'.$image_alt.'"></a>';

• 改成直接指向自定义URL的链接（你说原生media link是正常的，所以主题应该已经获取到了自定义链接的值，比如$custom_link）：

echo '<a href="'.$custom_link.'" target="_self"><img src="'.$image_thumb_url.'" alt="'.$image_alt.'"></a>';

4. 用第三方插件（无代码方案） #

如果不想碰代码，可以搜索安装类似「Custom Gallery Links」「Disable Lightbox for Galleries」这类插件，它们通常能绕过主题的强制设置，让你为图库图片指定自定义跳转链接，同时禁用Lightbox。记得先在测试环境验证兼容性。

注意事项 #

• 所有代码修改都要在子主题中进行，避免主题更新后丢失自定义内容
• 修改前记得备份网站文件和数据库
• 如果不确定主题的钩子或类名，可以查看主题的functions.php文件，或者联系主题开发者获取技术支持

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