📁

【Shopify.dev和訳】Themes/Architecture/Locales/Overview

2021/09/18に公開

この記事について

この記事は、Themes/Architecture/Locales/Overvieの記事を和訳したものです。

記事内で使用する画像は、公式ドキュメント内の画像を引用して使用させていただいております。

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

Locales

ロケールファイルは、テーマ全体で使用されるテキスト文字列の翻訳セットを含む JSON ファイルで、2 つのタイプがあります。

Storefront - .jsonの拡張子を持ち、ストアフロントの翻訳を制御します。
Schema - .schema.jsonという拡張子を持ち、スキーマの翻訳を制御します。

ロケールファイルは、テーマのlocalesディレクトリで管理されます。

構造概要

どちらのロケールファイルタイプも、以下のレベルに整理されるという一般的なフォーマットは同じです。

Category: 翻訳のトップレベルのカテゴリーです。例えば、generalは一般的な翻訳を含みます。
Group: カテゴリー内の翻訳の第 2 レベルのグループ化です。例えば、404には、404 ページに関連する一般的な翻訳が含まれます。
Description: 3 番目のレベルで、個々の翻訳を表します。例えば、titleには、404 ページのタイトルが含まれます。

ロケールファイルの作成方法

ロケールファイルを生成するには 2 つの方法があります。

テーマコードエディターでロケールファイルを追加する。
手動でロケールファイルを作成する。

新しいロケールの追加

コードエディターで新しいロケールを追加するには、次のようにします。

Shopify の管理画面から、オンラインストア＞テーマと進みます。
編集したいテーマを見つけて、アクション＞コードの編集をクリックします。
左側のサイドバーを下にスクロールし、ロケールをクリックし、新しいロケールを追加をクリックします。
ドロップダウンから、既存のロケールファイルを出発点として選択するか、最初から新しいロケールファイルを作成します。
ファイル名を.jsonという拡張子を除いて入力し、ロケールの作成をクリックします。

iPhone

Shopify アプリからストアをタップします。
販売チャネルのセクションで、オンラインストアをタップします。
テーマの管理をタップします。
編集したいテーマを見つけて、アクション＞コードの編集をクリックします。
左のサイドバーを下にスクロールしてロケールをクリックし、新しいロケールを追加をクリックします。
ドロップダウンから、既存のロケールファイルを出発点として選択するか、最初から新しいロケールファイルを作成します。
ファイル名を.jsonという拡張子を除いて入力し、ロケールの作成をクリックします。

Android

Shopify アプリからストアをタップします。
販売チャネルのセクションで、オンラインストアをタップします。
テーマの管理をタップします。
編集したいテーマを見つけて、アクション＞コードの編集をクリックします。
左のサイドバーを下にスクロールしてロケールをクリックし、新しいロケールを追加をクリックします。
ドロップダウンから、既存のロケールファイルを出発点として選択するか、最初から新しいロケールファイルを作成します。
ファイル名を.jsonという拡張子を除いて入力し、ロケールの作成をクリックします。

ロケールの手動作成

ロケールファイルの作成は、ローカルの開発環境で行うことができます。ロケールファイルを手動で作成する際には、以下の点を確認する必要があります。

ファイルの名前が適切であること。詳しくは、ロケールファイルの名前を参照してください。
ファイルはテーマの locales ディレクトリに追加されます。

ロケールファイル名

ロケールファイルの命名は、IETF の標準的な言語タグの命名法に従わなければなりません。最初の小文字のコードが言語を表し、2 番目の大文字のコードが地域を表します。

例:

en-GB.json - 英語 - 英国
es-ES.json - スペイン語 - スペイン
fr-CA.json - フランス語 - カナダ

言語が地域限定でない場合は、2 文字の小文字の言語表現のみを使用することができます。例えば、以下のようになります。

fi.json - フィンランド語用 - 全地域

デフォルトのロケールファイル

*.default.json という形式のデフォルトロケールファイルを指定する必要があります。* は選択した言語です。このファイルには、テーマのデフォルト言語の翻訳が含まれています。デフォルトファイルは 1 つだけです。

ほとんどのテーマは en.default.json を使用し、テーマのデフォルトロケールを英語にしています。

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

Discussion

ログインするとコメントできます