如何向网站添加本地化图片

运行机制

您可以通过自定义HTML代码添加包含不同语言文本的本地化图片。此功能有助于网站为不同国家/地区的用户提供更多信息。您可以使用现有解决方案或添加自有代码。

如何获取

使用现有解决方案

1. 在发布商帐户中打开您的项目。
2. 在侧边栏中单击建站器。
3. 单击打开建站器。
4. 在标题区块中，设置翻译组件。
5. 选择要添加至本地化图片的语言。
6. 在自定义代码区块插入以下代码：

<style>
  .localised-image {
    text-align: center;
    padding: 4em 1em;
  }
  .localised-image img {
    width: 100%;
  }
</style>  
<div class="localised-image">
  <img class="lazy loaded" data-src="https://cdn3.xsolla.com/files/uploaded/2340/d9d69114bb9f7c60f0981639aaa4bf3a.jpeg" />
</div>

7. 将图片链接放在data-src属性的img元素中。支持的图片格式为：JPEG、PNG、GIF。
8. 如要添加多个本地化图片，请复制包含div标记的区块并更改图片URL。
9. 单击预览查看更改。

观看本说明的视频教程：

添加自有代码

1. 在建站器中，单击添加区块，然后选择自定义代码。

2. 在区块中插入自己的代码。

为此页面评分

我们还有其他可改进之处吗？ 发送

不想回答

感谢您的反馈！

有用链接