WooCommerce作为一款WordPress外贸建站不可或缺的商城构建插件,其自身也拥用一系列强大的WooCommerce附加组件,例如构建WooCommerce多语言商城会使用到的Webis Multilingual插件,而下文将围绕此插件为大家展示WooCommerce多语言的设置过程,希望可以为各位提供一个多语言网站的设计思路。

一、安装插件

WooCommerce帐户下载.zip文件,转到WordPress Admin-插件-添加新插件和上传插件,使用下载的文件,选择 Choose File(选择文件),立即安装并激活扩展。

二、全局设置配置

转到WooCommerce-Webis Multilingual并导航到设置选项卡。

导航到设置选项卡

1、语言

要添加语言,请单击“编辑语言”,选择要添加并保存的语言。

2、语言代码

使用此部分可自定义URL中显示的语言代码。例如中文(简体)的默认语言代码是“zh_CN”,已将其修改为“cn”,如上面的屏幕截图所示。

3、语言切换器

使用 “Show flags” 复选框来显示/隐藏语言切换器中的标志。

4、Cookie名称

使用Cookie来记住客户选择的语言。如果网站语言不断更改回默认语言,则可能是浏览器Cookie被禁用,或者您获取的是缓存的页面。如果是后者,请咨询开发人员并将Cookie名称添加到 Cache-Busting Cookie列表中,在某些情况下,可能需要更改Cookie名称,这就是可以选择更改名称的原因。

三、字符串翻译

转到WooCommerce-Webis多语言版,然后导航到字符串翻译选项卡。

导航到字符串翻译选项卡

使用此部分可翻译Storefront中的字符串。

1、启用页面底部的“Scan Strings”选项,然后按“Save Changes”。

2、访问要翻译的字符串被呈现或显示的页面。

3、在“String Translation”菜单中搜索字符串,然后单击 “+” 按钮添加翻译。

:如果页面包含太多字符串,可能需要刷新页面几次。完成扫描后,禁用“扫描字符串”选项非常重要,因为它会对性能产生重大影响并减慢站点速度。

四、翻译内容

使用Webis Multilingual插件翻译内容很简单。简单地说,在通常输入原始内容的地方下方找到添加翻译的字段。例如要为产品添加翻译,请打开产品编辑页面,找到Webis语言屏幕元素并添加翻译。同样要为文章添加翻译,请转到文章编辑页面并找到Webis多语言菜单。

找到Webis多语言菜单

要为产品添加翻译,只需编辑要翻译的产品,然后将翻译添加到“Webis Multilingual”部分。

将翻译添加到Webis Multilingual部分

要为菜单项添加翻译,请转到外观-菜单。例如在上面的屏幕截图中,为“Shop”菜单项添加了翻译,并有三个下拉列表:“All languages”、“Chinese (Simplified)”和“Japanese”。通过选择“所有语言”,可以添加中文和日文的翻译,并且“商店”菜单将显示在两种语言的店面上。如果只想在店面上显示该特定语言的菜单项,请选择“中文(简体)”或“日语”。

用户只需转到编写内容的地方,就会找到“Webis Multilingual”部分以添加翻译,目前Webis Multilingual插件支持产品、类别、属性、帖子、页面和菜单翻译。

五、显示语言切换器

请使用“wmlw_language_switcher”短代码显示切换器,它是一个名为 “type” 的参数,用法示例:

1、下拉列表:[wmlw_language_switcher type=“dropdown”]

2、列表:[wmlw_language_switcher type=“list”]

如果不知道如何添加短代码,许多主题编辑器插件都允许用户从管理仪表板轻松添加它们。例如Elementor 有一个内置功能,可以在其中输入简码,他们会为用户将其添加到php模板中。高级用户可以手动将短代码添加到主题 php 模板中(例如 header.php)。

推荐阅读:

如何添加WooCommerce短代码?

WordPress怎么多语言?

跨境建站:WooCommerce使用教程

