32
27

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

[完全無料]Shopifyでオリジナルテーマを自作しよう

Last updated at Posted at 2020-12-30

##なぜ書こうと思ったか
最近日本でもShopify。ブームが来始めました。
Shopifyは公式テーマが豊富でカスタマイズもできるため、それらを駆使すればある程度のショップは作成できます。
ただ、WordPressにも同じようにテーマがたくさん提供されているのに
「オリジナルのサイトを作成してください!」
という依頼が多いです。
なのでShopifyでも同じようにオリジナルサイトを作成する必要があるのではないかと思いました。
そこで、__「Shopify テーマ 作成」__と調べると
「あれ...海外のやつしか無い...しかもUdemyで有料だ...」
と気づきました。
それで日本語でわかりやすく解説しようと思いました。

##オリジナルテーマ作成を学ぶメリット

  • 独自テーマが作成できる
  • 公式テーマのカスタマイズが容易になる
  • アプリのカスタマイズ、インストールが容易になる

の3点があります。
Shopifyのテーマの中身がどのようになっているかを理解できるため、既存テーマのカスタマイズがやりやすくなります。

##対象者
多少のHTMLとCSSが書けて、if文やfor文が理解できていれば問題なく作成できます。

##学ぶこと
Shopifyテンプレートの基本的な作成方法を学習します。
固定ページ、商品ページ、カート、ブログ、ログイン、検索機能などなど、ネットショップに必要な要素を学習できます。

##学ばないこと
hopifyの基本的な動作(商品追加など)は省略する部分があります。
Shopifyでの商品の売り方、マーケティングなどは行いません。
##記事一覧
記事はこちらになります。全12回で、テーマ作成に必要な知識は全て学べます。
No1.全体像確認
No2.インストール、ローカル開発環境との接続
No3.ヘッダーの作成
No4.フッターの作成
No5.トップページの作成
No6.Aboutページの作成
No7.お問い合わせページの作成
No8.コレクションページの作成
No9.個別商品ページの作成
No10.カートページの作成
No11.ブログ作成
No12.ログイン機能の実施


質問等ございましたら、コメント、TwitterのDMにてご連絡ください。

32
27
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
32
27

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?