こんにちは、Webのお困りごとが解決できるWeeebです。
今回はBASEでトップページや商品ページをデザインする方法をご紹介します!
BASEでデザインの編集をしたいけどどうやるのか分からない方はぜひ参考にしてください。
BASEのデザイン編集画面への行き方
それではまずBASEにログインして、デザインが編集できる画面までアクセスしましょう。
BASEにログインすると下記のような画面になります。

この画面の上にあるメニューの「デザイン」を押すとデザイン編集画面に行くことができます。
BASEでデザインを編集するやり方
それでは早速BASEでデザインを編集してみましょう。

メニューの「デザイン」を押すとこちらのような画面になると思います。
まずは既に表示されているサイトデザインの「テーマ」を決めていきましょう。
BASEはデザインテーマも豊富で、簡単にサイトの雰囲気を変更することができます。
デザインテーマを好きな雰囲気に設定したら、他にも細かくデザインを編集することができます。
左の「テーマ」の1つ下にある「パーツ」を押すとトップページや商品ページの上部に好きなコンテンツを追加することが可能です。

この機能で真ん中寄りの左にある「タイトル」や「テキスト」、「画像」などを自由に設置することができます。
例えば上の画像のように送料無料の文言やお知らせを表示したり、ショップに合わせて好きなコンテンツを入れてみてください。
BASEのデザイン機能一覧

他にもBASEのデザイン編集機能はさまざまなものがあります。
- ショップロゴの変更
- メニューの文言変更
- サイトスタイルの変更
- スライドショーの追加・編集
- ピックアップ商品の設置
- Youtube動画の埋め込み
- 背景の変更
- 商品ページの変更
- ABOUTページの内容変更
- 文字サイズの変更
- SNSへの誘導バナー設置
- その他HTMLを使用した編集も可能
となっています。
こちらのデザインも修正したかった!と言う方はぜひこちらの機能を利用してみてください。
送料の設定を変更したりする場合はデザイン編集ではできないので、下記記事も参考にしてください。
BASEのデザインを保存する方法
BASEでは編集したデザインは自動保存されませんので、手動で保存する必要があります。
デザイン編集がある程度終わったら、右上の「保存する」で保存をしておきましょう。
万が一他のページに移ってしまうと編集したデザインが消えてしまうので注意してください。
BASEデザインのやり方を覚えたスタッフの口コミ
BASEでデザイン編集のやり方を覚えた弊社スタッフの口コミはこちらです。
スタッフAの口コミ
最近ではデザイン編集の機能がどんどん増えてきて、HTMLを一切使わず基本的なデザインはほとんど可能になりました。
特に嬉しかったのが「ピックアップ商品の追加」機能で、今までは商品の順番を気軽に変更することができなかったのでとても重宝しています。
また、ページも気軽に追加することができるようになったので好きにページを作れるのが嬉しいです。
スタッフBの口コミ
私はパソコンに詳しくないのでとても不安でしたが、一度覚えればデザイン更新が簡単になってすごく嬉しいです!
お客さんに「デザインが見やすくなったね」と言われるのもとてもありがたいし、頑張ってやった甲斐があったと思えました。
BASEのデザインを変更するやり方のポイント
ここではBASEのデザインを編集する際に、押さえておくべきポイントをいくつか解説していきます。
BASEのデザインは色々試しておこう
BASEのデザインは以前より比較的自由に変更したり、気軽に修正することが可能となりました。
BASEのデザインを変更したいと思ったら、デザイン編集ページの色々なページや機能を1から確認したり、試してみると良いでしょう。
「保存する」ボタンを押すまで実際のサイトに反映はされないので、イメージにぴったりのテキストや画像を色々当てはめてみてください。
ショップの強調したい部分をデザインで賄おう
また、デザインの中でもボタンを設置したり、テキストを太字にしたりすることも可能です。
「この文言は来てくれた方に絶対伝えたい!」と言うところは強調したり、ボタンを置いてそのページに誘導してみるのも良いでしょう。
SNSとうまく連携しよう

また、最近BASEでは「SNSバナー」と言うのも設置できるようになりました。
通販業界ではSNSとリンクして集客をする人もすごく増えているので、SNSを効果的に使うためにもSNSバナーを設置するのも非常におすすめのポイントです。
BASEのデザインを編集するメリット
BASEで作ったサイトをデザインで編集する意味はあるの?と言うところですが、作ったサイトをオリジナルに変更していくのはサイトにとって非常に良いポイントです。
具体的にどういうメリットがあるのかというと
- SEO対策に貢献する可能性がある
- アクセスしたユーザーがサイトの見やすさでリピーターになる可能性が増える
- ユーザーに「この通販の良さ」をうまく伝えることができる
- 結果、ユーザーが購入する確率が上がる
と言うポイントがあります。
例えば「送料無料はいくらで反映されるのだろう」や「この通販はどういうお店なのだろう」といったユーザーの疑問点が、デザインを修正することで解決しやすくなります。
BASEのサイト上でユーザーの疑問を解決しておくことにより、ユーザーがより購入しやすくなるんですね。
ですのでぜひBASEでオリジナルにデザインの編集をしておくと良いでしょう。
BASEでデザイン編集するやり方まとめ
今回はBASEでデザイン編集をする方法についてさまざまな機能をご紹介しました。
BASEはどんどん機能が増えていて、今ではとてもデザインが編集しやすくなっています。
初心者の方でも非常に分かりやすい編集画面になっているので、ぜひ一度デザイン編集を試してみてください。





