成功
テーマコードの編集
ShopifyのAlignテーマでコード変更を安全に編集、復元する方法を説明します。
Alignテーマコードを編集する
Section titled “Alignテーマコードを編集する”コードを編集すると、ShopifyのAlignストアフロントに詳細な変更を加えられます。テーマファイルには、Liquid、HTML、CSS、JSON、JavaScriptが含まれる場合があります。
HTMLとCSSの編集に慣れており、Liquidの基本を理解している場合にのみコードを編集してください。必要な変更をテーマエディターで実現できる場合は、Alignテーマエディターを使用してください。
Align固有の質問についてサポートが必要な場合は、まずCompany XYZサポートにお問い合わせください。カスタム機能が必要で、HTML、CSS、JavaScriptの経験がない場合は、Company XYZサポートが適切な次のステップの確認をお手伝いします。
Alignをカスタマイズする前に
Section titled “Alignをカスタマイズする前に”コードを変更する前に、次の手順を完了してください。
-
バックアップを作成するために、テーマを複製します。
必要に応じて、このコピーから変更を破棄してやり直すことができます。
-
テーマで利用できるサポートのレベルを確認します。
-
画像のアップロードの要件とベストプラクティスを確認します。
テーマコードを編集する
Section titled “テーマコードを編集する”-
Shopify管理画面から、Online Store > Themesの順に移動します。
-
変更するAlignテーマのコピーを見つけ、… > Edit codeをクリックします。
-
左側のディレクトリからファイルを選択して、エディターで開きます。
-
変更を加えます。複数のファイルを同時に開いて編集できます。
変更したファイルの名前の横にはドットが表示され、どこに変更を加えたかを確認できます。
古いテーマバージョンに戻す
Section titled “古いテーマバージョンに戻す”変更を元に戻す必要がある場合は、個々の.liquidファイルを以前に保存したバージョンに戻すことができます。
Assetsフォルダ内のファイル（theme.scss.liquidやtheme.jsなど）には、以前に編集したバージョンが保存されません。これらのファイルを復元する必要が生じる可能性がある場合は、変更内容のコピーを別途保存してください。
-
Shopify管理画面から、Online Store > Themesの順に移動します。
-
編集するAlignテーマのコピーを見つけ、**…**をクリックしてアクションメニューを開き、Edit codeを選択します。
-
Templatesで、最近編集した
.liquidファイルを選択します。 -
ファイル名の下にあるCurrent versionを選択します。
-
ドロップダウンメニューから以前のバージョンを選択します。
日付を選択すると、保存されたそのバージョンが復元されます。
-
任意: Preview storeを選択して、問題が解決したことを確認します。
Theme Checkを使用する
Section titled “Theme Checkを使用する”Theme Checkはコードの記述中にすぐフィードバックを提供するため、Alignのライブストアフロントに影響する前に問題を特定できます。
次のような問題を特定できます。
- ストアフロントの速度を低下させる可能性がある、パーサーをブロックするスクリプト。
- 翻訳キーの欠落や、ロケールファイルと一致しない翻訳など、翻訳ファイルの不整合。
- テンプレートの欠落。
エラーが特定されたコードの下に赤い線が表示されます。強調表示された行にカーソルを合わせると、詳細を確認できます。
テーマのカスタマイズチュートリアルを見つける
Section titled “テーマのカスタマイズチュートリアルを見つける”テーマコードのカスタマイズチュートリアルでは、特定のページや機能への変更方法を確認できます。テーマアーキテクチャのバージョンに合ったチュートリアルを選択してください。テーマアーキテクチャのバージョンを確認する方法をご覧ください。
カスタマイズについてサポートを受ける
Section titled “カスタマイズについてサポートを受ける”Align固有のガイダンスについては、Company XYZサポートにお問い合わせください。Company XYZはAlignをサポートしており、変更を加える前にテーマ関連のオプションを理解できるようお手伝いします。
Shopifyのサポートリソースでは、テーマのサポートを見つける場所とテーマサポートの追加リソースについても説明しています。Shopify管理画面、アカウント、請求、その他のShopifyが管理するプラットフォーム関連の問題については、Shopifyサポートを利用してください。
使用上の注意
Section titled “使用上の注意”- バックアップから作業する。 コードをカスタマイズするセッションの前に、Alignテーマを複製してください。
- 適切なツールを使用する。 コードを変更せずに目的の結果を実現できる場合は、テーマエディターを優先してください。
- 変更を確認する。 ファイルを編集または復元した後、ストアをプレビューして期待どおりの結果になったことを確認してください。
- アセットの編集には注意する。 Assets内のファイルでは以前に編集したバージョンを利用できないため、変更内容のコピーを自分で保存してください。