无需复杂插件,通过 JS 代码即可为子比主题 WordPress 网站添加多语言翻译功能,支持中文、英文、日语等多种语言切换,适配国际化需求。
1. 添加自定义 CSS 样式
在 子比主题后台 - 自定义代码 - 自定CSS样式 内粘贴以下代码并保存,优化翻译功能显示效果。
2. 配置自定义 JavaScript 代码
在 子比主题后台 - 自定义代码 - 自定javascript代码 内粘贴以下初始化代码,设置翻译规则和触发逻辑:
3. 引用翻译核心 JS 文件
在 子比主题后台 - 自定义代码 - 自定义头部HTML代码 内,通过以下两种方式之一引用translate.js核心文件:
方式一:直接引用 CDN(快速便捷)
粘贴 CDN 引用代码,无需下载文件,直接生效:
<script src="https://cdn.staticfile.net/translate.js/3.2.1/translate.js"></script>
方式二:本地引用(加载更快)
- 浏览器访问链接
https://cdn.staticfile.net/translate.js/3.2.1/translate.js,下载translate.js文件。 - 将文件上传到网站任意目录(如
/wp-content/themes/zibll/js/)。 - 在自定义头部 HTML 中粘贴本地引用代码,替换路径为实际上传路径:
<script src="你保存的目录/translate.js"></script>
4. 添加语言切换按钮(核心步骤)
通过添加函数代码,在网站导航栏添加多语言切换按钮,支持中文、英文、日语等 5 种语言,步骤如下:
- 借助 FTP 工具或后台文件管理器,进入子比主题根目录
wp-content/themes/zibll/。 - 新建
func.php文件(更新主题不会丢失),在文件最顶部添加<?php,再粘贴以下代码:
© 版权声明
THE END


















- 最新
- 最热
只看作者