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

どのように動作するか

カスタムHTMLコードを使用して、異なる言語にローカライズされたテキストと画像を追加することができます。この機能は、異なる国のユーザーにとって、サイトをより有益なものにするのに役立ちます。既存のソリューションを使用することも、独自のコードを追加することもできます。

入手方法

既存のソリューションを使用する

  1. パブリッシャーアカウント>サイトビルダーに移動します。
  2. ヘッダーブロックで翻訳コンポーネントを設定します。
  3. ローカライズされた画像に追加する言語を選択します。
  4. 以下のコードをカスタムコードブロックに挿入します:

Copy
Full screen
Small screen
<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>

  1. data-src属性のimg要素に各画像へのリンクを入れます。サポートされる画像の形式:JPEG、PNG、GIF。
  2. 複数のローカライズされた画像を追加するには、divタグでブロックを複製し、画像のURLを変更します。
  3. プレビューをクリックして変更を確認します。

この手順については、チュートリアルビデオをご覧ください:


自分のコードを追加する

  1. ビルダーで、ブロックを追加するをクリックして、カスタムコードを選択します。

  1. 独自のコードをブロックに挿入します。

この記事は役に立ちましたか?
ありがとうございます!
改善できることはありますか? メッセージ
申し訳ありません
この記事が参考にならなかった理由を説明してください。 メッセージ
ご意見ありがとうございました!
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。
このページを評価する
このページを評価する
改善できることはありますか?

答えたくない

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

お役立ちリンク

最終更新日: 2021年7月20日

誤字脱字などのテキストエラーを見つけましたか? テキストを選択し、Ctrl+Enterを押します。

問題を報告する
当社は常にコンテンツを見直しています。お客様のご意見は改善に役立ちます。
フォローアップ用のメールをご提供してください
ご意見ありがとうございました!