BASEおすすめデザインテーマ / ランキング

BASEがサービス開始された頃からBASEの魅力を感じて応援し続け、テーマのデザインマーケットがはじまった当初からずっとテーマデザイナーとして日々BASEのデザインを研究しています!
テーマラインナップの中で人気テーマをご紹介します!

BASEの人気テーマ1位「UNIVERSE」

UNIVERSEはいくつかのテーマを制作し、たくさんのショップオーナー様に使っていただいた経験をベースにして、いろんな工夫やアイディアを詰め込んだテーマです。

ヘッダー画像のデザイン、カスタマイズ性が高く、またスライダーとパララックス効果もあり、印象的なデザインを簡単に作成することができます。


さらにサイドバーを入れない「1カラムデザイン」は商品写真を大きくみせることができます。

商品ページのレイアウトカスタマイズもとても凝っていて、さらに全ページのフッターエリアに発送方法の案内や支払い方法を表示できる所など、それまでのテーマにはなかった表現が盛りだくさんとなっています。


さまざまなショップの雰囲気に合わせられるという例として、デモサイトは全く系統の異なる2サイトを用意しています。

デモサイト1:https://universe.base.ec/
デモサイト2:http://universedemo.base.ec

BASEの人気テーマ2位「Relation」

「Relation」はトップページに全てを盛り込むワンページレイアウトのテーマで、ストーリー性のある少数商品EC、サブスク販売、オンラインコミュニティをイメージしています。


2021年の7月にリリースされたばかりです、利用していただくショップを選ぶテーマ(特徴的なのでどのショップでも使えるというわけではないかも…)なのですが、とても多くの方に試していただき好評をいただいています。


このテーマは着手からリリースまで実に半年ほどかかっているのですが、そのきっかけとして「BASEオフィシャルテーマの充実度がすごい」ところにあります。2020年の秋にBASEオフィシャルテーマは大きくリニューアルされ、デザインパーツを自由自在に組み合わせ、どんなデザインも簡単に作れるようになりました。


これを見たとき、「もうみんなオフィシャルテーマでよくない?」と思っちゃったのです…


こんな良いものが無料で使える隣で、有料のデザインテーマの存在意義は何か

その時点でたくさんのデザインテーマがありましたが、どれも似たり寄ったり、どれも飛び抜けた特徴がない、デモサイトの写真だけで分別しているような… これ以上、似たようなテーマは必要ないかもしれない。(その方向でのベストとしてUNIVERSE を作った!)


そんな中、極端なコンセプトで、BASEを普通のショップとは違う使い方で使いたいと思っている方に向けたテーマを作りたい。と思い立ったのがこの「Relation」です。


当初は、コミュニティAppだけを想定したオンラインサロンテーマを目指していましたが、BASE開発チームの方からのアドバイスをいただく中で、一般的な使い方でも使えるように、と改善されていき、最終的にはある程度どんなショップでもお使いいただけるような仕様になっています。


もちろん、「ストーリー性のある少数商品EC、サブスク販売、オンラインコミュニティ」といった使い方を想定される場合は必ずおすすめしたいテーマです。
(それまでのテーマとは極端に違うコンセプトだったので、BASE開発チームの皆様にはリリースまで何度も何度も修正アドバイスをいただき、とてもご迷惑をおかけしました…)


デモサイト:https://demoreltn02.base.ec

BASEの人気テーマ3位「Handmade」

「Handmade 」は暖かみ、柔らかさ、素材感を大切にしたテーマです。


定番のレイアウトでシンプルな使いやすさを基本に、細部に素材感のある表現を用いて優しくふんわりとした印象が感じられるようデザインされています。


素材感のある背景を選べたり、パーツが縫い目のデザインになっていたりと、とてもかわいいデザインが人気です。


ウェブデザインには流行や最先端をよしとする向きもありますが、いざお買い物をする人の立場となれば、なんとなく安心する感じ、ほっこり感、手作り感があった方が、販売者さんとの距離を近く感じることができる場合もあ理ます。


https://design.thebase.in/detail/27

BASEの人気テーマ「Landscape」「MASTERPIECE」

「Landscape」「MASTERPIECE」も2位や3位でご紹介したテーマと同じくらい、人気のテーマです。


