图标美化

Vela 主题设置 · 分区：阿斯美化 · 上级分区：home · 选项 ID：icon_js · 类型：switcher

功能简介

通用美化

适用场景

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

代码实现

📂 文件创建清单

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

📁 本段代码存放文件

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

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

array(
            array(
                'title'   => '图标美化',
                'label' => '美化子比内置的86个svg图标',
                'id'      => 'icon_js',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => '搜索框背景',
                'label' => '下拉搜索框添加一个粉色星星背景',
                'id'      => 'ssbj',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => '登录弹窗增加一个小萝莉',
                'label' => '在登录弹窗顶部增加一个小萝莉位于logo上方',
                'id'      => 'dlll',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => '原神启动！',
                'label' => '开屏动画变成原神启动时的样子',
                'desc' => '通用美化',
                'id'      => 'yuanshen',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => '调皮小萝莉',
                'label' => '调皮小猫的修改版',
                'desc' => '通用美化',
                'id'      => 'tiaopill',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => 'Mario鼠标指针',
                'label'   => '马里奥手指样式鼠标指针',
                'desc' => '通用美化',
                'id'      => 'mario',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => '分类栏目',
                'label'   => '开启后分类栏目背景替换成粉色图片',
                'id'      => 'fenleilm',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => '默认颜色修改',
                'label'   => '修改子比主题部分预设的默认颜色',
                'id'      => 'morenys',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => '评论小工具',
                'label'   => '评论小工具每个评论都加上一个边框',
                'id'      => 'plxgj',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => '下拉菜单毛玻璃',
                'label'   => '让顶部下拉菜单半透明显示',
                'id'      => 'xlcd',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => '加载更多',
                'desc'   => '美化成粉色加载更多，记得先去<a target="_blank" href="/wp-admin/admin.php?page=zibll_options#tab=文章列表/文章列表">AJAX翻页</a>去掉文字以外的代码哦～',
                'id'      => 'jiazaigd',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => '会员购买弹窗底部小图',
                'label'   => '给会员购买弹窗添加B站登陆弹窗底部小图',
                'id'      => 'bilibili',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => '右上角开通会员炫彩色',
                'label'   => '开启后修改右上角会员开通背景色',
                'id'      => 'hyktxc',
                'default' => false,
                'type'    => 'switcher',
            ),
            array(
                'title'   => '粉色拟态化',
                'label'   => '开启后部分区块带粉色边框轻微伪拟态',
                'id'      => 'pinkh',
                'default' => false,
                'type'    => 'switcher',
            ),
        )

使用示例

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

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