Solid

BASEデザインテーマ「Solid（ソリッド）」ユーザーマニュアル

「Solid（ソリッド）」は、シンプルな機能とジャンルを問わないベーシックなデザインが魅力のテンプレートです。ビジュアル訴求の邪魔にならない線をモチーフにしたデザインが、スタイリッシュでシャープな印象を与えます。

レスポンシブにも対応しており、スマートフォンはもちろん、タブレット・PCまで、デバイス問わず美しいデザインで表示できます。

こんな方におすすめです

  • シンプルなデザインで、サービスや商品について視覚的に訴求できるテンプレートを探している
  • さりげないアニメーションでユーザーエクスペリエンスを向上させたい

Solidを使用したデモショップはこちら

1.機能紹介ABOUT

デザインテーマ「Solid」は、様々な追加機能をご利用いただけます。

各メニューの名称変更 設定方法
「About」「Blog」など、各メニューの名称を変更可能です。
メインビジュアル（スライダー） 設定方法
TOPページのメインビジュアルとして最大3件まで画像とリンクを登録できる、大型の画像スライダーを設定しています。
コンセプト 設定方法
TOPページに、ショップの紹介やブランドコンセプトなど、自由なテキストを登録できます。
また、PC表示のみレイアウトを縦書きに変更可能です。
自由画像掲載エリア 設定方法
TOPページのコンセプト下に、販促バナーやショップのイメージ画像などを設置できます。
LINEのお友達紹介の特典、特定のお客様に向けた商品のご案内、キャンペーン情報など、お客様に強くアピールしたい情報の告知にご利用ください。
スマホ表示用バナー、PC表示用バナーをそれぞれ登録することで、訪問デバイスによってバナーを出し分けられます。
お知らせエリア 設定方法
TOPページに、簡単なお知らせを表示できます。急な告知や、詳細ページを設置しない簡単なお知らせ等にご活用ください。
ピックアップスライダー 設定方法
最大で5件の画像、URL、テキストが登録できます。連番になっているので、簡単なフローとしてもご使用いただけます。
トピックス表示 設定方法
TOPページに、トピックを最大3件登録することが可能です。更新情報や、新商品のお知らせなど、自由に登録できます。
ショップガイド 設定方法
支払い方法、送料、配送方法などの情報をまとめたショップガイドを全ページに掲載できます。
ショップガイドでは見出しとテキストを設定可能です。最大2つまで設定できます。
ABOUTページのカスタマイズ 設定方法
デザインテーマ「Solid」は、ABOUTページを柔軟にカスタマイズできます。
ヘッダー画像を設定できるだけではなく、コンセプト文の追加（最大2件）、店舗情報（最大2件）、Q&A（最大5件）の登録が可能です。
フッターメニューの追加 設定方法
各ページの下部に表示されるフッターメニューに、独自メニュー（1件）を追加表示できます。「よくあるご質問」の追加等、ユーザビリティの改善にお役立てください。

2.設定方法・マニュアルMANUAL

BASEデザインテーマ「Solid」は、BASE管理画面のデザイン編集で「テーマ設定」を編集頂くことで、どなたでも簡単にデザインのカスタマイズが可能です。

以下ではデザイン設定の各項目について解説します。

2-1.ショップ共通設定

カラーや見出し、フォント等の指定を行うことで、ショップ全体のテイストをカスタマイズできます。
このパートで指定した内容は、TOPページだけではなく、各商品詳細ページやABOUTページ等にも反映されます。

基本設定（カラー・フォント等）
背景色
設定箇所
管理画面
デザイン
背景

ベース背景の色変更、または壁紙画像の指定ができます。

「もっと見る」ボタン表記
設定箇所
管理画面
デザイン
テーマ設定
全体設定
【基本】「もっと見る」ボタン表記

「もっと見る」ボタンの表記を変更できます。

ロゴ設定
ロゴ画像／ロゴテキストの指定
設定箇所
管理画面
デザイン
ショップロゴ

ショップロゴでは「画像」と「テキスト」のいずれかを表示できます。

ロゴテキストのフォントの選択
設定箇所
管理画面
デザイン
テーマ設定
全体設定
【共通】ロゴフォント

ショップロゴで、テキストを表示する場合のフォントを選択できます。
お選び頂けるフォントは下記の9種類です。

Lato bold／Cormorant／Playball／Oswald Bold／／M PLUS 1p／Sawarabi Mincho／Shippori Mincho／Zen Antique／Noto Sans JP
本文フォントの選択
設定箇所
管理画面
デザイン
テーマ設定
全体設定
【基本】本文フォント

ページ全体に使用するフォントを、「丸ゴシック体」「ゴシック体」「明朝体」から選択できます。

見出しテキストのフォント選択
設定箇所
管理画面
デザイン
テーマ設定
全体設定
【基本】見出しフォント

見出しテキストのフォントを選択できます。
お選び頂けるフォントは下記の9種類です。

