温馨提示:本文最后更新于
2024-11-02 12:04:41
,某些文章具有时效性,若有错误或已失效,请在文末留言。这款简繁切换悬浮按钮的代码教程是由曦颜XY发布在Zibll子比论坛的,有很多的朋友找不到该教程,十一张站长特意整理出来分享给大伙,具体展现效果可以参考本站。
修改admin-options.php文件
文件路径:/wp-content/themes/zibll/inc/options/admin-options.php,将下方代码复制粘贴到 admin-options.php 文件中保存。站长使用的 Zibll 子比主题是V7.3版本,在第1373行处粘贴代码即可,如下图;
/*简繁体切换 开始*/
array(
'title' => '繁简切换',
'desc' => '<div class="c-yellow"><i class="fa fa-fw fa-info-circle fa-fw"></i>此按钮建议放置在最顶部或者最底部</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],
),
),
),
),
/*简繁体切换 结束*/
修改zib-footer.php文件
文件路径:/wp-content/themes/zibll/inc/functions/zib-footer.php,将下方代码复制粘贴到 zib-footer.php 文件中保存。站长使用的 Zibll 子比主题是V7.3版本,在第165行处粘贴代码即可,如下图;
/*简繁体切换 开始*/
case 'traditional_chinese':
$btn .= '<a id="StranLink"' . $style . ' class="float-btn more-btn" data-placement="left"' . $tooltip . '><span>繁</span></i>
</a>';
break;
/*简繁体切换 结束*/
下载并上传JS文件
将下方的JS文件解压,然后上传到你的网站根目录,如下图。
添加自定义底部HTML代码
后台设置路径:子比主题设置 - 全局&功能 - 自定义代码 - 自定义底部HTML代码,在“自定义底部HTML代码”处添加下方代码后保存。
<!--繁体中文-->
<script src="https://www.11zhang.com/zh-cn-tw.js"></script>
开启简繁体悬浮按钮
按钮设置路径:子比主题设置 - 全局&功能 - 悬浮按钮 - “繁简切换”,根据自己网站需要,点选显示方式,之后保存就大功告成了。
效果
✅来源:十一张博客
© 版权声明
●本站部分资源收集整理于互联网,仅供交流和学习使用,请于下载后24小时内删除
●版权归原作者和机构所有,严禁商用,否则产生的一切后果将由您自己承担
●如果您不喜欢本站有您信息的存在,请邮件告知我们予以删除
●版权归原作者和机构所有,严禁商用,否则产生的一切后果将由您自己承担
●如果您不喜欢本站有您信息的存在,请邮件告知我们予以删除
THE END
暂无评论内容