Shopify

ShopifyShopify ThemeThemeKit

Shopifyのローカル開発環境を準備する(Mac)

Photo by Mike Petrucci [https://unsplash.com/@mikepetrucci?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] / Unsplash [https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] ローカル開発環境を準備することが何回かあったため手順をまとめます 2021年6月に発表されたShopifyCLIではなく、ThemeKitでの手順です。 online Store2.0を使用している場合はShopifyCLIを使用してください。 ThemeKit 1.3.0 darwin/amd64 Shopify接続するためのAPIキー・パスワードを生成する アプリ管理 ↓ プライベートアプリを管理する ↓ 新しいプライベートアプリを作成する 必要事項を入力して権限を付与する 非アクティブなAdmin API権限を表示する ↓ テーマテンプレートとアセ
Ami Yamamoto
Ami Yamamoto
2 min read
ShopifySEORich Result

Shopifyのブログ記事をGoogle検索結果のリッチリザルトで表示させる

Photo by Becca Tapert [https://unsplash.com/@beccatapert?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] / Unsplash [https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] Google検索結果の、リッチリザルトってご存知ですか? リッチリザルトは通常の検索結果表示と違い、写真やカード形式などで表示される検索結果のことです。 ※リッチリザルトとは [https://support.google.com/webmasters/answer/7506797?hl=ja] head内に構造化データを埋め込み、Googleにうまく認識してもらえると、リッチリザルトとして表示されるようになります。 構造化データの例: https://developers.google.com/search/docs/data-types/recipe?h
Ami Yamamoto
Ami Yamamoto
2 min read
ShopifyShopify ThemeLiquid

Shopifyでセクションを自作する

Photo by Alexander Naglestad [https://unsplash.com/@alexandernaglestad?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] / Unsplash [https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit] 最近必死でShopifyの開発を行っているので、その内容をまとめます! セクションとは 画像左側の「ヘッダー」「テキストオーバーレイ…」などがセクションと呼ばれるもので、ページの各パーツのことです どんなものを作成するか Shopifyに登録されたブログの最新記事を表示させるものを作ります 利用する画像をアップする 左下の設定 > ファイル > ファイルをアップロード からファイルをアップすることができます 画像をアップロードすると、URLを取得できます sectionファイルを作成する 次にsectionファイルを作成して
Ami Yamamoto
Ami Yamamoto
9 min read