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

あなたが学ぶこと

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

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

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


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

ロケールファイルは、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": "Add to Cart"
  }
}

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

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

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

  3. テーマエディタで、 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]

  • 💻 ライブチャット: 月〜金、現地時間(EST)10:00〜18:00 に当社ウェブサイトで直接利用可能

最終更新