デベロッパーツール

管理者 サイドバーで、Stores/Settings/Configuration ​に移動します。

左側のパネルで「Advanced」を展開し、「Developer」を選択します。

「 」を展開し、「Front-end Development Workflow」セクションを展開します。

Workflow Type を次のいずれかに設定します。

• Client side less compilation - コンパイルは、ネイティブ less.js ライブラリを使用したブラウザーで行われます。
• Server side less compilation - Less PHP ライブラリを使用して、サーバー上でコンパイルが行われます。 これは、実稼動用のデフォルトのモードです。

完了したら、「Save Config」をクリックします。

管理者 サイドバーで、Stores/Settings/Configuration ​に移動します。

左側のパネルで「Advanced」を展開し、「Developer」を選択します。

「 」を展開し、「Static Files Settings」セクションを展開します。

Sign Static Files を Yes に設定します。

完了したら、「Save Config」をクリックします。

管理者 サイドバーで、Stores/Settings/Configuration ​に移動します。

左側のパネルで「Advanced」を展開し、「Developer」を選択します。

CSS ファイルを最適化するには、「CSS Settings」セクションの を展開し、次の手順を実行します。

• Merge CSS Files を Yes に設定します。
• Minify CSS Files を Yes に設定します。

{width="600" modal="regular"}

JavaScript ファイルを最適化するには、「JavaScript Settings」セクションの を展開し、次の手順を実行します。

• Merge JavaScript Files を Yes に設定します。
• Minify JavaScript Files を Yes に設定します。

{width="600" modal="regular"}

PHTML テンプレートファイルを縮小するには、 「Template Settings」セクションを展開し、Minify Html を Yes に設定します。

{width="600" modal="regular"}

完了したら、「Save Config」をクリックします。

管理者 サイドバーで、Stores/Settings/Configuration ​に移動します。

左側のパネルで「Advanced」を展開し、「Developer」を選択します。

「 」を展開し、「Developer Client Restrictions」セクションを展開します。

{width="600" modal="regular"}

Allow IPs:IP アドレスを入力します。

複数の IP アドレスからアクセスする必要がある場合は、各アドレスをコンマで区切ります。

完了したら、「Save Config」をクリックします。

プロンプトが表示されたら、無効なキャッシュを更新します。

管理者 サイドバーで、Stores/Settings/Configuration ​に移動します。

左側のパネルで「Advanced」を展開し、「Developer」を選択します。

Debug のセクションの を展開し、以下を実行します。

{width="600" modal="regular"}

• ストアに対してテンプレートパスヒントをアクティブにするには、Enabled Template Path Hints for Storefront を Yes に設定します。

• URL に templatehints パラメーターが含まれている場合にのみストアに対してテンプレート パス ヒントを有効にするには、URL パラメーターを含むストアフロントのヒントを有効にする を Yes に設定します。 必要に応じて、パラメーターの値を設定します。 デフォルト値は magento ですが、カスタム値を使用できます。 例えば、値を lorem に変更した場合、mymagento.com?templatehints=lorem を使用してテンプレートのヒントを表示します。

• 管理者用のテンプレートパスヒントをアクティブにするには、Enabled Template Path Hints for Admin を Yes に設定します。

• ブロック名を含めるには、Add Block Class Type to Hints を Yes に設定します。

完了したら、「Save Config」をクリックします。

管理者 サイドバーで、System/Tools/Cache Management ​に移動します。

右上隅の「Flush Magento Cache」をクリックします。

管理者 サイドバーで、System/Tools/Cache Management ​に移動します。

次のチェックボックスをオンにします。

• Blocks HTML output
• Page Cache
• Translations

Actions コントロールを Disable に設定し、Submit をクリックします。

管理者 サイドバーで、Stores/Settings/Configuration ​に移動します。

特定のストア表示を操作するには、更新する Store View を設定します。

左側のパネルで「Advanced」を展開し、「Developer」を選択します。

「 」を展開し、「Translate Inline」セクションを展開します。

必要に応じて「Use Website」チェックボックスをオフにして、これらの設定を変更します。

特定のストア表示を編集する場合、Enabled for Admin ​オプションは使用できません。

{width="600" modal="regular"}

Enabled for Storefront を Yes に設定します。

完了したら、「Save Config」をクリックします。

プロンプトが表示されたら、無効なキャッシュを更新しますが、無効なキャッシュは今のところそのままにしておきます。

ブラウザーでストアフロントを開き、編集するページに移動します。

必要に応じて、言語選択を使用してストア表示を変更します。 翻訳可能なテキストの各文字列は、赤で囲まれます。 任意のテキストボックスにポインタを合わせると、ブックアイコン（ ）が表示されます。

ブックアイコンをクリックして 翻訳 ウィンドウを開き、次の操作を行います。

• 特定のストア表示に対する変更の場合は、「Store View Specific」チェックボックスを選択します。

• 新しい Custom テキストを入力します。

完了したら、「Submit」をクリックします。

{width="700" modal="regular"}

ストアで変更を確認するには、ブラウザーを更新します。

ストア内の変更する要素すべてについて、この手順を繰り返します。

ストアの管理者に戻ります。

管理者 サイドバーで、Stores/Settings/Configuration ​に移動します。

編集した特定のビューに Store View を設定します。

左側のパネルで「Advanced」を展開し、「Developer」を選択します。

「 」を展開し、「Translate Inline」セクションを展開します。

Enabled for Frontend を No に設定します。

完了したら、「Save Config」をクリックします。

管理者 サイドバーで、System/Tools/Cache Management ​に移動します。

以前に無効にした次の出力キャッシュのチェックボックスを選択します。

• Blocks HTML output
• Page Cache
• Translations

Actions コントロールを Enable に設定し、Submit をクリックします。

プロンプトが表示されたら、無効なキャッシュを更新します。