Lato bold／Cormorant／Playball／Oswald Bold／／M PLUS 1p／Sawarabi Mincho／Shippori Mincho／Zen Antique／Noto Sans JP
メニューの設定
追尾ナビゲーション
設定箇所
管理画面
デザイン
テーマ設定
全体設定
【メニュー】追尾ナビゲーション背景色
設定箇所
管理画面
デザイン
テーマ設定
全体設定
【メニュー】アイコンの色

追尾するナビゲーションの背景色とアイコンの色を指定できます。アイコンの色は「白」または「黒」をお選びいただけます。

その他メニュー表記フォーマット
設定箇所
管理画面
デザイン
テーマ設定
全体設定
【メニュー】その他メニュー表記フォーマット

一部の表記を日本語または英語（大文字表記／小文字表記）に変更できます。
変更が反映される箇所は下記をご確認ください。

例

Xのシェアボタンの表記：

  • 「日本語（例：店舗情報）」を選択→「ポストする」
  • 「英語（例：Information）」を選択→「Post」
  • 「英語（例：Information）」を選択→「POST」

変更が反映される場所

■ホーム（トップページ）

  • 「メールマガジン」タイトル表記

■商品ページ

  • SNSのシェアボタン表記
  • 「関連商品」タイトル表記

■Aboutページ

  • 「店舗情報」タイトル表記
  • 「よくあるご質問」タイトル表記 ※英語はどちらも「Q＆A」表記になります
コピーライトの設定
設定箇所
管理画面
デザイン
テーマ設定
全体設定
【フッター】コピーライト

ページ下部に表示されるフッターエリアに、コピーライト（著作権表記）を表示できます。

商品一覧の設定

商品一覧の設定では、TOPやカテゴリページ等で表示される、アイテム一覧のデザインを変更することができます。

アイテム一覧の表示カラム数
設定箇所
管理画面
デザイン
テーマ設定
HOME設定
商品一覧カラム数（PCview）

PC表示でのアイテム一覧の表示カラム数（列数）を指定します。3カラムまたは4カラムをお選びいただけます。

※いずれの場合もスマホ表示では2列固定になります。

※コミュニティやメンバーシップなど一部指定範囲外となる箇所があります。

カラム数・イメージ画像
アイテム一覧の画像サイズ比率
設定箇所
管理画面
デザイン
テーマ設定
HOME設定
アイテム画像サイズ比率

アイテム一覧で表示される画像の縦横比を、下記の5種類から選択することができます。

  • 正方形
  • 横（1.618:1）
  • 横（4:3）
  • タテ（1:1.618）
  • タテ（3:4）
画像の比率

2-2.TOPページ設定

メインビジュアルとなる大型スライダーやコンセプト、商品バナーをご登録頂くことで、TOPページのデザインをカスタマイズできます。

メルマガ登録エリア背景画像
設定箇所
管理画面
デザイン
App設定
【TOP】メルマガ登録エリア背景画像

メルマガ登録エリアに背景画像を設定できます。

商品一覧の表示
設定箇所
管理画面
デザイン
テーマ設定
HOME設定
商品一覧見出し

TOPページ内に表示される、商品一覧の「見出し」を変更できます。

2-3.ABOUTページ設定

デザインテーマ「Solid」では、ABOUTページを柔軟にカスタマイズできます。
メインビジュアルを表示できるだけではなく、コンセプト文の追加（最大2件）、店舗情報（最大2件）、Q&A（最大5件）の登録を行うことも可能です。

メインビジュアルの設定
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
メインビジュアルの設定

ABOUTページのメインビジュアルとして、画像1件を表示できます。

見出しの設定
設定箇所
管理画面
デザイン
テーマ設定
全体設定
【メニュー】「About」名称

ABOUTページの大見出しでは「【メニュー】「About」名称」の設定が適応されます。

ショップ説明の設定
設定箇所
管理画面
ショップ情報
ショップの説明

ABOUTページ、見出し直下の説明文は、「管理画面」＞「ショップ情報」＞「ショップの説明」に設定された内容が表示されます。

  • 追加のブランドコンセプト紹介とは設定ページが異なりますのでご注意ください。
ショップ説明
追加のブランドコンセプト紹介の設定
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
◆コンセプト①見出し
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
◆コンセプト①画像
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
◆コンセプト①テキスト
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
☆コンセプト②見出し
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
☆コンセプト②画像
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
☆コンセプト②テキスト

ABOUTページ内に、「ショップ説明」とは別にブランドコンセプトを表示できます。
「見出し」「テキスト」「画像」が表示可能です。

店舗情報の設定
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
◆店舗①店舗名
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
◆店舗①店舗画像
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
◆店舗①所在地
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
◆店舗①GoogleマップURL
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
◆店舗①TEL
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
◆店舗①営業時間
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
☆店舗②店舗名
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
☆店舗②店舗画像
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
☆店舗②所在地
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
☆店舗②GoogleマップURL
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
☆店舗②TEL
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
☆店舗②営業時間

ABOUTページ内に、最大2件まで店舗情報を表示できます。
「店舗名」の他、「店舗画像」「所在地」「TEL」「営業時間」「Googleマップへのリンク」が表示可能です。

