真的免费好用的WordPress商城翻译插件,创建多语言独立站商城

WordPress网站翻译插件说明

很多人在搭建独立站商城的时候,都希望做成一个多语言的网站,从而扩大业务范围。但是目前插件中心的大部分翻译类插件要么是收费的,要么免费版本的功能非常受限,比如翻译的字数限制,语言数量限制,还有不支持Woocommerce等。

视频教程

今天这篇文章就介绍一个免费好用的WordPress网站翻译插件,虽然功能不是超级强大,但是对前期预算有限和要求不是太高的新手来说,算得上优选了。然后我在文章的末尾也会把其他几款主流的翻译插件列出,并简述一下功能和优缺点,供大家参考。

GTranslate使用教程

1. 安装Gtranslate插件

在WordPress的后台,选择插件下的安装新插件,然后在搜索框中搜索Translate,选择GTranslate,安装并激活使用。

Wordpress建站 WordPress商城翻译插件 1

2. Gtranslate参数设置

安装好之后,选择设置下面有个GTranslate,然后就可以在右边的面板对翻译工具进行设置。

Wordpress建站 WordPress商城翻译插件 3

上面的Widget look,也就是这个工具在网站前台展示的样式,可以选择悬浮,Popup,是否带国旗,是否国家简写……

Translate from,从哪种语言翻译过来,就直接选择你网站的默认语言。

Sub-directory URL structure,指翻译后展示的网址,这个属于高级版本,默认不选。

Show in Menu,展示在那个菜单中。

Show Floating language selector,悬浮的话展示在网站的哪里。

Open direction,选择语言展开时的方向。

Wordpress建站 WordPress商城翻译插件 5

这里选择要翻译的语言。

Wordpress建站 WordPress商城翻译插件 7

右边这里Widget Preview,可以预览你修改参数展示的样式。

Alternative flag,替换不同语言的国家国旗。

下面那里还有简码,你可以自定义放到网站上的位置。

Wordpress建站 WordPress商城翻译插件 9

都设置好之后保存。

3. 效果演示

Wordpress建站 WordPress商城翻译插件 11

解决货币符号的问题

Gtranslate在翻译的时候有一个问题,就是产品的价格符号也会随着语言翻译,这样在结算的时候价格显然是不对的,所以我们需要解决这个问题。

Wordpress建站 WordPress商城翻译插件 13

有两种方法:第一种是通过添加代码的方式,也很简单,大家按照我下面的操作就可以。第二种是安装货币转换类的插件,这样也是不用担心货币被翻译的问题。

方法一:添加2块代码

1. 在blocksy-child文件夹下面的function.php中添加下面代码。(如果这一部分不知道怎么添加,或者害怕出错,一定要对照上面的视频操作)

 function my_theme_enqueue_scripts() {
   wp_enqueue_script( 'my-custom-script', get_stylesheet_directory_uri() . '/js/custom.js', array( 'jquery' ), null, true );
 }
 add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_scripts' );

2. 在你的blocksy-child目录中创建一个名为 js 的文件夹,并在该文件夹中创建一个名为 custom.js 的文件。将以下 JavaScript 代码粘贴到 custom.js 文件中:

jQuery(document).ready(function($) {
  // 选择 WooCommerce 价格相关的元素
  const priceSelectors = [
    '.woocommerce-Price-amount',
    '.woocommerce-Price-currencySymbol',
    '.woocommerce span.amount', // 兼容部分主题
    '.wc-block-components-product-price__currency-symbol' // WooCommerce Blocks
  ];

  // 创建 CSS 选择器字符串
  const selectorString = priceSelectors.join(', ');

  // 阻止 GTranslate 翻译这些元素
  $(selectorString).each(function() {
    $(this).attr('translate', 'no'); // 添加 translate="no" 属性
    $(this).addClass('notranslate');  // 添加 notranslate 类
  });

  // 额外处理:针对包含 data-currency 属性的 span 标签,移除这些属性,防止GTranslate基于属性进行翻译
  $('span[data-currency]').removeAttr('data-currency');
  $('span[data-gt-currency]').removeAttr('data-gt-currency');

  // 循环处理含有特定class的span标签,移除data属性
  $('.gtranslate span').each(function() {
    if ($(this).hasClass('woocommerce-Price-amount') || $(this).hasClass('woocommerce-Price-currencySymbol')||$(this).hasClass('wc-block-components-product-price__currency-symbol') ) {
      $(this).removeAttr('data-currency');
      $(this).removeAttr('data-gt-currency');
    }
  });
});

