#7 テーマを編集

#7 テーマを編集

目次

今回はテーマの編集方法について解説していきます。

◼︎このページでの目標
  • テーマのセクション機能を知る
  • セクションの追加や並べ替えなどができるようになる
  • セクション内の要素を追加・削除できるようになる

サイトのデザインを決めていく過程となるので、ストアのコンセプトを伝えられるように機能を使いこなしましょう。

今回の記事は機能を知るというものになり、実際の構築は#9トップページの作成からになります。


テーマを編集

テーマを編集するために、カスタマイズ画面にアクセスします。

管理画面の「オンラインストア」>「テーマ」へ進み、「現在のテーマ」の欄にある「カスタマイズ」ボタンをクリックします。

テーマカスタマイズ

「カスタマイズ」をクリックするとテーマの編集ができる画面になります。

カスタマイズ画面は選択するテーマによって違う場合があります。今回はDawnの画面を例に解説していきます。

セクションの追加・削除方法

サイトの構成は

  • ヘッダー
  • テンプレート
  • フッター 

の3つに大きく分けられています。そして、それぞれの構成のなかに「セクション」という部品が割り当てられているイメージです。

各構成のセクションを追加したいときは、「セクションを追加」をクリックします。

クリックすると追加する要素の選択画面が表示されるので、追加したいセクションをクリックします。

テーマセクション追加

 各セクションがどのような機能なのかは、カーソルを合わせるとプレビューを見ることができます。

セクション追加プレビュー

スライドショーを追加する際のイメージとして動画を参考にしてください。

追加されているセクションを削除したい場合は、削除したいセクションにカーソルを合わせると「ゴミ箱マーク」が表示されるので、そこをクリックします。

セクション削除ゴミ箱マーク

 

または、セクションをクリックし設定画面を開くと、いちばん下に「セクションを削除する」ボタンがあるのでそこをクリックしても削除できます。

セクション削除

 

順番の並び替え

 続いて、セクションの順番を並び替える方法について解説します。

セクションの順番を変えることで、簡単にデザインの変更が可能です。

テンプレートに配置されているセクションのいちばん右にカーソルをあわせると点々のボタンが表示されます。

セクション順番入れ替え

このボタンをドラック&ドロップすることで好きな順番の場所に並べ替えることができます。

 

この方法は「ヘッダー」も「フッター」も同じです。

要素の追加

セクションによっては、セクションの機能の要素を追加することができます。

例えば「スライドショー」であれば最大5枚の画像を追加することができます。

スライド追加

また、「画像バナー」の場合は「タイトル」「テキスト」「ボタン」の設置を選択できます。

ブロック追加

 

このようにセクションごとに設置する要素を設定することで、より細かなデザインを反映させられます。

まとめ

今回はテーマを編集する方法について解説しました。

基本的な機能をお伝えしましたが、テーマや設定方法を変えると、さらに細かいカスタマイズが可能です。

見やすくて買いやすいストアにするために、編集の方法を覚えて使いこなせるようにしましょう。

ブログに戻る