子比主题–添加网站翻译功能,实现国际化多语言【JS翻译】

文章最后更新时间:2024-09-26 12:11:18

前言

网站的多语言支持已成为提升用户体验重要手段。对于使用WordPress(WP)搭建的网站来说,通过子比美化插件添加翻译功能,不仅操作简便,还能有效提升网站的国际化水平。本文将详细介绍如何利用子比美化插件为WP网站添加翻译功能。

效果展示

天域博客-子比主题–添加网站翻译功能,实现国际化多语言【JS翻译】插图

开始教程

1. 添加CSS代码

子比主题后台 - 自定义代码 - 自定CSS样式代码 里面添加下面代码:

2. 添加JS代码

子比主题后台 - 自定义代码 - 自定义javascript代码 里面添加下面代码:

3. 引用翻译JS

子比主题后台 - 自定义代码 - 自定义头部HTML代码 里面添加下面代码:

4. 添加函数代码

在子比主题根目录下 wp-content/themes/zibll/ 新建 func.php 文件,并在最顶部填上 <?php ,然后在底部粘贴下面代码(更新主题不会丢失)。也可以直接放在 functions.php 文件最底部(更新主题会丢失)。

教程到这里就结束了,通过以上步骤就可以给WP网站添加翻译功能了,不仅能够提升用户体验,还能有效拓展网站的受众范围。

完成后记得清空或者刷新各种缓存(浏览器/CDN/PHP等缓存)以便修改生效。

© 版权声明
THE END
喜欢就支持一下吧
点赞18 分享
评论 共3条

请登录后发表评论