【2025】BASEでデザイン編集をするやり方!簡単にできるデザイン編集を試そう

BASEでデザイン編集をするやり方!簡単にできるデザイン編集を試そう

こんにちは、Webのお困りごとが解決できるWeeebです。
今回はBASEでトップページや商品ページをデザインする方法をご紹介します!
BASEでデザインの編集をしたいけどどうやるのか分からない方はぜひ参考にしてください。

BASEのデザイン編集画面への行き方

それではまずBASEにログインして、デザインが編集できる画面までアクセスしましょう。
BASEにログインすると下記のような画面になります。

BASEのデザイン編集画面

この画面の上にあるメニューの「デザイン」を押すとデザイン編集画面に行くことができます。

BASEでデザインを編集するやり方

それでは早速BASEでデザインを編集してみましょう。

BASEのテーマ設定画面

メニューの「デザイン」を押すとこちらのような画面になると思います。

まずは既に表示されているサイトデザインの「テーマ」を決めていきましょう。
BASEはデザインテーマも豊富で、簡単にサイトの雰囲気を変更することができます。
デザインテーマを好きな雰囲気に設定したら、他にも細かくデザインを編集することができます。

左の「テーマ」の1つ下にある「パーツ」を押すとトップページや商品ページの上部に好きなコンテンツを追加することが可能です。

BASEのパーツ設定画面

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

BASEのデザイン機能一覧

実際のBASEのデザイン
More want

他にもBASEのデザイン編集機能はさまざまなものがあります。

  • ショップロゴの変更
  • メニューの文言変更
  • サイトスタイルの変更
  • スライドショーの追加・編集
  • ピックアップ商品の設置
  • Youtube動画の埋め込み
  • 背景の変更
  • 商品ページの変更
  • ABOUTページの内容変更
  • 文字サイズの変更
  • SNSへの誘導バナー設置
  • その他HTMLを使用した編集も可能

となっています。
こちらのデザインも修正したかった!と言う方はぜひこちらの機能を利用してみてください。

送料の設定を変更したりする場合はデザイン編集ではできないので、下記記事も参考にしてください。

BASEのデザインを保存する方法

BASEでは編集したデザインは自動保存されませんので、手動で保存する必要があります。
デザイン編集がある程度終わったら、右上の「保存する」で保存をしておきましょう。
万が一他のページに移ってしまうと編集したデザインが消えてしまうので注意してください。

BASEデザインのやり方を覚えたスタッフの口コミ

BASEでデザイン編集のやり方を覚えた弊社スタッフの口コミはこちらです。

スタッフAの口コミ

最近ではデザイン編集の機能がどんどん増えてきて、HTMLを一切使わず基本的なデザインはほとんど可能になりました。
特に嬉しかったのが「ピックアップ商品の追加」機能で、今までは商品の順番を気軽に変更することができなかったのでとても重宝しています。
また、ページも気軽に追加することができるようになったので好きにページを作れるのが嬉しいです。

スタッフBの口コミ

私はパソコンに詳しくないのでとても不安でしたが、一度覚えればデザイン更新が簡単になってすごく嬉しいです!
お客さんに「デザインが見やすくなったね」と言われるのもとてもありがたいし、頑張ってやった甲斐があったと思えました。

BASEのデザインを変更するやり方のポイント

ここではBASEのデザインを編集する際に、押さえておくべきポイントをいくつか解説していきます。

BASEのデザインは色々試しておこう

BASEのデザインは以前より比較的自由に変更したり、気軽に修正することが可能となりました。
BASEのデザインを変更したいと思ったら、デザイン編集ページの色々なページや機能を1から確認したり、試してみると良いでしょう。
「保存する」ボタンを押すまで実際のサイトに反映はされないので、イメージにぴったりのテキストや画像を色々当てはめてみてください。

ショップの強調したい部分をデザインで賄おう

また、デザインの中でもボタンを設置したり、テキストを太字にしたりすることも可能です。
「この文言は来てくれた方に絶対伝えたい!」と言うところは強調したり、ボタンを置いてそのページに誘導してみるのも良いでしょう。

SNSとうまく連携しよう

