在悬浮按钮栏加一个繁简体切换按钮

需求：给站点悬浮按钮栏加一个简繁切换。改两个 php 文件、贴一段外部 JS、后台开一个开关，共三步。动手前先备份要改的文件。

第一步：设置页加开关项

打开当前主题目录下的 inc/options/admin-options.php，在图示位置下面追加这段设置项定义：

    array(
         'title'      => '繁简切换',
         'desc'       => '<div class="c-yellow"><i class="fa fa-fw fa-info-circle fa-fw"></i>此按钮建议放置在最顶部或者最底部</div>',
         'id'         => 'traditional_chinese',
         'type'       => 'accordion',
         'accordions' => array(     
    array(
         'title'  => '繁简切换',
         'fields' => array(
                           CFS_Module::float_btn()[0],
                           CFS_Module::float_btn()[1],
                           CFS_Module::float_btn()[2],
                  ),
                      ),
                          ),
                   ),

第二步：页脚函数里渲染按钮

打开 inc/functions/zib-footer.php，在悬浮按钮的 case 分支里补上繁简按钮的输出：

            case 'traditional_chinese':
                $btn .= '<a id="StranLink"' . $style . ' class="float-btn more-btn" data-placement="left"' . $tooltip . '><span>繁</span></i>
                </a>';
                break;

第三步：引入转换脚本

按钮的转换逻辑依赖一个 zh-cn-tw.js 的简繁互换脚本，需要自备文件；后台“主题设置 – 全局&功能 – 自定义代码 – 自定义底部HTML代码”里贴下面的代码，把占位换成脚本的实际地址。

<!--繁体中文--> 
<script src="zh-cn-tw.js位置"></script>

开启与效果

到主题设置 – 全局&功能 – 悬浮按钮里把“繁简切换”开关打开，前台悬浮栏即出现切换按钮：

注意事项

两个 php 属于模板文件，主题升级会覆盖，改动要留底稿；简繁转换在客户端进行，页面里动态追加的内容需要再次触发才会转换。