能否在已运行的lightGallery实例中添加/修改配置项？

你完全不需要修改主题主文件，通过子主题就能轻松自定义lightGallery的配置，比如更改过渡效果。下面是两种可靠的方案，你可以根据自己的需求选择：

方案1：修改lightGallery默认配置（最简单） #

因为你的主题只在初始化时设置了dynamic和dynamicEl两个参数，其他配置都会沿用lightGallery的默认值。所以我们只需要在主题初始化lightGallery之前，修改它的默认配置即可：

步骤： #

1. 在你的子主题文件夹中创建一个js目录，然后新建custom-lightgallery-defaults.js文件，写入以下代码：

jQuery(document).ready(function($) {
    // 确保lightGallery已加载
    if (typeof $.fn.lightGallery !== 'undefined') {
        // 自定义配置项，这里以修改过渡效果为例
        $.fn.lightGallery.defaults.transitionEffect = 'fade'; // 可选值：fade, slide, zoom, rotate, slideVertical等
        // 你还可以添加更多配置，比如：
        // $.fn.lightGallery.defaults.thumbnail = false; // 关闭缩略图
        // $.fn.lightGallery.defaults.showCloseIcon = true; // 显示关闭按钮
        // $.fn.lightGallery.defaults.autoplay = true; // 自动播放
    }
});

2. 打开子主题的functions.php文件，添加以下代码来加载这个自定义脚本：

function custom_lightgallery_defaults() {
    wp_enqueue_script(
        'custom-lightgallery-defaults',
        get_stylesheet_directory_uri() . '/js/custom-lightgallery-defaults.js',
        array('jquery'), // 依赖jQuery
        wp_get_theme()->get('Version'),
        true // 在页面底部加载，确保不会阻塞渲染
    );
}
add_action('wp_enqueue_scripts', 'custom_lightgallery_defaults', 10);

这个方案的好处是代码简洁，不需要销毁现有实例，直接修改默认值就能生效。

方案2：销毁原有实例并重新初始化（更灵活） #

如果主题后续更新了配置，或者你需要完全覆盖所有配置，这个方案会更可靠：

步骤： #

1. 在子主题的js目录中新建custom-lightgallery-reinit.js文件，写入以下代码：

jQuery(document).ready(function($) {
    if (typeof $.fn.lightGallery !== 'undefined') {
        var $gallery = $('.gallery');
        
        // 检查是否已经初始化了lightGallery实例
        if ($gallery.data('lightGallery')) {
            // 销毁现有实例（true参数会清理所有绑定的事件和DOM元素）
            $gallery.data('lightGallery').destroy(true);
        }
        
        // 获取主题原来的图片数据，避免丢失动态图片列表
        var parseImage = $gallery.data('images');
        
        // 重新初始化lightGallery，添加自定义配置
        $gallery.lightGallery({
            dynamic: true,
            dynamicEl: parseImage,
            // 这里添加你的自定义配置
            transitionEffect: 'zoom',
            thumbnail: true,
            animateThumb: false,
            showThumbByDefault: false
        });
    }
});

2. 在子主题的functions.php中添加代码加载这个脚本：

function custom_lightgallery_reinit() {
    wp_enqueue_script(
        'custom-lightgallery-reinit',
        get_stylesheet_directory_uri() . '/js/custom-lightgallery-reinit.js',
        array('jquery', 'lightgallery'), // 依赖jQuery和lightGallery脚本
        wp_get_theme()->get('Version'),
        true
    );
}
add_action('wp_enqueue_scripts', 'custom_lightgallery_reinit', 20); // 优先级设为20，确保在主题的初始化脚本之后加载

这个方案的优势是完全可控，不管主题原来的配置是什么，你都能重新定义所有参数。

两种方案都不需要修改主题主文件，完全符合子主题的最佳实践，后续主题更新也不会影响你的自定义配置。

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