こんちは。よしおです。
今回は、Shopifyのストア開設をして、簡単なトップページを作るための手順を解説します。
この記事の通りに進めると、以下のようなページをサクッと作れます。
では、やってみましょう。
なお、上記のShopifyトップページで使用している画像は、O-DANというサイトで入手した無料画像です。
■ 1. Shopifyのストア開設方法【秒で完了します】
✓ ① Shopify公式サイトにアクセスし、「無料体験をはじめる」を押す
✓ ② 各種項目を入力して、「ストアを開く」を押す。
以上で、ストアの開設は完了。
■ 2. Shopifyでトップページをサクッと作ってみましょう
まずは、実際にShopifyでトップページを作ってみて、サイトの作り方を体験してみましょう。
商品管理や送料設定などの細かい機能は、別途解説したいと思います。
見た目から入って、モチベーションを上げるのが良いと思います(主観ですが)。
手順は、以下の通り。
✓ 手順1:テーマ(テンプレート)のセット
① 管理画面の「オンラインストア」→「テーマ」を選択
②「無料テーマを探す」を押す
③ 今回は「Brooklyn」を選択
④「テーマライブラリに追加する」を選択
⑤「追加済み」と表示されるまで、コーヒーでも飲みながら待つ。
⑥「アクション」→「公開する」を押す
⑦「公開する」を押す
⑧ 現在のテーマが「Brooklyn」となっていることを確認する。
✓ 手順2:余分な表示内容(コンテンツ)を削除
今回は、簡略化しつつ簡単なサンプルサイトを作りたいと思います。
① 現在のテーマの「カスタマイズ」を押す
②「コレクションリスト」を選択
③ 一番下の「コレクション」を選択→「コンテンツを削除する」を押す。
1コマ消えました。
④ 同じように、もう1つ、一番下の「コレクション」を削除すると、以下のように3コマになります。
⑤ 特集コレクション のコーナーは、ごっそり消しちゃいます。
⑥「特集コレクション」を選択する
⑦「セクションを削除」を押す。
✓ 手順3:トップページを作り込んでいきます
□ ヘッダー部分のカスタマイズ
① 「ヘッダー」を選択します。
② 今回は、先頭部分の「告知」は削除しちゃいます。
左側のメニューの下の方にある「告知を表示する」のチェックを外して、告知を消します。
③ 左側のメニューを一番上まで戻り、「ホームページの透過ヘッダーを有効にする」のチェックを外します。これにより、ヘッダーの背景が白くなります。
④ 次に、ロゴを入れます。ロゴの「画像を選択する」を押します。
⑤「画像をアップロードする」を押し、画像を選択します。
⑥ ヘッダーにロゴ画像がセットされました。
□ スライドショーの設定
① 次に、スライドショーの画像をセットします。左側のメニューの、「スライドショー」を押します。
② 「スライド」を押し、「画像を選択する」を押します。
③ 画像をアップロードし、「選択」を押します。
④ 「見出し」、「小見出し」のテキストを削除して空っぽにします。
これにより、画像中央のテキストが消え、すっきりオシャレな雰囲気になったかと思います。
⑤ 「オーバーレイを表示する」のチェックを外します。これにより、画像が鮮明になります。
⑥ このあたりで、いったん保存しておきましょう。右上の「保存する」を押します。
⑦ もう1枚のスライドも、同様に設定していきましょう。
⑧ 最後に、「スライドの自動切り替え」にチェックを入れましょう。
以上で、スライドの設定は完了です。
こまめに保存しておきましょう。
□ キャッチコピーを入れます。
下図の例は、ちょっと胡散臭い文章ですみませんが、そこは無視して頂きつつ、かっこいい文章を入れて頂ければと思います。
□ コレクションの設定
コレクションの詳細については、別の記事で解説したいと思います。
簡単に言えば、商品のグルーピングのようなものです。
今回は、設定の手順だけを解説し、まずはページに表示させたいと思います。
① 「コレクションリスト」を押します。
② 「コレクション」→「collectionを選択する」を押します。
③ 「collectionを作成する」を押します。
④ 「タイトル」、「説明」、「条件」、「コレクションの画像」を設定しましょう。
⑤ 忘れずに、保存です。
⑥ 元のウインドウに戻ると、「椅子」が表示されているので、「椅子」をクリックし、ページ下部の「選択」を押します。
※もし、「椅子」が表示されていない場合は、ブラウザを更新してみてください。
⑦ 同じ要領で、残り2つのコレクションも設定します。
⑧ 「見出し」を設定しておきましょう。
□ おすすめ商品の設定
① 「 productを選択する」を押し、商品登録の画面に進みます。
② 商品登録の具体的な説明は、今回は省略します。設定できそうなところを、一通りサクッと設定しておきましょう。
最後に、忘れずに「保存」を押してください。
③ 元の画面に戻ると、登録した商品が表示されているので、クリックして「選択」を押します。
④ 商品が表示されました。
簡単なトップページではありますが、今回は、以上で完成としたいと思います。
いかがでしょうか。簡単なページでしたら、サクッと作れることがお分かり頂けたかと思います。
もちろん、今回記載した以外にも、多数の表示や設定がありますので、色々触ってみるのが良いと思います!
■サイト構築に関するご相談やサポートのご要望がありましたら、ご遠慮なくお問い合わせください。
最後になりますが、今後も、Shopifyに関するノウハウを発信していきたいと思っていますので、お役に立てれば幸いです。
また、Shopifyのサイト構築のお手伝いや、ご相談なども大歓迎ですので、お気軽にお問い合わせ頂ければと思います!
個人で活動しておりますので、だいぶ融通がききますし、お問い合わせやご相談に関しては、もちろん無料です。
Shopifyサイトの制作に関する、無料の資料請求、お問い合わせなどは、以下よりどうぞ。
DMでもOKです!