我们在搭建网站后想要网站支持中文简体和繁体两种方式在线切换,那么我们该如何去增加呢?今天就给大家带来详细的教程
具体文件:
- /wp-content/themes/zibll/inc/options/admin-options.php
- /wp-content/themes/zibll/inc/functions/zib-footer.php
一、添加代码具体截图:
![图片[1]-子比主题增加悬浮按钮繁体和简体切换按钮-GOdou社区](https://www.godoublog.com/wp-content/uploads/2023/06/图片-55-1024x471.png)
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],
),
),
),
),
二、添加代码具体截图:
![图片[2]-子比主题增加悬浮按钮繁体和简体切换按钮-GOdou社区](https://www.godoublog.com/wp-content/uploads/2023/06/图片-57-1024x416.png)
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文件
zh-cn-tw.js下载
zip
7.5 K
五、主题的个性化配置
最后我们可以在:子比主题设置 – 全局&功能 – 悬浮按钮 – “繁简切换”中看到:
![图片[3]-子比主题增加悬浮按钮繁体和简体切换按钮-GOdou社区](https://www.godoublog.com/wp-content/uploads/2023/06/图片-58-1024x250.png)
原帖子:https://www.zibll.com/forum-post/4117 原作者名称:曦颜XY
来自四川© 版权声明
本资源由用户投稿上传,内容来自互联网,本站只做免费推荐用于学习分享,如有版权及其他问题,请点击《侵权处理》
THE END
暂无评论内容