あなたのサイトにローカライズされた画像を追加する方法

どのように動作するか

カスタム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. 独自のコードをブロックに挿入します。

このページを評価する

改善できることはありますか？ 送信

答えたくない

ご意見ありがとうございました！

お役立ちリンク