来自AI助手的总结
通过修改网站后台和服务器文件,添加自定义CSS、JavaScript及HTML代码实现多语言悬浮按钮功能,并上传相关翻译组件与国旗图标。
一、网站后台修改:
修改一:
在网站后台
-> Zibll主题设置
-> 全局&功能
-> 自定义代码
-> 自定义css样式
,在代码编辑框中添加以下代码:
修改二:
在网站后台
-> Zibll主题设置
-> 全局&功能
-> 自定义代码
-> 自定义javascript代码
,在代码编辑框中添加以下代码:
修改三:
在网站后台
-> Zibll主题设置
-> 全局&功能
-> 自定义代码
-> 自定义头部HTML代码
,在代码编辑框中添加以下代码:
修改四:
在网站后台
-> Zibll主题设置
-> 全局&功能
-> 悬浮按钮
-> 更多按钮
,添加一个按钮,并在代码编辑框中添加以下代码:
二、服务器文件修改:
在站点根目录/wp-content/themes/zibll
目录下,新建func.php
或找到functions.php
文件,将以下代码添加到文件末尾:
三、文件上传:
将以下文件上传到你站点某个目录下:
- 上传文件夹,而不是压缩包,路径建议使用绝对路径;
- 上传后请修改
第一节修改三
中src
后方引号中的内容,修改为你自己上传的翻译组件路径
; - 上传后请修改
第一节修改四
中src
后方引号中的内容,修改为你自己上传的国旗图标路径
;
1. 翻译组件:
本站下载:
蓝奏云:
2. 国旗图标文件:
本站下载:
蓝奏云:
效果图:
组件信息:
翻译组件项目地址:https://github.com/xnx3/translate
国旗图标文件来自于:https://nationalflag.io/
© 版权声明
THE END
- 最新
- 最热
只看作者