子比主题美化:侧边悬浮按钮站点多语言功能-移动端适用

子比主题美化:侧边悬浮按钮站点多语言功能-移动端适用

子比主题美化:侧边悬浮按钮站点多语言功能-移动端适用-C佳家
子比主题美化:侧边悬浮按钮站点多语言功能-移动端适用
此内容为付费阅读,请付费后查看
5积分
付费阅读
已售 1
来自AI助手的总结
通过修改网站后台和服务器文件,添加自定义CSS、JavaScript及HTML代码实现多语言悬浮按钮功能,并上传相关翻译组件与国旗图标。

一、网站后台修改:

修改一:

网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义css样式,在代码编辑框中添加以下代码:

修改二:

网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义javascript代码,在代码编辑框中添加以下代码:

修改三:

网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义头部HTML代码,在代码编辑框中添加以下代码:

修改四:

网站后台 -> Zibll主题设置 -> 全局&功能 -> 悬浮按钮 -> 更多按钮,添加一个按钮,并在代码编辑框中添加以下代码:

二、服务器文件修改:

站点根目录/wp-content/themes/zibll目录下,新建func.php或找到functions.php文件,将以下代码添加到文件末尾:

三、文件上传:

将以下文件上传到你站点某个目录下:

  1. 上传文件夹,而不是压缩包,路径建议使用绝对路径;
  2. 上传后请修改第一节修改三src后方引号中的内容,修改为你自己上传的翻译组件路径
  3. 上传后请修改第一节修改四src后方引号中的内容,修改为你自己上传的国旗图标路径

1. 翻译组件:

本站下载:

蓝奏云:

2. 国旗图标文件:

本站下载:

蓝奏云:

效果图:

20250915150937777-image

组件信息:

翻译组件项目地址:https://github.com/xnx3/translate

国旗图标文件来自于:https://nationalflag.io/

温馨提示:本文最后更新于2025-09-15 16:01:05,某些文章具有时效性,若有错误或已失效,请在下方留言或联系 站长
© 版权声明
THE END
喜欢就支持一下吧
点赞10赞赏TA 分享
评论 共1条

请登录后发表评论