今回はABOUTページの作成方法をご紹介します。
ABOUTページは、ブランドの想いを伝えるために重要なページと言えます。
- ABOUTページを作成できるようになる
- Shopifyのファイル構成を理解する
ABOUTページの完成形
お客様に、ブランドの想いが伝わるようなページを作成できるようになりましょう。
ABOUTページの作成
ここから、ABOUTページ作成のためにテンプレートを作成していきます。
新しいテンプレートページの作成
新しいテンプレートページを作成していきます。
管理画面の「オンラインストア」＞「テーマ」を開き、テーマの「カスタマイズ」をクリックします。
カスタマイズ画面を開くと「ホームページ」の編集画面になっているので、クリックして、「ページ」＞「テンプレートを作成する」をクリックします。
作成するテンプレートの名前を入力する画面が表示されるので、名前の欄に「About」と入力します。
下の欄は「デフォルトのページ」のままで、右下の「テンプレートを作成する」をクリックします。
これで、Aboutページ専用のデザインをカスタマイズできるテンプレートが作成できました。
ページの設定
テンプレートが作成できたら、管理画面の「オンラインストア」＞「ページ」を開きます。
「ページを追加」をクリックし新規ページを作成しましょう。
ページを追加し、「タイトル」を入力しましょう。今回は「About us」と入力します。
「コンテンツ」には何も入力する必要はありません。
続いて、右下の「テーマテンプレート」を変更します。
「デフォルトのページ」になっている欄をクリックし、「about」を選択します。
この設定をすることで、新しく作成したAboutページは「About」のテンプレートで編集されたレイアウト表示になります。
続いて、右上の公開設定が「公開」になっていることを確認し、「保存」しましょう。
保存が完了したら、いよいよページのカスタマイズをしていきます。
ABOUTページのカスタマイズ
テンプレートが作成できたので、ABOUTページのカスタマイズをしていきます。
今回は、デフォルトのセクションを使って作成します。
今回作成したデザインのセクションは以下の通りです。
- 画像バナー
- マルチカラム
- テキスト付き画像の複数列
詳細は画像を参考にし、TOPページと同様にセクションを設定してみてください。
※ページは目の部分をクリックして非表示にしてあります
セクションの編集ができたら、忘れずに「保存」しましょう。
全体像はこのようになります。
今回はこのようなデザインでページを作成しましたが、画像やテキストは任意の物をご使用し、色々なセクションを試してみてください。
これで、ABOUTページの作成は完了です。
トップページへの反映
最後にトップページにABOUTページへ移動するためのボタンの設定をしていきます。
トップページに移動していただき、ABOUTを設定した場所に移動して「ボタン」をクリックしてください。
今回はABOUTページに移動させたかったので「ページ」→「ABOUT」と選択しました。
まとめ
今回は、ABOUTページの作成方法について解説しました。
ABOUTページはブランドの想いや特徴をお客様に伝える重要なページです。
ストアをオープンする際には、公開できるようにしておきましょう。