子比主题增加悬浮按钮繁体和简体切换按钮

我们在搭建网站后想要网站支持中文简体和繁体两种方式在线切换，那么我们该如何去增加呢？今天就给大家带来详细的教程

具体文件：

• /wp-content/themes/zibll/inc/options/admin-options.php
• /wp-content/themes/zibll/inc/functions/zib-footer.php

一、添加代码具体截图：

1、admin-options.php在如上图位置下增加代码：

                    array(
                        'title'      => '繁简切换',
                        'desc'       => '<div class="c-yellow"><i class="fa fa-fw fa-info-circle fa-fw"></i>此按钮建议放置在最顶部或者最底部 - 曦颜XY制作</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],
                                ),
                            ),
                        ),
                    ),

二、添加代码具体截图：

1、zib-footer.php在如上图位置下增加代码：

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

三、调用上传的JS文件

最后在后台 — 子比主题设置 — 全局&功能 — 自定义代码 — 自定义底部HTML代码里加入：

<!--繁体中文--> 
<script src="文件存储的路径/zh-cn-tw.js"></script>

四、上传所需的JS文件

五、主题的个性化配置

最后我们可以在：子比主题设置 – 全局&功能 – 悬浮按钮 – “繁简切换”中看到：

原帖子：https://www.zibll.com/forum-post/4117 原作者名称：曦颜XY