WordPress子比主题(zibll)悬浮按钮添加网站繁简体切换

效果预览

代码教程

第一步：修改admin-options.php文件

文件路径：/wp-content/themes/zibll/inc/options/admin-options.php，将下发代码复制粘贴到admin-options.php文件中保存。（如图1）

                      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],
                                ),
                            ),
                        ),
                    ),

第二步：修改zib-footer.php文件

文件路径：/wp-content/themes/zibll/inc/functions/zib-footer.php，将下方代码复制粘贴到zib-footer.php文件中保存。（如图2）

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

第三步：下载并上传JS文件

将下方的JS文件上传你的网站根目录后直接解压即可。

第四步：添加自定义底部HTML代码

后台设置路径：子比主题设置 — 全局&功能 — 自定义代码 — 自定义底部HTML代码，在自定义底部HTML代码中添加下方代码后保存。

<!--繁体中文--> 
<script src="你的域名/zh-cn-tw.js"></script>