相关文章

  • 在标题字段中输入菜单的标题

    Shopify导航栏怎么添加子菜单

    Shopify导航栏怎么添加子菜单?进入Shopify跨境电商独立站后台,在“导航”-“添加菜单”中,点击“+ 添加菜单项”按钮即可按需求添加Shopify导航栏的子菜单。下文展示了Shopify导航栏怎么添加子菜单的具体步骤,及Shopify导航栏添加子菜单的相关问题汇总,以供大家参考。 一、Shopify导航栏怎么添加子菜单 1、转到 Shopify 后台中的“导航”。 2、在Shopify“菜单”部分,单击右上角的“添加菜单”按钮。 3、在“添加菜单”屏幕中,在“标题”字段中输入菜单的标题…

    开发教程 2025年 7月 28日
  • CSS网站设计

    如何进行CSS的网站设计与开发?

    各位站长在外贸建站时,可以通过变换生成、掌握Calc()函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具,可以极大程度上,减少前端技术人员代码编写的负担,帮助网站形成一个良好的网站布局。所以,本文接下来将和大家分享在CSS设计中存在的一些巧思,让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率,如灰度PNG,并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案,并且可…

    开发教程 2024年 7月 10日
  • HTML、CSS、JS和PHP之间的关系

    HTML、PHP、CSS和JS之间的关系

    在外贸建站的过程中,要想进行独立站的开发,不可避免的会遇到网站搭建常见的四种技术,分别是HTML、PHP、CSS和JS,一提到这四种技术语言时,不少技术小白会一脸懵,所以接下来本文将为大家梳理这四种语言之间的关系,为大家外贸建站提供一些技术支撑。 HTML:HTML(Hypertext Markup Language)即超文本标记语言,是用于描述网页文档的一种标记语言。HTML其实是文本,它只是客户端语言,所以需要浏览器的解释,而且只用HTML做出来的网页是静态网页,没任何得交互功能。 CSS:…

    开发教程 2024年 9月 4日
  • 锚链接

    WordPress锚链接怎么设置

    WordPress锚链接怎么设置?WordPress锚链接可通过编辑器设置锚点ID+关联#ID链接、纯HTML手动创建、插件辅助等方式实现。锚链接与超链接不同,前者仅在同一页面跳转定位,后者可指向内外网页面,对优化外贸建站导航体验、提升海外访客浏览效率尤为关键。下文将从编辑器操作、代码设置等维度,拆解外贸建站适配的锚链接实操方案,一起看看具体步骤。 一、锚链接和超链接的区别 超链接是什么 在详细讨论WordPress锚链接之前,需要先了解什么是超链接。 可能已经知道这类链接:带有彩色或下划线的文…

    开发教程 2026年 5月 8日
  • 单击添加新

    WordPress怎么添加视频

    WordPress怎么添加视频?WordPress添加视频有两种方式,分别是通过WordPress后台-媒体库中直接添加,另一种是借助块编辑器( 古腾堡编辑器)将视频添加到指定文章/页面中。本文接下来将围绕以上WordPress添加视频的方式讲解具体的操作过程,助力各位站长顺利进行WordPress外贸网站建站和推广的工作。 WordPress怎么添加视频一:WordPress直接上传 可以将视频文件直接上传到 WordPress 媒体库,为此请执行以下作: 转到仪表板并选择媒体。 单击“添加新…

    开发教程 2025年 9月 24日
  • 单击“图标”旁边的单选按钮

    WordPress设置社交媒体图标教程

    在WordPress外贸建站的过程中,不少商家为了实现多渠道的品牌营销,会在WordPress独立站上添加社交媒体图标,以提高用户粘性。通常WordPress独立站的社交媒体图标设置有两种方法,一种是通过插件实现,另一种则是通过主题实现,不过第二种方法仅适合使用区块主题的用户。为了在帮助大家更好的进行WordPress社交媒体图标的设置,本文将以Menu Image插件为例,为大家具体展示WordPress设置社交媒体图标的详细教程。 将社交媒体图标添加到 WordPress 菜单的最简单方法是…

    开发教程 2025年 2月 5日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部