言語ファイル(ロケール)

学べること

  • ロケールファイルとは何で、テーマ内のどこにあるか

  • ストアフロント全体のテキストラベルをカスタマイズする方法

  • 新しい言語を追加し翻訳を管理する方法


🧩 ロケールファイルとは?

ロケールファイルはShopifyテーマ内の翻訳可能な全てのテキストを制御します。これらは .json テーマの内側のファイルとして保存されます locales フォルダ。各ファイルは1つの言語を表します(例: en.default.json は英語の場合)。

次のような項目の翻訳が含まれます:

  • ボタンラベル(例:「カートに追加」)

  • セクション見出し

  • システムメッセージ(例:「商品が見つかりません」)


📁 テーマ内のファイルの場所

plain-jane-theme
  └── locales
        ├── en.default.json
        ├── fr.default.json
        └── es.default.json

各ファイルには一連の キーと値のペアが含まれており、キーが識別子、値が翻訳可能なテキストです。

例:

"products": {
  "product": {
    "add_to_cart": "カートに追加"
  }
}

✏️ テキストラベルの編集方法

  1. あなたの Shopify管理画面から、に移動します オンラインストア > テーマ

  2. をクリック カスタマイズ 現在のテーマの横にある

  3. テーマエディタで、をクリックします 三点メニュー(⋯) > デフォルトのテーマコンテンツを編集

  1. 検索バーを使って更新したいテキストを見つけます(例:「売り切れ」)

  2. 値を変更してからクリックします 保存

💡 これはコードに触れずに「今すぐ購入」や「詳しくはこちら」などのボタン名を変更する最も簡単な方法です。


🌍 複数言語の追加または管理

ストアを複数言語で提供するには:

  1. に移動します 設定 > 言語 管理画面の

  2. サポートしたい言語を追加します

  3. Shopifyは自動的に新しい .json ロケールファイルをテーマ内に生成します

  4. その後、次の方法でコンテンツを翻訳できます:

    • Shopifyの管理UI

    • WeglotやLangifyのような翻訳アプリ

    • 手動で .json ファイルを編集する(開発者向け)

⚠️ メタフィールドやカスタムコンテンツを使用している場合は、各言語ごとにそれらも更新することを忘れないでください。


🧠 開発者向けノート

Liquidでは次の t フィルターを使ってロケール文字列にアクセスできます:

{{ 'products.product.add_to_cart' | t }}

テーマを構築または拡張している場合は、ロケールキーをセクションやコンテキストごとに構造化してください(例: header, footer, cartなど)して整理を保ちます。

ヘルプが必要ですか?

  • 💬 Discordでコミュニティに参加: https://discord.gg/hcc2GvgZc6

  • 📧 メールでお問い合わせ: [email protected]

  • 💻 ライブチャット: 月曜〜金曜、午前10時〜午後6時(EST)に当社ウェブサイトで直接利用可能

最終更新