サイトの言語に応じてコンテンツを表示する方法

どのように動作するか

コンテンツをセグメント化し、カスタム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を押します。

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