【簡単】Shopifyの始め方【Shopifyのストア開設 と トップページの作り方】

こんちは。よしおです。

今回は、Shopifyのストア開設をして、簡単なトップページを作るための手順を解説します。

この記事の通りに進めると、以下のようなページをサクッと作れます。

では、やってみましょう。

なお、上記のShopifyトップページで使用している画像は、O-DANというサイトで入手した無料画像です。

■ 1. Shopifyのストア開設方法【秒で完了します】

✓ ① Shopify公式サイトにアクセスし、「無料体験をはじめる」を押す

✓ ② 各種項目を入力して、「ストアを開く」を押す。

以上で、ストアの開設は完了。

■ 2. Shopifyでトップページをサクッと作ってみましょう

まずは、実際にShopifyでトップページを作ってみて、サイトの作り方を体験してみましょう。

商品管理や送料設定などの細かい機能は、別途解説したいと思います。

見た目から入って、モチベーションを上げるのが良いと思います（主観ですが）。

手順は、以下の通り。

✓ 手順1：テーマ（テンプレート）のセット

① 管理画面の「オンラインストア」→「テーマ」を選択

②「無料テーマを探す」を押す

③ 今回は「Brooklyn」を選択

④「テーマライブラリに追加する」を選択

⑤「追加済み」と表示されるまで、コーヒーでも飲みながら待つ。

⑥「アクション」→「公開する」を押す

⑦「公開する」を押す

⑧ 現在のテーマが「Brooklyn」となっていることを確認する。

✓ 手順2：余分な表示内容（コンテンツ）を削除

今回は、簡略化しつつ簡単なサンプルサイトを作りたいと思います。

① 現在のテーマの「カスタマイズ」を押す

②「コレクションリスト」を選択

③ 一番下の「コレクション」を選択→「コンテンツを削除する」を押す。

１コマ消えました。

④ 同じように、もう１つ、一番下の「コレクション」を削除すると、以下のように３コマになります。

⑤ 特集コレクション のコーナーは、ごっそり消しちゃいます。

⑥「特集コレクション」を選択する

⑦「セクションを削除」を押す。

✓ 手順3：トップページを作り込んでいきます

□ ヘッダー部分のカスタマイズ

① 「ヘッダー」を選択します。

② 今回は、先頭部分の「告知」は削除しちゃいます。

左側のメニューの下の方にある「告知を表示する」のチェックを外して、告知を消します。

③ 左側のメニューを一番上まで戻り、「ホームページの透過ヘッダーを有効にする」のチェックを外します。これにより、ヘッダーの背景が白くなります。 

④ 次に、ロゴを入れます。ロゴの「画像を選択する」を押します。

⑤「画像をアップロードする」を押し、画像を選択します。

⑥ ヘッダーにロゴ画像がセットされました。

□ スライドショーの設定

① 次に、スライドショーの画像をセットします。左側のメニューの、「スライドショー」を押します。

② 「スライド」を押し、「画像を選択する」を押します。

③ 画像をアップロードし、「選択」を押します。

④ 「見出し」、「小見出し」のテキストを削除して空っぽにします。

これにより、画像中央のテキストが消え、すっきりオシャレな雰囲気になったかと思います。

⑤ 「オーバーレイを表示する」のチェックを外します。これにより、画像が鮮明になります。

⑥ このあたりで、いったん保存しておきましょう。右上の「保存する」を押します。

⑦ もう１枚のスライドも、同様に設定していきましょう。

⑧ 最後に、「スライドの自動切り替え」にチェックを入れましょう。

以上で、スライドの設定は完了です。

こまめに保存しておきましょう。

□ キャッチコピーを入れます。

下図の例は、ちょっと胡散臭い文章ですみませんが、そこは無視して頂きつつ、かっこいい文章を入れて頂ければと思います。

□ コレクションの設定

コレクションの詳細については、別の記事で解説したいと思います。

簡単に言えば、商品のグルーピングのようなものです。

今回は、設定の手順だけを解説し、まずはページに表示させたいと思います。

① 「コレクションリスト」を押します。

② 「コレクション」→「collectionを選択する」を押します。

③ 「collectionを作成する」を押します。

④ 「タイトル」、「説明」、「条件」、「コレクションの画像」を設定しましょう。

⑤ 忘れずに、保存です。

⑥ 元のウインドウに戻ると、「椅子」が表示されているので、「椅子」をクリックし、ページ下部の「選択」を押します。

※もし、「椅子」が表示されていない場合は、ブラウザを更新してみてください。

⑦ 同じ要領で、残り２つのコレクションも設定します。

⑧ 「見出し」を設定しておきましょう。

□ おすすめ商品の設定

① 「 productを選択する」を押し、商品登録の画面に進みます。

② 商品登録の具体的な説明は、今回は省略します。設定できそうなところを、一通りサクッと設定しておきましょう。

最後に、忘れずに「保存」を押してください。

③ 元の画面に戻ると、登録した商品が表示されているので、クリックして「選択」を押します。

④ 商品が表示されました。

簡単なトップページではありますが、今回は、以上で完成としたいと思います。

いかがでしょうか。簡単なページでしたら、サクッと作れることがお分かり頂けたかと思います。

もちろん、今回記載した以外にも、多数の表示や設定がありますので、色々触ってみるのが良いと思います！

■サイト構築に関するご相談やサポートのご要望がありましたら、ご遠慮なくお問い合わせください。

最後になりますが、今後も、Shopifyに関するノウハウを発信していきたいと思っていますので、お役に立てれば幸いです。

また、Shopifyのサイト構築のお手伝いや、ご相談なども大歓迎ですので、お気軽にお問い合わせ頂ければと思います！

個人で活動しておりますので、だいぶ融通がききますし、お問い合わせやご相談に関しては、もちろん無料です。

Shopifyサイトの制作に関する、無料の資料請求、お問い合わせなどは、以下よりどうぞ。

DMでもOKです！