我们知道GTranslate 翻译插件是wordpress网站系统里的常见多语种翻译插件。他有很强大的功能,具体请见这篇文章介绍《WordPress多语言翻译插件GTranslate使用指南》。
我们在使用GTranslate 翻译插件使用,会有一个困恼问题,尤其是我有自己中文版,我想利用插件直接点击中文到我们的中文官网,这个该如何设置呢? 下面我们具体来讲一下Gtranslate翻译插件如何添加自定义国家网址方法:
添加自定义国家网址 核心设置步骤
1、进入后台“媒体库”,上传国家国旗
上传国家旗帜图片(这里以中国为例),图片名称命名为“zh-CN”,图片尺寸为 32 x 32 px(像素)
- 点击图片附件,查看详情,复制图片链接备用
2、进入后台 Elementor插件后台设置 – 找到 Custom Code
- 点击页面上方的“NEW CODE”,创建新代码
3、填写标题,设置代码位置为</body> – End
- 添加下方代码块(这里以添加中文网址为例)
- 自定义中文网址替换到红框部分的“网站链接地址”
- 把上方复制备用的图片网址替换到红框部分的“图片链接地址”
- 剩余红框部分的名称改成对应的命名“China”、“zh-CN”
具体代码复制请见下方,然后修改自定义的网址和相关设置:
<script> document.addEventListener('DOMContentLoaded', function() { const chineseLink = document.createElement('a'); chineseLink.href = 'https://www.xxxxx.cn/'; chineseLink.title = 'Chinese'; chineseLink.className = 'nturl'; chineseLink.dataset.gtLang = 'zh-CN'; const icon = document.createElement('img'); icon.width = 24; icon.height = 24; icon.alt = 'zh-CN'; icon.dataset.gtLazySrc = '/wp-content/plugins/gtranslate/flags/24/zh-CN.png'; icon.src = '/wp-content/plugins/gtranslate/flags/24/zh-CN.png'; chineseLink.appendChild(icon); chineseLink.appendChild(document.createTextNode('Chinese')); const languageContainer = document.querySelector('.gt_option'); if (languageContainer) { languageContainer.insertBefore(chineseLink, languageContainer.firstChild); } else { console.error('未找到.gt_option元素'); } }); </script>
- 更新及发布代码块设置
4、前台获得已有自定义国家网址的语言切换栏
希望以上教程对你如何用Gtranslate翻译插件,进行自定义中文网站链接有帮助。 如有什么问题困难,欢迎与我们海派网络联系。