本地化

您可以为您的网站设置本地化并添加不同语言的产品描述。这可以帮助您更加以用户为中心,提高玩家对游戏的忠诚度。 以下项支持本地化:

网站本地化

要本地化网站界面:

  1. 发布商帐户中打开项目。
  2. 单击项目设置
  3. 常规设置窗口,选择要将网站本地化到的语言。
  4. 项目名称字段中,指定其他语言的本地化项目名称。
  5. 单击保存
  6. 在侧边栏中单击建站器
  7. 在网站卡片中单击打开建站器
  8. 前往语言设置部分并将所需语言的开关设置为
  9. 选择语言选择按钮所在的位置。在语言选择器位置面板中,选择页眉和/或页脚

启用本地化后,网站界面的所有元素将翻译为所选语言。默认使用艾克索拉准备的文本字段和翻译。如要更改默认翻译,请双击文本字段,然后输入自己的版本。

产品名称和描述的本地化

要本地化网站上的购买项(如虚拟物品):

  1. 发布商帐户中打开项目。
  2. 单击项目设置
  3. 常规设置窗口,选择要将网站本地化到的语言。
  4. 项目名称字段中,指定其他语言的本地化项目名称。
  5. 单击保存
  6. 在侧边栏中单击商店
  7. 虚拟物品模块中单击配置连接
  8. 在下拉菜单中选择创建物品,或在现有物品的快捷菜单中单击编辑物品
  9. 为启用了本地化的所有语言添加物品名称描述

  1. 单击保存更改
  2. 在侧边栏中单击建站器
  3. 在网站卡片中单击打开建站器
  4. 前往语言设置部分并将所需语言的开关设置为
  5. 前往商店部分并选择配置了本地化的物品组。
产品将被添加到网站,在网站上切换语言后,将显示本地化后的产品名称和描述。

图片本地化

您可以使用自定义HTML代码为网站添加具有本地化语言文字的图片。您可以使用现成的解决方案或自己编写代码。

使用现成解决方案示例

  1. 发布商帐户中打开项目。
  2. 在侧边栏中单击建站器
  3. 在网站卡片中单击打开建站器
  4. 前往语言设置部分并将所需语言的开关设置为
  5. 自定义代码区块中添加以下内容:
在HTML部分中:
Copy
Full screen
Small screen
<div class="image-container">
  <img class="localised-image lazy loaded" data-src="https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg" />
</div>

在CSS部分中:

Copy
Full screen
Small screen
.image-container {
  text-align: center;
  padding: 4em 1em;
}

.image-container img {
  width: 100%;
}

在JavaScript部分中:

  1. htmlLang参数中指定要添加的本地化图片的语言。
  2. localisedImage.dataset.src参数中,指定本地化图片的链接。
注:
可用的图片格式为JPEG、PNG、GIF、WEBP。
允许的最大图片大小为10 MB。
    要添加多个本地化语言,请复制JavaScript代码段和必要的参数值。
Copy
Full screen
Small screen
const htmlLang = document.documentElement.lang;
const localisedImage = document.querySelector('.localised-image');
 if (htmlLang === 'es') {

   localisedImage.dataset.src = 'https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg';
 }
 if (htmlLang === it) {

   localisedImage.dataset.src = 'https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg';
 }
  1. 单击预览查看更改。图片将仅本地化为自定义代码区块中指定的语言。

添加自有代码

  1. 在建站器中,单击添加区块,然后选择自定义代码
  1. 在区块中插入自己的代码。
本文对您的有帮助吗?
谢谢!
我们还有其他可改进之处吗? 留言
非常抱歉
请说明为何本文没有帮助到您。 留言
感谢您的反馈!
我们会查看您的留言并运用它改进用户体验。

有用链接

上次更新时间: 2024年3月26日

发现了错别字或其他内容错误? 请选择文本,然后按Ctrl+Enter。

报告问题
我们非常重视内容质量。您的反馈将帮助我们做得更好。
请留下邮箱以便我们后续跟进
感谢您的反馈!