BIZ

ShopifyのThemeKit

#Shopify#Liquid

ShopifyのThemeを編集する際に、ローカルで開発しやすくするためのツールがThemeKitです。

環境

  • Windows10
  • WSL

インストール

ここに書いてあるLinux Installationのとおりにやったらできました。設定とテーマ取得方法も書いてあるとおりにやったらできました。自分は既存テーマをダウンロードしたのですが、theme getですんなり取得できました。ローカルに落としたThemeのコードは、githubで管理しようと思います。

コマンド

deploy

  • 下記で修正点が反映されました。
Terminal window
$ theme deploy

watch

  • 下記コマンドで、どこかが修正されたら自動的に修正箇所のみすぐに反映されるようになりました。
Terminal window
$ theme watch

download

  • ローカルで下記コマンドを実行すると、最新の状態をダウンロードできるようです。
  • shopify管理画面上で修正した場合などに使えるかなと思います。
Terminal window
$ theme download

open

  • これはよく分からないけどローカルでプレビューできるのかな？なぜ分からないかというと、エラーが出てコマンドが正常実行できないからです。
  • 下記のようなエラーが出ます。まあでも今のところ使いませんので調べないことにします。
Terminal window
[development] Error opening: exec: "xdg-open": executable file not found in $PATH

所感

  • themeKitは簡単で便利でした。
  • しかしページの作成はできなそう。
  • shopifyの固定ページをさくさく作るにはどうしたらいいのか？一生ウィジウィグエディタを使わないといけないのかは要調査。
  • Pageのディレクトリ構造を整理できるのかも知りたい。全部page直下だったら沢山は作れないだろうし。

追記

  • 固定ページをthemeKit使ってローカルで開発する方法は下記に書いてあった。全部しっかり読んだわけではないけど、固定ページの枠みたいのをテーマとして作成することができるのですが、枠にコンテンツも全部書いちゃう的な感じでやっているのかなあと思った。

https://medium.com/ecblog/shopify%E3%81%AE%E5%9B%BA%E5%AE%9A%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E7%92%B0%E5%A2%83%E3%81%A7%E5%88%B6%E4%BD%9C%E3%81%97%E5%85%AC%E9%96%8B%E3%81%99%E3%82%8B%E3%81%BE%E3%81%A7%E3%81%AE%E6%89%8B%E9%A0%86-259dbfaa5a63 — medium.com

  • ちなみに、templates/page.hoge.liquidを、templates/hoge/page.hoge.liquidに移動してみたら、「Theme files may not be stored in subfolders」と言われた。。