zibll子比主题美化 悬浮按钮添加繁简体切换

Jaysun

在其他网站看到的一个教程觉着不错,主要是很多网站需要繁体字功能,今天分享下如何在网站中添加繁体字切换功能,喜欢的朋友记得收藏本站,免得后期需要的时候找不到。


效果预览

1.png

2.png

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

文件路径:/wp-content/themes/zibll/inc/options/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],
                                ),
                            ),
                        ),
                    ),

3.png

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

文件路径:/wp-content/themes/zibll/inc/functions/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文件

隐藏内容
评论可见
前往评论

投放位置:WordPress后台 >> 子比主题设置 >> 全局&功能 >> 自定义代码 >> 自定义底部HTML代码里加入:

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

打开设置:子比主题设置 >> 全局&功能 >> 悬浮按钮 >> “繁简切换”

1.png

自此大功告成。


您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 16 条评论,835人围观)
网友昵称:zlf1008
zlf1008 V 普通用户 Google Chrome 121.0.0.0 Windows 10 x64 15楼
03-13 来自甘肃 回复
感谢分享
网友昵称:泡芙1
泡芙1 V 普通用户 Safari 16.6 Apple iPhone 14楼
02-11 来自未知IP 回复
感谢分享
网友昵称:shijia8866
shijia8866 V 普通用户 Google Chrome 90.0.4430.61 OPPO 13楼
02-09 来自江苏 回复
谢谢分享
网友昵称:shijia8866
shijia8866 V 普通用户 Google Chrome 90.0.4430.61 OPPO 12楼
01-31 来自江苏 回复
正准备弄一下呢
网友昵称:zxc123123
zxc123123 V 普通用户 Sogou Explorer Windows 10 x64 11楼
2023-09-19 来自新疆 回复
非常不错我想试试
网友昵称:wlcn1
wlcn1 V 普通用户 Google Chrome 94.0.4606.71 Windows 10 x64 10楼
2023-08-28 来自河南 回复
文章不错,写的很好!
网友昵称:ziyan520
ziyan520 V 普通用户 Google Chrome 108.0.5359.125 Windows 10 x64 9楼
2023-08-22 来自贵州 回复
谢谢博主分享
网友昵称:ziyan520
ziyan520 V 普通用户 Google Chrome 108.0.5359.125 Windows 10 x64 8楼
2023-08-22 来自贵州 回复
感谢分享!!!!
网友昵称:coollecat
coollecat V 普通用户 Google Chrome 113.0.0.0 Windows 10 x64 7楼
2023-08-08 来自上海 回复
一边扣脚 一边 看你的美化
网友昵称:testhl
testhl V 普通用户 Google Chrome 114.0.0.0 Windows 10 x64 6楼
2023-07-07 来自山东 回复
谢谢博主分享

目录[+]

取消
微信二维码
微信二维码
支付宝二维码