Q&Aの設定
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
質問1
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
回答1
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
質問2
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
回答2
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
質問3
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
回答3
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
質問4
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
回答4
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
質問5
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
回答5
設定箇所
管理画面
デザイン
テーマ設定
ABOUT設定
詳しいQ&AへのリンクURL

ABOUTページ内に、最大5件まで、Q&Aを表示できます。
またQ&Aの下に、詳細情報へのリンクを追加可能です。より詳しい情報ページへ誘導する際にご活用ください。

2-4.商品詳細ページ設定

デザインテーマ「Solid」では、商品詳細ページで使用する色を設定できます。

詳細ページのカラー設定
設定箇所
管理画面
デザイン
テーマ設定
商品ページ設定
商品情報背景色
設定箇所
管理画面
デザイン
テーマ設定
商品ページ設定
商品情報文字色
設定箇所
管理画面
デザイン
テーマ設定
商品ページ設定
カートに入れるボタン

商品詳細ページの一部エリアの背景色と文字色を指定できます。
カートに入れるボタンの色は、「黒」または「赤」からお選びいただけます。

2-5.登録画像の推奨サイズまとめ

デザインテーマ「Solid」では、テーマ設定として様々な画像をご登録いただけます。
画像サイズの大小によってデザインが崩れることはありませんが、以下の推奨サイズで画像をご用意頂くことで、より美しくショップを表示可能です。

TOPページ

  • メインビジュアル（スライダー）：幅1940px 高さ1080px以上
  • メルマガ登録エリア：幅1940px 高さ440px以上

ABOUTページ

  • メインビジュアル：幅1940px 高さ440px以上
  • ブランドコンセプト紹介画像：幅800px以上

メンバーシップページ

  • メインビジュアル：幅1940px 高さ440px以上

商品ページ

  • 商品画像：幅650px 高さ650px以上

3.よくあるご質問FAQ

テーマ設定を順にご入力頂ければ、どなたでもお好みのデザインにカスタマイズ可能です。

また「Solid」でご用意している各追加機能は、ブロックごとの表示・非表示に対応しています。画像の用意が間に合わないものや、管理工数の負担が大きい要素は、非表示にしてご利用いただくことも可能です。

Q1.設定やカスタマイズは簡単にできますか？

テーマ設定を順にご入力頂ければ、どなたでもお好みのデザインにカスタマイズ可能です。

また、「Solid」では５種類のテーマカラーをご用意しています。テーマカラーを選ぶだけで誰でも簡単にきれいなショップを作ることが可能です。
ブロックごとの表示・非表示にも追加機能として対応。画像の用意が間に合わないものや、管理工数の負担が大きい要素は非表示にし、ご利用いただくことも可能です。

Q2.ロゴ画像にも推奨サイズはありますか？

ロゴ画像は縦60pxを推奨しています。 ご登録いただいたロゴ画像が大きい場合は、圧縮された形で表示されます。
※圧縮される場合も縦横のサイズ比率は保持されます。

また、ロゴ画像は余白を含めて圧縮されます。
ロゴを小さく表示させたい場合は【上下の余白を大きく】、
ロゴを大きく表示させたい場合は【上下の余白を小さく】して頂くことで 表示の大きさを調整することができます。

Q3.テーマをさらにカスタマイズしたいです。

ご購入いただいたテーマの追加カスタマイズに関しましては、有料でのカスタマイズサービスをご提供させて頂いております。
追加カスタマイズサービスの詳細は下記のページをご確認ください。

Q4.新しいページを追加できますか？

BASEデザインマーケットでご購入頂いたテーマ（有料テーマ）は、自由フォーマットのページを新規で追加することができません。
新しいページの追加が必要な際は、「Blog App」をご利用頂き、投稿記事での代用をご検討ください。

例：
Blog Appにて「詳しいQ&A」に関する記事を作成・投稿
↓
記事ページのURLを【フッター】追加メニューにご利用いただく　等

  • 「ページ追加App」はオフィシャルテーマ（無料テーマ）のみの対応となっています。

Q5.ナビゲーションに表示されるメニューの数が、デモショップと異なります。

メニューは、初期状態では「HOME」「ABOUT」「CONTACT」の3つが表示される仕様となっています。

その他の「BLOG」「COMMUNITY」「MEMBERSHIP」に関しましては、該当するAppsをインストール、有効化した際に表示されます。必要に応じてご検討ください。

Q6.テーマ購入後にインボイス（適格請求書）を発行してもらえますか？

「ご購入日」と「ご購入の際のショップ名」の2点をご連絡頂ければ、発行が可能でございます。
インボイス（適格請求書）の発行をご希望される場合は、こちらよりご連絡ください。

  • 請求先は原則的にショップ名（屋号）を記載させて頂きます。

その他にご質問やご不明点がございましたら、こちらよりご連絡ください。
ご入力頂いたメールアドレスへ、担当者より2営業日以内に返信させて頂きます。

  • 営業日：平日9:00～18:15／※土日祝休業