【Shopify.dev和訳】Themes/Dev tools/GitHub/Getting started
この記事について
この記事は、Themes/Dev tools/GitHug integration/Getting startedの記事を和訳したものです。
記事内で使用する画像は、公式ドキュメント内の画像を引用して使用させていただいております。
Shopify アプリのご紹介
Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。
Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。
ShopifyGitHub 統合の開始
Shopify GitHub の統合は、あなたが作ると Git のを使用して、テーマコードに変更を追跡することができます。このチュートリアルでは、Shopify Online Store GitHub アプリをインストールし、ブランチをテーマとして接続し、接続をテストしてから、テーマを公開する方法について説明します。
始める前に
Shopify GitHub 統合の使用を開始する前に、次のことを行ってください。
・あなたが使用したい場合は、開発ストアをテーマを構築するために、その後、Shopify パートナーアカウントを作成し、開発ストアを作成します。
・作業するストアのテーマの管理権限またはテーマ権限を持つアカウントを持っていること、またはストアの所有者であることを確認してください。
・接続する GitHub リポジトリとブランチに注意してください。ブランチは、デフォルトの Shopifyテーマフォルダー構造と一致する必要があります。Shopify 管理者のテーマからリポジトリまたはブランチを作成することはできません。
・まだテーマがない場合は、ShopifyCLI でテーマを初期化することを検討してください。
・ストアから既存のテーマを使用する場合は、テーマの ZIP をダウンロードして、そのコンテンツを含むリポジトリを作成できます。
・リポジトリがアプリをインストールする権限を持たない組織に属している場合は、テーマを接続する前に、管理者にインストールの承認を要求する必要があります。管理者に組織のアプリのインストールをリクエストすることもできます。
ステップ 1：GitHub 組織またはアカウントに接続する
Shopify GitHub 統合を開始するには、GitHub 組織またはアカウントを Shopify に接続する必要があります。
新しい開発ストアを使用している場合、ストアの作成後の最初のログインで GitHub 統合をセットアップすることはできません。GitHub に正常に接続するには、ストアからログアウトしてから、パートナーダッシュボードから再度ログインする必要があります。
1.Shopify 管理者から、[オンラインストア] > [テーマ]に移動します。 2.テーマライブラリセクション、クリックテーマの追加> GitHub から接続します。 3.接続し、テーマペイン、GitHub をログインします。
4.GitHub のクレデンシャルを入力します。 5.Shopify オンラインストア GitHub アプリを承認してインストールするように求められます。アプリを個人アカウントにインストールするか、組織にインストールするかを選択します。 6.組織用にアプリをインストールする場合は、すべてのリポジトリにアプリをインストールするか、リポジトリを選択するかを選択します。Shopify は、この統合で使用する特定のリポジトリへのアクセスのみを許可することをお勧めします。
ステップ 2：ブランチをテーマとして接続する
Shopify 管理者のテーマにブランチを接続するには、ブランチを選択する必要があります。ブランチのコンテンツは、テーマライブラリに新しいテーマとして追加されます。
1.Shopify 管理者から、[オンラインストア] > [テーマ]に移動します。 2.テーマライブラリセクション、クリックテーマの追加> GitHub から接続をします。 3.プロンプトが表示されたら、GitHub にログインします。 4.組織に属するリポジトリを接続している場合は、リポジトリが属する組織を選択します。 5.接続するリポジトリを選択してから、接続するブランチを選択します。 6.テーマがテーマライブラリに表示されます。GitHub に接続されているテーマには、リポジトリ、ブランチ名、最終コミット時間がテーマカードに一覧表示されます。
最初の接続が確立された後、選択したブランチへのすべてのコミットがテーマにプルされ、Shopify 管理者を介して行ったすべての変更がブランチにプッシュされます。
ステップ 3：接続をテストする
ブランチとリポジトリ間の接続が機能していることを確認するには、テーマに小さな変更を加えてから、ブランチでコミットが行われたことを確認します。
1.Shopify 管理者から、[オンラインストア] > [テーマ]に移動します。
2.GitHub に接続されているテーマで、[カスタマイズ]をクリックします。 3.テーマの設定を変更します。たとえば、Dawn では、アナウンスバーのテキストを変更できます。 4.[保存]をクリックして、テーマエディタを終了します。 5.テーマライブラリのテーマのカードで、ブランチの名前をクリックして GitHub に移動します。 6.最新のコミットに注意してください。shopify-online-storeアプリとユーザー名をコミットの作成者としてリストする必要があります。
必要に応じて、ローカルマシンからブランチに変更をプッシュすることもできます。ブランチにコミットをプッシュすると、テーマの最終保存日が更新され、変更がテーマに表示されます。
ステップ 4:テーマを公開する
公開されたテーマへの変更を追跡するには、GitHub ブランチに接続されているテーマライブラリからテーマを公開する必要があります。マスターブランチまたはメインブランチをテーマとして追加して、Git のブランチおよびマージ戦略を使用して公開されたテーマを最新の状態に保つことができます。「テーマの分岐戦略の詳細をご覧ください。
Shopify 管理者またはShopifyCLIを使用して、テーマを手動で公開できます。
Shopify アプリのご紹介
Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。
Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。
Discussion