BASE DESIGN MARKET BASEテンプレート

新規開設のショップ様限定！
フォーム申請で特典を提供いたします！

FROMOはBASEオフィシャルパートナーです。
パートナープログラムの一環として、当サイトを通して新規のBASEショップを立ち上げると、
ショップの購入者様が利用できるクーポン1万円分、
BASEロゴ非表示Appの無償化（月額500円）の特典が受けられます！

申請はこちらから▼

ショップ開設支援特典申請フォーム

特徴

BASE デザインテーマ「tennis.〈テニスドット〉」は、シンプルなデザインと機能性を両立させたテーマです。直感的な商品探索、高い回遊性、そして充実した導線設計を提供。
商品を探しやすく・見やすく。
買い物をよりスムーズに、より楽しくするデザインです。

フォントの変更可能（3 パターン）
見出しのデザイン変更可能
メニューの日本語化可能
商品・ブログ一覧を 2〜6 カラムまで任意設定可能（スマホでは 1〜3 カラム）
ヘッダー追従の有無を調整可能
フッターや ABOUT ページに送料やお支払い方法を表示可能
スクロールアニメーションの有無を切り替え可能
角丸デザインの ON・OFF 切り替え可能
TOP ページにスライドや特集・ピックアップなどの任意のコンテンツを多数掲載可能。
TOP ページの並び順を変更可能。
ABOUT ページに店舗情報やショップガイド、よくある質問を掲載可能
商品ページに最近見た商品一覧・セール商品一覧・その他の商品一覧を表示可能

デモサイト

tennis.を実際に適用したデモサイトです。
tennis.デモサイト

ページ構成

テーマが適用されるのは下記のページになります。
カートページはカスタマイズできません。

基本ページ

デフォルトで用意されているページです。非表示にはできません。

TOP
ABOUT
商品詳細
CONTACT
プライバシーポリシー
特定商取引法に基づく表記

Apps ページ

該当する App を利用すると表示されるページです。

商品検索結果（商品検索 App）
カテゴリ（カテゴリ管理 App）
ブログ一覧（Blog App）
ブログ記事（Blog App）
コミュニティ（コミュニティ App）
ショップコイン（ショップコイン App）
メンバーシップページ（メンバーシップ App）
マイページ（メンバーシップ App）
ログインページ（メンバーシップ App）

各 Apps の内容については、BASE Appsのページからご確認ください。

※有料テーマは「ページ追加 App」を使った任意ページの追加はできませんのでご注意ください。「ページ追加 App」は無料の公式テーマのみで使うことが可能です。

カートページ

商品詳細ページで購入アクションを起こすとカートページに遷移します。カートページから購入情報入力〜購入完了までのページは BASE のサービス内で共通のためカスタマイズできません。

使い方

はじめに

無料でかんたんにネットショップを開設できるサービス「BASE」にまずはご登録ください。

登録後、「BASE デザインマーケット」から「room.」のデザインテンプレートを購入することで使えるようになります。

デザインテンプレートを購入すると、BASE 管理画面の「デザイン編集」→「テーマ」から購入したテーマを選択できるようになります。テーマを選択すると、デザインが適用されます。「テーマ設定」に移ると備わっている機能が表示され各項目を設定できます。

基本設定 - ロゴ

デザイン編集画面 → ロゴ

画像を使用する

ON でロゴ画像、OFF でテキストロゴになります。

ロゴ画像のサイズは、横 150〜200px の横長サイズ推奨（デモサイトは横 128x 縦 40）。

テキストロゴについては全角 8 文字以内、半角 14 文字以内推奨です。それ以上を超えるとスマホ表示の時に末尾が省略されます。

このテーマでテキストロゴはあまり推奨しておりませんので、ロゴ画像を用意できない場合でも簡単にロゴ作成できる BASE Apps の「ショップロゴ作成」などをご利用ください。

基本設定 - 背景

デザイン編集画面 → 背景

カラーから選ぶ

サイト全体の背景色を設定できます。

パターンから選ぶ

背景に画像を設定できます。
「背景画像を繰り返す」にチェックを入れると背景が縦横にリピート表示されます。

全体設定

デザイン編集画面 → テーマ設定 → 全体設定

サイト全体で一括で変更できる箇所の設定です。

【全体】テキストカラー

サイト全体の文字色。
背景色は基本設定の「背景」から変更できます。

【全体】フォント

下記の 3 つから選択できます。

ゴシック体
明朝体
丸ゴシック体

【全体】メニューを日本語にする

HOME や ABOUT といった BASE のデフォルトのリンクテキストを日本語に変更します。

【全体】見出しのデザイン

見出しのデザインを変更します。

デフォルト

上：見出し（メイン）
下：見出し（サブ）
の配置で並べます。
見出し（メイン）の文字を大きく、見出し（サブ）を小さく表示します。

見出しデフォルト

上下を逆にする

上：見出し（サブ）
下：見出し（メイン）
の配置で並べます。
見出し（メイン）の文字を大きく、見出し（サブ）を小さく表示します。

見出し上下を逆にする

大小を逆にする

上：見出し（メイン）
下：見出し（サブ）
の配置で並べます。
見出し（メイン）の文字を小さく、見出し（サブ）を大きく表示します。

見出し大小を逆にする

上下と大小を逆にする

上：見出し（サブ）
下：見出し（メイン）
の配置で並べます。
見出し（メイン）の文字を小さく、見出し（サブ）を大きく表示します。

見出し上下と大小を逆にする

重ねる

見出し（メイン）の背景に見出し（サブ）を大きく重ねて表示します。

見出し重ねる

見出し（メイン）を非表示

見出し（メイン）を非表示にして、見出し（サブ）のみを表示します。
見出し（サブ）のサイズは大きく表示します。

見出し（メイン）を非表示

見出し（サブ）を非表示

見出し（サブ）を非表示にして、見出し（メイン）のみを表示します。
見出し（メイン）のサイズは大きく表示します。

見出し（サブ）を非表示

【全体】下層ページ：メイン画像のパララックス

下層ページ（ABOUT・BLOG・コミュニティ・メンバーシップ）のメインビジュアルを設置した際の、パララックス効果の ON・OFF を設定できます。

【全体】下層ページ：タイトルのデザイン

下層ページ（ABOUT・BLOG・コミュニティ・メンバーシップ）のページタイトルのデザインを変更します。

※デザインのパターンは【全体】見出しのデザインと同じです。