こちらはフルスクリーンのスライドショーをメインにした、シンプルでクールな雰囲気のテーマです。利用していただいているショップもとても多いので、これからもどんどんとアップデートを行なっていきます。


MASTERPIECE:https://design.thebase.in/detail/15

LANDSCAPE:https://design.thebase.in/detail/24

BASEにインスタを埋め込む方法

Instagramフィードの表示

ショップ上にインスタグラムの投稿写真を自動的に表示させたい

というカスタマイズはとても多いですね。これはよく見る形なのですが、実は結構難しいのです。といっても、技術的に難しいというよりもインスタグラムの仕様(サービス提供上の仕組み)でうまく規制されているためです。

数年前までは簡単にできたのですが、インスタグラムは単純な広告によるビジネルも出るから、ビジネスアカウントでの収益モデルへと変化していく中で、誰でも好き勝手に埋め込むということができなくなりました。

2021年現在、Instagramは最新フィードを表示するための貼り付けコードを利用者に提供しておらず、自分のウェブサイトにInstagaramフィードを埋め込むには、個々でプログラミングをするか、それ専用の別のサービスを介して行う必要があります。

それ専用の別のサービス」というのは基本的に有料なのですが、無料のものをうまく利用する方法として、UNIVERSEのマニュアルに解説していますので、参考にしてみてください。 https://basedesign.info/universe/#instagram

デザインテーマ「UNIVERSE」「Relation」ではその方法での埋め込みができるようになっています。 (マニュアルで紹介しているサービス自体は埋め込みコードを生成してくれるだけなので、そのコードをHTML編集Appで直接埋め込むことで、他のテーマでも利用することは可能です。) 実際にインスタフィードを埋め込んでいるデモサイトをご覧ください。

https://universe.base.ec/

インスタグラムの埋め込み方が分からない時

デザインテーマ「UNIVERSE」「Relation」の場合はマニュアルにて解説しています。 それ以外のテーマなどで埋め込みが分からない場合など、サポートフォーラムにお気軽にご質問ください!

BASEにログインする方法

サポートフォーラムの方に、「BASEにログインする方法」というお問い合わせをいただくことが割と多くあります。 BASEへのログインは特に難しい方法があるわけではなく、ショップ開設時に設定したメールアドレス、パスワードがあればログインできます。 ブラウザの場合でも、スマートフォンなどのBASEアプリの場合でも共通したアカウントで利用ができます。 もしどうしても分からない場合、どんな状況でログインできないかを書いていただければサポートさせていただきますので、お気軽にご質問くださいね!

BASEに連携できるSNSの種類が増えました!

連携できるSNSの種類が増えた!

これまでは下記のSNSが連携できるようになっていましたが、
  • Twitter
  • Facebook
  • Instagram
  • Ameba
  • LINE
新しく
  • Youtube
  • note
  • TikTok
が連携できるようになりました! デザインテーマでは連携したSNSアイコンがサイドバーなどに表示されますが、今後のアップデートにて追加SNSも表示されるようになりますので、しばらくお待ちくださいませ。 ※画像はBASEお知らせメールより引用

新テーマ「Relation」をリリースしました

ストーリー性のある少数商品EC、サブスク販売、オンラインコミュニティをイメージしたテーマ「Relation」をリリースしました。

「Relation」はトップページに全てを盛り込むワンページレイアウトのテーマです。
スクロールしながらサービス・商品の魅力を紹介するための様々なレイアウトブロックを組み合わせていき、商品購入やコミュニティ登録などへ繋がるランディングページとして運用できます。

ストーリー性を重視する商品、サブスク販売、またコミュニティ機能を使ったオンラインレッスンにぴったりのテーマです。

ぜひ一度ご覧ください。

質問カテゴリーに「Relation」を追加しましたので、このテーマに関するご質問、利用方法、不具合など、お気軽にお寄せください。

「Relation」は非常に特徴的なコンセプトで、カスタマイズオプションも豊富なため、利用者様のフィードバックを元にどんどん改善していきたいと思います。

どうぞ宜しくお願いいたします。

「商品説明カスタム App」がリリースされました!