BASEのデザイン機能であるSNSバナーのイメージ
引用:BASE公式

また、最近BASEでは「SNSバナー」と言うのも設置できるようになりました。
通販業界ではSNSとリンクして集客をする人もすごく増えているので、SNSを効果的に使うためにもSNSバナーを設置するのも非常におすすめのポイントです。

BASEのデザインを編集するメリット

BASEで作ったサイトをデザインで編集する意味はあるの?と言うところですが、作ったサイトをオリジナルに変更していくのはサイトにとって非常に良いポイントです。
具体的にどういうメリットがあるのかというと

  • SEO対策に貢献する可能性がある
  • アクセスしたユーザーがサイトの見やすさでリピーターになる可能性が増える
  • ユーザーに「この通販の良さ」をうまく伝えることができる
  • 結果、ユーザーが購入する確率が上がる

と言うポイントがあります。
例えば「送料無料はいくらで反映されるのだろう」や「この通販はどういうお店なのだろう」といったユーザーの疑問点が、デザインを修正することで解決しやすくなります。
BASEのサイト上でユーザーの疑問を解決しておくことにより、ユーザーがより購入しやすくなるんですね。
ですのでぜひBASEでオリジナルにデザインの編集をしておくと良いでしょう。

BASEでデザイン編集するやり方まとめ

今回はBASEでデザイン編集をする方法についてさまざまな機能をご紹介しました。
BASEはどんどん機能が増えていて、今ではとてもデザインが編集しやすくなっています。
初心者の方でも非常に分かりやすい編集画面になっているので、ぜひ一度デザイン編集を試してみてください。

SEO対策の無料相談はこちらから

SEO対策を無料相談してみる

関連記事

  1. BASEでコンビニ決済のやり方!BASEかんたん決済の設定方法

    【2025】BASEでコンビニ決済のやり方!BASEかんたん決済の設定方法

  2. BASEを始めるやり方と手順!設定方法やショップの公開まで解説

    【2025】BASEを始めるやり方と手順!設定方法やショップの公開まで解説

  3. BASEで送料無料の設定をするやり方!簡単2ステップでできる方法

    【2025】BASEで送料無料の設定をするやり方!簡単2ステップでできる方法

  1. Web集客は英語で言うと?シチュエーションと例文で学ぼう

    【2025】Web集客は英語で言うと?シチュエーションと例文で学ぼう

    2025.11.15

  2. コンテンツSEOとは?手順やコツ・効果がある施策を解説

    【2025】コンテンツSEOとは?手順やコツ・効果がある施策を解説

    2025.10.06

  3. BtoBの記事制作方法!ポイントや制作の5ステップを解説

    【2025】BtoBの記事制作方法!ポイントや制作の5ステップを解説

    2025.10.04

  4. iPhone対応のスマートウォッチ5選!価格や機能を徹底比較

    【2025】iPhone対応のスマートウォッチ5選!価格や機能を徹底比較

    2025.10.04

  5. Android対応のスマートウォッチランキング3選!価格や機能で徹底比較

    【2025】Android対応のスマートウォッチランキング3選!価格や機能…

    2025.09.27

  1. 整体院のSEO対策方法とは?やり方を理解してSEO対策をしよう

    【2025】整体院のSEO対策方法とは?やり方を理解してSEO対策をしよう

    2025.06.19

  2. デジタル化のメリット

    【2025】デジタル化のメリット6選!良さを知って目的を探そう

    2025.06.19

  3. WordPressのSEO対策のやり方7選!すぐ分かる簡単な方法を解説

    【2025】WordPressのSEO対策のやり方7選!すぐ分かる簡単な方法を解…

    2025.06.19

  4. Web集客会社15社を比較!価格やサービス内容から比べよう

    【2025】Web集客会社15社を比較!価格やサービス内容から比べよう

    2025.06.19

  5. BASEでデザイン編集をするやり方!簡単にできるデザイン編集を試そう

    【2025】BASEでデザイン編集をするやり方!簡単にできるデザイン編…

    2025.06.19

記事をタグで探す

SEO対策を無料相談してみる
Webコンサルティングのバナー