这款简繁切换悬浮按钮的代码教程是由曦颜XY发布在子比论坛的,有很多的兄弟找不到该教程,本站特二次整理分享给大家,具体展现效果可以参考本站。
教程
第一步:修改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>此按钮建议放置在最顶部或者最底部 - AA源码网</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],
),
),
),
),
![图片[1]-WordPress子比主题(zibll)悬浮按钮添加网站繁简体切换-AA源码网 | 源码收藏](https://images.aaym.net/2023/07/31a838b5ff010933-750x403.png!/format/webp/lossless/true)
第二步:修改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;
![图片[2]-WordPress子比主题(zibll)悬浮按钮添加网站繁简体切换-AA源码网 | 源码收藏](https://images.aaym.net/2023/07/0152568cd4011202-750x411.png!/format/webp/lossless/true)
第三步:下载并上传JS文件
将下方的JS文件上传你的网站根目录后直接解压即可。
第四步:添加自定义底部HTML代码
后台设置路径:子比主题设置 — 全局&功能 — 自定义代码 — 自定义底部HTML代码,在自定义底部HTML代码中添加下方代码后保存。
<!--繁体中文-->
<script src="你的域名/zh-cn-tw.js"></script>
![图片[3]-WordPress子比主题(zibll)悬浮按钮添加网站繁简体切换-AA源码网 | 源码收藏](https://images.aaym.net/2023/07/d2b5ca33bd012025-750x138.png!/format/webp/lossless/true)
最后一步:开启简繁体悬浮按钮
按钮设置路径:子比主题设置 – 全局&功能 – 悬浮按钮 – “繁简切换”,根据自己网站需要,点选显示方式,之后保存就大功告成了。
![图片[4]-WordPress子比主题(zibll)悬浮按钮添加网站繁简体切换-AA源码网 | 源码收藏](https://images.aaym.net/2023/07/d2b5ca33bd012226-750x156.png!/format/webp/lossless/true)
![图片[5]-WordPress子比主题(zibll)悬浮按钮添加网站繁简体切换-AA源码网 | 源码收藏](https://images.aaym.net/2023/07/d2b5ca33bd010707-750x458.png!/format/webp/lossless/true)
通用网站简繁体转换教程
本文结束END

- 最新
- 最热
只看作者