子比主题功能 – 简繁体切换悬浮按钮-zibll教程分享论坛-zibll子比主题-酷梦资源网

子比主题功能 – 简繁体切换悬浮按钮

这个简繁切换悬浮按钮是@曦颜XY发布在子比论坛的,最近看有人在求这个,发现已经失效了本人就一直没分享出来。今天修复好重新发布一下,效果请查看本站右下角悬浮按钮。喜欢的贡献点签到积分吧

效果预览

图片[1]-子比主题功能 – 简繁体切换悬浮按钮-zibll教程分享论坛-zibll子比主题-酷梦资源网

如图位置增加代码:

文件路径:/wp-content/themes/zibll/inc/options/admin-options.php

20240314225326147-f6fa2d5981676fa4baed8fffae741fccabe72c6fbf4b73ab58412b3c861c4011.0

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

如图位置增加代码:

文件路径:/wp-content/themes/zibll/inc/functions/zib-footer.php

20240314225326147-f6fa2d5981676fa4baed8fffae741fccabe72c6fbf4b73ab58412b3c861c4011.0

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

调用JS文件

JS文件在下方积分下载(本站积分均可签到翻牌&抽奖免费获得)欢迎大家常来酷梦资源网作客!

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

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

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

自此大功告成。

请登录后发表评论

    没有回复内容