Gtranslate翻译插件如何添加自定义国家网址方法

我们知道GTranslate 翻译插件是wordpress网站系统里的常见多语种翻译插件。他有很强大的功能,具体请见这篇文章介绍《WordPress多语言翻译插件GTranslate使用指南》

我们在使用GTranslate 翻译插件使用,会有一个困恼问题,尤其是我有自己中文版,我想利用插件直接点击中文到我们的中文官网,这个该如何设置呢? 下面我们具体来讲一下Gtranslate翻译插件如何添加自定义国家网址方法:

添加自定义国家网址 核心设置步骤

1、进入后台“媒体库”,上传国家国旗

上传国家旗帜图片(这里以中国为例),图片名称命名为“zh-CN”,图片尺寸为 32 x 32 px(像素)

Gtranslate 翻译插件如何添加自定义国家网址
  • 点击图片附件,查看详情,复制图片链接备用
复制图片链接备用

2、进入后台 Elementor插件后台设置 – 找到 Custom Code

  • 点击页面上方的“NEW CODE”,创建新代码
NEW CODE,创建新代码

3、填写标题,设置代码位置为</body> – End

设置代码位置为</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翻译插件,进行自定义中文网站链接有帮助。 如有什么问题困难,欢迎与我们海派网络联系。

5 1 投票
文章评分
guest
0 评论
最旧
最新 最多投票
内联反馈
查看所有评论

与我们联系

量身定制您的需求方案

欢迎与我们交流,表单提交后,我们将在30分钟内给您及时回复。

back to top

欢迎与我们交流,表单提交后,我们将在12小时内给您及时回复。