播放器皮肤选择

Vela 主题设置 · 分区：皮肤选择 · 上级分区：base · 选项 ID：music_theme · 类型：switcher

功能简介

「播放器皮肤选择」是 Vela 主题设置项，位于「皮肤选择」分区。开启后站点将呈现对应表现，关闭则无影响。

适用场景

• 当你希望「播放器皮肤选择」生效时，开启本设置即可，无需改动主题文件。
• 适用于需要在不写代码的前提下，快速为站点追加「播放器皮肤选择」相关表现的场景。
• 若同一页面存在多个相似美化项，建议只开启其一，避免视觉冲突。

代码实现

📂 文件创建清单

无需新建任何 PHP / JS / CSS 文件。本设置是 Vela 主题设置页的一个开关，字段已写在 /zibll_child/includes/acg/sections.php（相对路径 zibll_child/includes/acg/sections.php）的「皮肤选择」分区（上级分区：base）。开启后，前端通过 vela_get_option('music_theme') 读取开关状态，由 includes/acg/ 模块输出对应样式类或加载美化资源。

📁 本段代码存放文件

以下 CSF 字段定义 需放在 /zibll_child/includes/acg/sections.php（zibll_child/includes/acg/sections.php）的「皮肤选择」分区的 fields 数组中（该项已存在，无需重复添加；若你要新增同类设置，照此格式在对应分区追加即可）。

开关注册代码（CSF 字段定义）

array(
        array(
                'title'   => '播放器皮肤选择',
                'style'   => 'margin: 0 20px 20px 0;',
                'id'      => 'music_theme',
                'default' => 'data-themeColor="xf-original"',
                'type'    => "image_select",
                'options' => array(
                    'data-themeColor="xf-original"' => $vxras_music_images . 'original.png',
                    'data-themeColor="xf-sky"' => $vxras_music_images . 'sky.png',
                    'data-themeColor="xf-orange"' => $vxras_music_images . 'orange.png',
                    'data-themeColor="xf-darkGreen"' => $vxras_music_images . 'darkGreen.png',
                    'data-themeColor="xf-wineRed"' => $vxras_music_images . 'wineRed.png',
                    'data-themeColor="xf-girlPink"' => $vxras_music_images . 'girlPink.png',
                ),
            ),
        array(
            'id'    => 'custom',
            'type'  => 'switcher',
            'title' => '子比主题夜间自适应',
            'default'  => false,
        ),

        )

使用示例

1. 后台 外观 → Vela主题设置 → 皮肤选择，找到「播放器皮肤选择」开关并打开，保存设置。
2. 回到前台对应页面，即可看到效果（部分项仅 PC 端或仅子比主题生效，详见说明）。
3. 在主题或插件代码中读取该设置：

$on = vela_get_option('music_theme', false);
if ($on) {
    // 开关已开启，自定义逻辑
}