※2021年のアップデ,トに伴いこの記事の内容は最新ではなくなりました。
テマの開発方法にいては以下をご参照ください。
この記事の中の主题包は最新のテーマはサポートしておりませんので,今後は以下のツールをお使いください。
多くの開発者とデザ▪▪ナ▪▪がオンラ▪▪ンのShopifyテ,マエディタを愛用しています。これはShopifyの管理画面の中にあって簡単に使えるものです。しかし,もし定期的にShopifyテーマの開発をしたいと考えているなら,オンラインテーマエディタだけに縛られる必要はないことを知っておくべきでしょう。
この記事では,主题工具包のンストル方法と使用法を説明します。このクロスプラットフォムルはShopifyとの連携を容易にしながら,独自の開発ルを使用できるようにします。
主题工具包の設定が済んだら,テ,マ開発にGitなどのワクフロルを統合することが簡単にできます。そうすれば自信を持って開発チ,ムでShopifyテーマに取り組むことができ,テーマ編集にお気に入りのテキストエディタやローカライズされた体験を持ち込むことも可能になります。Shopifyはホスト型プラットフォ,ムなので,Shopifyの開発にはストアデ,タと連携した液体のコンパ@ @ルやレンダリングのためにShopifyサ,バ,との接続が必要であり,それゆえ主题工具包は本質的にロ,カルなものとは言えません。
请注意:Shopifyはホスト型プラットフォ,ムであるため,真にロ,カル環境でShopifyと連携できるオプション(MAMPや里面のようなもの)はなく,そのためローカルで独自ツールを使うオプションとしては主题包がベストということになります。
それでは,Shopifyテマをロカルで構築するために使用するルとそのプロセスにいて見ていきましょう。この記事を有効活用するには,コマンドラ@ @ンの基礎を知っている必要があります。追加の情報はCodecademyで見けられます。
目次
1.テマキットをンストル
2.認証APIの設定
3.アップデ,トをプッシュする
ステップ1:主题工具包を▪ンスト▪ル
主题包は,Shopifyによって開発&管理されている,Shopifyテマ構築のためのクロスプラットフォムのコマンドランルです。主题包をダウンロードして少しの設定をおこなえば、テーマ作成を開始することができます。
特徴的な主题工具包の機能は次のとおりです。
·複数の環境にテ、マをアップロ、ド
·高速アップロ、ドとダウンロ、ド
·ロ,カルでの変更を自動でShopifyにアップロ,ド
・窗户、Linux、macOSで使用可能
LinuxかmacOSを使用している場合,主题包をインストールしてグローバルに設定するには,下記のスクリプトをターミナルで実行します。
Curl -s https://shopify.github.io/themekit/scripts/install.py | sudo python
別の方法として,主题工具包のサ显卡トから邮政编码ファ▪▪ルをダウンロ▪▪ドすることでマニュアル▪▪ンスト▪▪ルも可能です。主题工具包のサ@ @トの手順に従ってください。
古いバジョンのトラブルシュティングとンストル済み主题套件のテスト
主题工具包のコマンドを実行する前に,最新バ,ジョンを使用していることを確認してください。過去にテ,マの宝石を使用していた場合は,アン。もし今回初めて主题包をインストールするのであれば,以下の指示内容は無視してかまいません。
既存のShopifyテマの宝石をアン▪▪ンスト▪▪ルするには下記のコマンドを実行します。
宝石卸载shopify-theme
最新バ,ジョンの主题工具包(こ,らで参照可)であることを確認してください。主题工具包のアップデートには以下のコマンドを実行します。
主题更新——version=[版本号]
たとえば,次のようになります。
主题更新——version=v1.0.0
主题工具包が▪ンスト▪ルされていることをテストするには、下記を入力します。
主题——帮助
ステップ2:認証APIの設定
主题工具包が▪ンスト▪ルできたら,あなたのShopifyストアとロ,カルテ,マを連携させる設定が必要になります。ここでは,APIキ,パスワ,ド,テ,マIDが要求されます。
APIキ,とパスワ,ド
ストアと主题工具包を連携させるためのAPIキ,を設定します。APIキはストアとテマファルへのアクセスを可能にします。
そのためには,Shopifyストアにログ@ @ンし,プラ@ @ベ@ @トアプリを作成する必要があります。管理画面の「アプリ管理」セクションの「プライベートアプリを管理」をクリックします。次に「新しいプライベートアプリを作成する」を選択し、名前を入力します(クライアント名と環境を使うとわかりやすくなります)。権限の項目で、「テーマテンプレートとアセット(主题模板和主题资产)“の許可内容が”読み込みと書き込み(读和写),になっているよう注意してください。これは適切なAPI認証を生成するために必要になります。その後,“保存する”をクリックします。
Shopifyが新しいペ,ジを読み込み,ユニ,クなAPIキ,とパスワ,ドが提供されます。
テマID
既存テ,マにアクセスするために,テ,マIDが必要となります。テマIDを取得する方法はいくつかありますが,一番早い方法は“テーマ”のセクションに行って,“アクション”>“コードを編集する”をクリックし,URLの末尾の数字をコピ,することです。”mystore.myshopify.com/admin/themes/”の後に続く数字になります。
ほかの方法としては,次のコマンドを実行します。
主题get——list -p=[your-store.myshopify.com]
これはテ,マのリストと特定のストアの中にあるthemeidのリストを返します。
config.ymlでフックする
これで,ここまでの情報を使ってテ,マの中にconfig.ymlファルを作成し,ロカルにダウンロドできるようになりました。config.ymlは,あなたのShopifyストアテ,マとの連携をロ,カルで実行するのに不可欠です。
まずテ,マのためのディレクトリを作成します。
mkdir (your-theme-name)
それから,作成したディレクトリに移動します。
cd [your-theme-name]
特定のテ,マをダウンロ,ドし,ディレクトリ内でそのテ,マのロ,カル版と連携するためのconfig.ymlファ@ @ルを作成するには,次のコマンドをテ@ @マディレクトリ内で実行します。[]のプレ,スホルダ,内はあなたのテ,マの情報に置き換えてください。
主题get——password=[your-api-password]——store=[your-store.myshopify.com]——themeid=[your-theme-id]
たとえば,次のようになります。
主题get——password=01464d4e02a45f60a23193ffc3a8c1b3——store=the-soap-store.myshopify.com——themeid=170199178
これで自動的にconfig.ymlファ▪▪ルが作られ,ストアからテ▪▪マ(themeidで特定されたもの)がダウンロ,ドされます。config.ymlファ@ @ルをマニュアルでテキストエディタを使ってディレクトリに作成することもできます。その場合は次のようになります。
テ,マを最初から作成する
テマを1から作りたい場合,次のコマンドを実行することで可能になります。
theme new——password=[your-password]——store=[your-store.myshopify.com]——name="新的空白主题"
これでディレクトリ内に新規テーマが作成され,同じ名前のテーマのコピーがあなたのストアにアップロードされます。また,あなたのテ,マのconfig.ymlによってその2が結び付けられます。
エラ,が表示されたら
APIキ,が生成されたときに,APIの権限を正しく設定したか確認してください。上述したように,”テ,マテンプレ,トとアセット(主题模板和主题资产)“の権限を”読み込みと書き込み(读和写)“にして”,“保存する”をクリックします。
テマ宝石をアンンストルしたか,最新バジョンの主题套件を使用しているか,この2点もご確認ください。
ステップ3.:アップデ,トをプッシュする
これでShopifyテ,マとの連携が構築されたので,次のコマンドをディレクトリで実行できます。
主题的手表
主题包はあなたのローカルファイルの変更を検出して,自動的にあなたのテーマにそれをプッシュします。看を停止するには,CTRL + cを入力します。
これで主题工具包の設定ができました
やるべきことは完了です!これでバージョンコントロールや開発チームとの共同作業が容易になり、お気に入りのテキストエディタも使えますし、ショートカットの設定など、あなたがいつもローカル環境でおこなっていることなら何でもできるようになりました。
原文:谢霆锋翻訳:深津望
よくある質問
主题工具包を使えばロ,カル環境で修正したテ,マの挙動を確認できますか?
主题工具包で修正したテ,マは必ず手動でアップロ,ドする必要がありますか?
主题工具包は自動で最新化されますか?
主题工具包はWindowsでも使えますか?
Shopifyパ,トナ,プログラムでビジネスを成長させる
マーケティング,カスタマイズ,またはWebデザインや開発など提供するサービスに関係なく,Shopifyパートナープログラムはあなたを成功へと導きます。プログラムの参加は無料で,収益分配の機会が得られ,ビジネスを成長させる豊富なツールにアクセスできます。情熱的なコマスコミュニティに今すぐ参加しましょう!