真的免费好用的WordPress商城翻译插件,创建多语言独立站商城
WordPress网站翻译插件说明
很多人在搭建独立站商城的时候,都希望做成一个多语言的网站,从而扩大业务范围。但是目前插件中心的大部分翻译类插件要么是收费的,要么免费版本的功能非常受限,比如翻译的字数限制,语言数量限制,还有不支持Woocommerce等。
视频教程
今天这篇文章就介绍一个免费好用的WordPress网站翻译插件,虽然功能不是超级强大,但是对前期预算有限和要求不是太高的新手来说,算得上优选了。然后我在文章的末尾也会把其他几款主流的翻译插件列出,并简述一下功能和优缺点,供大家参考。
GTranslate使用教程
1. 安装Gtranslate插件
在WordPress的后台,选择插件下的安装新插件,然后在搜索框中搜索Translate,选择GTranslate,安装并激活使用。

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

上面的Widget look,也就是这个工具在网站前台展示的样式,可以选择悬浮,Popup,是否带国旗,是否国家简写……
Translate from,从哪种语言翻译过来,就直接选择你网站的默认语言。
Sub-directory URL structure,指翻译后展示的网址,这个属于高级版本,默认不选。
Show in Menu,展示在那个菜单中。
Show Floating language selector,悬浮的话展示在网站的哪里。
Open direction,选择语言展开时的方向。

这里选择要翻译的语言。

右边这里Widget Preview,可以预览你修改参数展示的样式。
Alternative flag,替换不同语言的国家国旗。
下面那里还有简码,你可以自定义放到网站上的位置。

都设置好之后保存。
3. 效果演示

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

有两种方法:第一种是通过添加代码的方式,也很简单,大家按照我下面的操作就可以。第二种是安装货币转换类的插件,这样也是不用担心货币被翻译的问题。
方法一:添加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翻译插件简述
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要求较高的网站。
(转载分享需注明出处,违者必究。)