Shopifyストアが使っているテーマを調べる方法
Shopifyストアが使っているテーマを調べる方法 | We.Inc
ページのソースを読んで、Shopifyストアの裏にあるテーマを特定する方法を紹介します。ソースを貼り付けるだけでブラウザー内で動く分析ツールと、結果からはわからないことも解説します。
Shopifyストアが使っているテーマを調べる方法
ストアを開いてページのソースを表示し、Shopify.theme を検索します。ほとんどのストアフロントには name フィールドと、多くの場合 schema_name フィールドを含む小さなスクリプトがあり、後者がストアの元になったテーマです。下の分析ツールにソースを貼り付ければ、どこにも何も送らずにそれらの値を取り出せます。
ストアフロントのソースでテーマが現れる場所
- Shopify.theme
- ストアが付けたテーマ名と、IDおよびロール
- オーナーはテーマ名を自由に変更できる
- テーマの設定ファイルにある元のテーマ名
- カスタムテーマでは存在しないか変更されている
- テーマストアからインストールした場合によく含まれる
- 他の場所から入れたテーマにはない
- テーマのアセットファイルと、インストールしたコピーの番号
- Shopifyであることはわかるが、テーマまではわからない
テーマとは、Shopifyストアの見た目を決めるデザインのパッケージです。気に入ったストアのレイアウトがあれば、そのテーマがわかるだけでテーマストアを当てずっぽうで探す何時間もの手間を省けます。このページでは手作業での方法を紹介し、自分で貼り付けたソースコードを分析できる無料ツールを提供します。
- パソコンのブラウザーで、ストアのトップページか商品ページを開きます。
- ページのソースを開き（右クリックして「ページのソースを表示」）、すべてコピーします。
- 分析ツールの入力欄に貼り付けます。貼り付けたテキストから Shopify.theme スクリプトとテーマのアセットのパスを探します。
- スキーマ名でShopifyテーマストアを検索し、デモと実際に見たストアを比べます。
- name より schema_name を信頼しましょう。オーナーはコピーを「公開中」や「夏のセール」などに名前変更することがよくありますが、スキーマ名は元の名前のままです。
- 大きく手を加えたストアは、テーマのデモとまったく違って見えることがあります。色ではなく、ヘッダーのレイアウトや商品ページのブロックなど、構造を比べましょう。
- 何も見つからない場合は、完全なカスタムテーマか、テーマの仕組みの外で作られたヘッドレスのフロントエンドを使っている可能性があります。
- テーマストアの有料テーマは返品できないため、購入前に自分の管理画面でプレビューしましょう。
よくある質問
Shopify公式のテーマ判別ツールはありますか？
Shopifyは公開していません。ページのソースにある値はストア自身が出力したもので、ShopifyはLiquidの theme オブジェクトを値が変わりうるとして非推奨にしています。そのため、結果は証拠ではなく有力な手がかりとして扱ってください。
名前が Copy of Dawn になっているのはなぜですか？
オーナーがテーマを複製すると、Shopifyはコピーに元の名前を付けた複製用の名前を付けます。ストアはそのコピーをそのまま公開することが多いため、name フィールドにその接頭辞が残ります。
同じテーマを自分のストアで使えますか？
テーマストアのテーマなら使えます。無料テーマを追加するか、有料テーマをテーマストアで購入しましょう。ただし、他のストアのカスタムコードや画像を許可なくコピーするのは別の問題です。テーマをもとに自分らしいデザインを作りましょう。
分析ツールが代わりにストアにアクセスしてくれますか？
いいえ。入力欄に貼り付けたテキストを読むだけです。他のウェブサイトを読み込むことはできず、貼り付けた内容がブラウザーの外に出ることもありません。
theme_store_id がないのはなぜですか？
この番号は、通常テーマストアからインストールしたテーマにだけ現れます。カスタムテーマや他の場所で購入したテーマでは、多くの場合省略されているか null になっています。
name とスキーマ名の意味
- どのテーマにも、theme_name、theme_author、theme_version を含む theme_info ブロックを持つ設定ファイルが入っています。その theme_name が、多くのストアフロントで schema_name として出力されるもので、元の製品を知るための最良の手がかりです。
- 単なる name フィールドは、オーナーが管理画面でコピーに付けた名前です。複製かどうかを見分けるのには役立ちますが、どんなテキストでもありえます。
ソースからはわからないこと
- どのアプリがレイアウトを変えたか、どのセクションを開発者が作り直したか、ストアがいくら払ったかはわかりません。同じテーマのストアでも、テーマエディターで数時間作業すればまったく違う見た目になります。
- Shopify自身も、外部のテーマは審査されていないため、テーマストア以外のサイトからテーマをインストールしないよう勧めています。ソースが見知らぬテーマを示している場合は、入手先に注意しましょう。
探すべきスニペット
これは多くのストアフロントが出力するスクリプトの架空の例です。分析ツールは、貼り付けた内容から同じフィールドを読み取ります。
ページのソース内の Shopify.theme の行
schema_name の値はストアの元になったテーマで、name はオーナーがコピーに付けた名前です。
ソース貼り付け型テーマ分析ツール
ストアフロントのページのソース
ページのソース全体をここに貼り付けてください
テーマを調べる
サンプルを読み込む
クリア
ブラウザー内で動作します。貼り付けた内容はアップロードされません。
先にページのソースを貼り付けてください。
このテキストには Shopify.theme スクリプトが見つかりません。
Shopifyのアセットのパスも見つからないため、Shopifyのストアフロントではない可能性があります。
Shopifyのアセットのパスはあるため、テーマのスクリプトが削除または名前変更されている可能性があります。
アセットのパスにあるテーマのコピー番号：{v}
Shopify.theme スクリプトで見つかった値
フィールド
値
オーナーの管理画面での名前
元のテーマ（スキーマ名）
テーマのバージョン
テーマストアID
ロール
無料で始める · クレジットカード不要
関連: ガイド｜Webマーケティングと集客を学ぶ
製品
ご利用いただける方
機能
リソース
会社情報
サイトマップを見る