悬浮按钮添加繁简体切换

介绍

今天看到很多网站都有繁体字转换功能,今天我就结合他们的繁体字内核去弄了个侧边繁体字切换功能,注意的是这个功能只对zibll子比主题生效,其他主题不生效,好了废话不多说了直接上教程吧。

图片[1]-悬浮按钮添加繁简体切换-皓月星辰

教程

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>此按钮建议放置在最顶部或者最底部 - XXXX制作</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],
                                ),
                            ),
                        ),
                    ),

图片[2]-悬浮按钮添加繁简体切换-皓月星辰

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;

图片[3]-悬浮按钮添加繁简体切换-皓月星辰

调用JS文件

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

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

在你服务器或者虚拟主机下面创建一个文件命名为:zh-cn-tw.js然后把下面的js代码放入里面

温馨提示: 本文最后更新于2024-09-17 13:53:03,某些文章具有时效性,若有解压密错误或链接已失效,请在下方留言或在微信公众号留言
获取解压密码方式:
搜索并关注公众号【资源星球ResourceStar】
回复关键字【皓月星辰】即可免费获取
© 版权声明
THE END
喜欢就支持一下吧
点赞43 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容