方法二:配合其他的货币转换插件

下面是我用了一款货币转换插件(CURCY,其他的货币类插件也是可以的),这样即使我选择其他语言,那么货币符号也不会改变。

Wordpress建站 WordPress商城翻译插件 15

这里有一点需要注意一下,就是代码和货币类插件不要同时使用,否则会影响插件的功能。

其他主流WordPress翻译插件简述

1. WPML

  • 功能:功能最强大,支持多种语言的全面翻译,包括文章、页面、菜单、小工具等,还支持WooCommerce等插件的翻译。提供SEO优化功能,如生成SEO友好的URL和hreflang标签。
  • 优点:适合需要全面翻译解决方案的企业和内容丰富的网站,功能丰富,支持多种语言和高级SEO优化。
  • 缺点:价格较高,需要付费使用。
  • 适用场景:大型企业网站、多语言电商平台等。

2. TranslatePress

  • 功能:提供可视化翻译界面,支持手动和自动翻译(可借助AI翻译),支持全站翻译,包括文章、页面、小工具、动态内容等。支持多语言SEO优化,如生成SEO友好的URL和hreflang标签。
  • 优点:适合注重用户体验的站长,界面友好,操作简单,支持全站翻译和SEO优化。
  • 缺点:免费版功能有限,高级功能需要付费。
  • 适用场景:中小型企业网站、电商网站、个人博客等。

3. Weglot

  • 功能:提供高质量的自动翻译,支持机器翻译、人工翻译和专业翻译。支持SEO优化,如生成SEO友好的URL和hreflang标签。
  • 优点:界面简单易用,翻译速度快,适合追求高质量自动翻译的用户。
  • 缺点:需要按月付费,价格较高。
  • 适用场景:需要快速实现多语言功能的网站,尤其是对SEO要求较高的网站。

4. Polylang

  • 功能:支持文章、页面、媒体、分类目录、标签以及自定义文章类型的翻译,还支持翻译菜单、侧边栏小工具以及URL。支持SEO优化,如生成SEO友好的URL和hreflang标签。
  • 优点:免费插件,适合对多语言功能有基本需求的网站,功能灵活,支持多种语言设置方式。
  • 缺点:免费版不支持自动翻译,高级功能需要付费。
  • 适用场景:小型企业网站、个人博客、多语言网站。

5. Loco Translate

  • 功能:支持主题和插件的翻译,提供内置编辑器,支持机器翻译和手动调整翻译内容。
  • 优点:适合开发者,使用方便,支持模板提取和版本控制工具。
  • 缺点:静态翻译为主,无法自动翻译动态内容,如WooCommerce的实时更新数据。
  • 适用场景:小型网站、主题和插件开发者。

6. Google Website Translator

  • 功能:利用Google Translate API,支持100多种语言的自动翻译,通过短代码和小工具灵活配置,支持实时翻译切换。
  • 优点:设置简单,对页面加载速度几乎没有影响,适合对性能要求高的网站。
  • 缺点:翻译质量受限于Google Translate算法,部分语言可能出现不准确或缺乏文化背景的情况,不支持翻译URL,对SEO支持不足。
  • 适用场景:小型网站、个人博客等对翻译质量要求不高的网站。

7. Linguise

  • 功能:采用NMT(神经机器翻译)技术,支持80多种语言的高质量自动翻译。支持前端实时编辑器,可直接手动编辑内容,支持无限语言使用。
  • 优点:翻译准确度高,支持SEO优化,如自动翻译URL和元描述。
  • 缺点:需要付费使用,价格可能较高。
  • 适用场景:需要高质量自动翻译的网站,尤其是对SEO要求较高的网站。

(转载分享需注明出处,违者必究。)

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注