如何根据网站语言显示内容

运行机制

您可以通过自定义HTML代码将内容分成不同区块,并只对以某些语言查看页面的用户显示某些区块。您可以使用现有解决方案添加自有代码

如何获取

使用现有解决方案

  1. 发布商帐户中打开您的项目。
  2. 在侧边栏中单击建站器
  3. 单击打开建站器
  4. 标题区块中,设置翻译组件。
  5. 选择要隐藏指定区块的语言。
  6. 自定义代码区块插入以下代码:
Copy
Full screen
Small screen
<script>
  (function () {
    var blockArray = [
      {
        blockName: '.block--packs',
        blockNumber: 0
      },
      {
        blockName: '.block--description',
        blockNumber: 0
      }
    ];

    function removeBlock() {
      setTimeout(function () {
        blockArray.map(function (block) {
          return document.querySelectorAll(block.blockName)[block.blockNumber];
        })
          .forEach(function (element) {
            element && element.remove();
          });
      }, 0);
    }

    removeBlock();
  })();
</script>

  1. blockArray数组中,对所选语言修改要对用户隐藏的区块的以下参数:
    • blockName - 区块的CSS类名称。可以是:
      • .block--header(标题区块)
      • .block--hero(行动召唤区块)
      • .block--html(自定义代码区块)
      • .block--packs(套餐区块)
      • .block--description(说明区块)
      • .block--gallery(图库区块)
      • .block--requirements(系统要求区块)
      • .block--faq(常见问答区块)
      • .block--embed(社交媒体小组件区块)
      • .block--news(新闻区块)
      • .block--footer(页脚区块)
    • blockNumber - 区块的序号。最小值是0
  2. 单击预览查看更改。

观看本说明的视频教程:


添加自有代码

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

不想回答

感谢您的反馈!

有用链接

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

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

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