4月13日(月)、BASEより新しく「商品説明カスタム App」がリリースされました! これまでBASEの基本機能では写真と文章というシンプルな構成となっていて、それが分かりやすさでもありましたが、一方で「商品説明をもっと充実させたい」「YouTube動画を掲載したい」といった要望もありました。 使いたい人だけがインストールできるAppとして、しかも無料Appで、とても大きな機能アップデートとなりました。 見出し、文章、画像、画像ギャラリー、動画、なんでも無制限に追加していくことができますのでぜひインストールしてみましょう!
  • UNIVERSE
  • LANDSCAPE
  • MASTERPIECE
  • HANDMADE
  • FRAGRANT
早速、これらすべてのテーマにて「商品説明カスタム App」に対応しましたので、ぜひお試しください。

どんな感じになるの?

実際に「商品説明カスタム App」をインストールし、商品説明画面でテキストや画像、動画を追加してみました。こちらの商品ページにて表示を確認できます。 https://universe.base.ec/items/24307773#&gid=0&pid=2

テーマごとのレイアウト

上のリンクはUNIVERSEのデモサイトです。UNIVERSEはもともと最近のトレンドを抑えた1カラムレイアウトになっています。 1カラムというのは、商品ページで画面を右エリア、左エリアというように分けず、画面いっぱいにコンテンツを広げて見せるレイアウトです。 そのため「商品説明カスタム App」による追加コンテンツは、パソコン等の大きな画面でも思い切って中央に寄せて広いエリアで並んでいく形となります。 LANDSCAPE、MASTERPIECE、HANDMADE、FRAGRANT などのベーシックな2カラムレイアウト(商品ページでもサイドバーを表示するタイプ)では、そのままメインエリアの幅を利用する形でコンテンツが展開されます。

質問のしかた

質問したい

まず質問一覧から同じ質問があるかどうか探してみてください。過去に同じ質問があれば、そのページを読むだけで解決するかもしれません。
「質問一覧」ではすべての質問を新しい順に一覧することができます。右の「質問カテゴリー」からテーマ名を選ぶと、そのテーマに関する質問だけを見ることができます。

全く新しい質問がある場合、「新しく質問する」から質問を投稿できます。
タイトルは、あとから見た人がタイトルだけで何の話題かすぐに分かるようなものにしてください。
本文欄には問題の内容をできるだけ具体的に説明し、その事象が見られるURL、パソコンやスマホの利用環境を添えてください。カテゴリーには該当するテーマ名を選びます。タグは空欄でも構いません。

解決策を知っている質問を見つけたら

誰でも回答者として質問に答えてあげることができます。
その質問ページの一番下にある「回答する」から回答や助言を投稿できます。
アカウントをお持ちでない場合、「質問する」に進んでアカウントを作成すると「回答する」機能が表示されます。

フォロー機能でチェックする

自分が投稿した質問については、回答やコメントがあれば登録メールアドレスに通知されます。
また、誰かの質問でも興味がある場合、質問ページにある「購読する」にチェックを入れておけば、何か動きがあったら通知されます。

他のテーマのことでもいいですか?

BASE Design info はBASE DESIGN MARKET の有料テーマ「LANDSCAPE / MASTERPIECE / HANDMADE / FRAGRANT」の開発チームによって運営されています。これらのテーマについてはメンバーが確認でき次第できるだけ早く回答しています。

その他のテーマ、またBASEのカスタマイズ全般について質問していただいても構いません。しかし「分かる人がいれば回答があるかもしれない」という形になりますのでご了承ください。メンバーからもできるだけフォローをしたいと思います。

BASE全般の質問については、BASE公式のノウハウ集「BASE U」が便利です。

BASE U

フロントページ

BASE Design infoを開設しました

BASEデザインテンプレートの助け合いフォーラム「BASE Design info」を開設しました。

  1. 疑問や質問を共有することで、できるだけ早く問題を解決できるようにする
  2. 解決例を蓄積して共有することで、困ったときにすぐに参考にできるようにする

「LANDSCAPE / MASTERPIECE / HANDMADE / FRAGRANT」の開発チームによって運営されています。これらのテーマについてはメンバーが確認でき次第できるだけ早く回答しています。

※これまでにあった質問を「サポートアーカイブ」として投稿しています。
※BASEのその他のテーマについて質問していただいても構いません。しかし「分かる人がいれば回答があるかもしれない」という形になります。