sp cart
BASE DESIGN MARKET

シンプルで変幻自在のデザインテーマ

ONE BASE デザインテーマ

モック

特徴

テーマについて

BASEデザインテーマ「ONE(ワン)」は、豊富なカスタマイズ項目でオリジナルショップを作れるテーマです。
ペット用品、食料品、家具、雑貨など、あらゆる商材にお使いいただけます。

TOPページのお知らせを手動更新・自動更新どちらでも対応可能。
ABOUTページではGoogle mapを設置できます(iframeコードを入力)。
レスポンシブに対応していますので、PC、タブレット、スマホなど、どの端末で見てもデザインが崩れることなく最適に表示されます。

使い方

フォントサイズ・ロゴ

・日本語フォント
フォントは3種類から選択できます。

pc font1 sp font1
・英語フォント
フォントは3種類と、日本語に準ずるから選択できます。

pc font2 sp font2
・フォントサイズ
標準、小、大から選択できます。
・ロゴテキストサイズ
PC・スマホごとにロゴテキストサイズを数字にて指定可能です。(小数点可)
・ロゴフォントカラー
PC・スマホごとに指定可能です。
・ロゴ画像サイズ
PC・スマホごとに標準、小、大から選択できます。
・タイトルの文字の太さ
標準、細、太から選択できます。

各カラー

・フォント通常カラー
ページ全体の文字の色を選択できます。
・フォントアクセントカラー
セール時の価格、%OFFのフォント・線色などアクセントとなるカラーです。
・フォントサブカラー
商品一覧の価格、BLOGの日付など、サブとなるカラーです。
※文字カラーより少し薄い色をオススメします。
・ボタンカラー
ボタンのカラーを選択できます。
・ボタンフォントカラー
ボタンのフォントカラーを選択できます。
・ボタンボーダーカラー
ボタンのボーダーカラーを選択できます。
・ボタンホバー時のカラー
ボタンホバー時のカラーを選択できます。
・ボタンホバー時のフォントカラー
ボタンホバー時のフォントカラーを選択できます。
・ボタンホバー時のボーダーカラー
ボタンホバー時のボーダーカラーを選択できます。
・カートに入れるボタンカラー
カートに入れるボタンのカラーを選択できます。
・カートに入れるボタンフォントカラー
ボタンのフォントカラーを選択できます。
・COMING SOONラベルフォントカラー
商品一覧の「COMING SOON」ラベルのフォントカラーを選択できます。
・COMING SOONラベル背景カラー
商品一覧の「COMING SOON」ラベルの背景カラーを選択できます。
・SOLDO OUTラベルフォントカラー
商品一覧の「SOLDO OUT」ラベルのフォントカラーを選択できます。
・SOLDO OUTラベル背景カラー
商品一覧の「SOLDO OUT」ラベルの背景カラーを選択できます。
・各ボックスフォントカラー
デフォルトでグレーになっている箇所(トップお知らせ、ABOUTページのテキスト、ガイドなど)のフォントカラーを選択できます。
・各ボックス背景カラー
デフォルトでグレーになっている箇所(トップお知らせ、ABOUTページのテキスト、ガイドなど)の背景カラーを選択できます。

各ページ表記名

以下各番号と同じ部分の色や表示が変更されます。

・HOMEの表記
サイドナビの背景カラーを選択できます。
・ABOUTの表記
ABOUTページへのリンクテキストや、ページタイトルを変更できます。
・カテゴリの表記
カテゴリAppをインストールした場合に表示される、カテゴリページへのリンクテキストや、ページタイトルを変更できます。
・ブログの表記
ブログAppをインストールした場合に表示される、ブログページへのリンクテキストや、ページタイトルを変更できます。
・ブログのサブ表記
ブログAppをインストールした場合に表示される、ブログコンテンツのサブタイトルを変更できます。
・コミュニティの表記
コミュニティAppをインストールした場合に表示される、コミュニティページへのリンクテキストを変更できます。
・メンバーシップの表記
メンバーシップAppをインストールした場合に表示される、メニューのテキストを変更できます。
・CONTACTの表記
CONTACTページへのリンクテキストや、ページタイトルを変更できます。

サイドナビ・スマホナビ

以下各番号と同じ部分の色や表示が変更されます。


サイドナビ
サイドナビ スマホナビ
スマホナビ
・《PC》サイドナビフォントカラー
サイドナビの背景カラーを選択できます。
・《PC》サイドナビ背景カラー
サイドナビのフォントカラーを選択できます。
・《スマホ》ナビ内のロゴ画像
スマホナビ内のロゴ画像を設定することができます。
・《スマホ》ナビフォントカラー
スマホナビのフォントカラーを選択できます。
・《スマホ》ナビ背景カラー
スマホナビの背景カラーを選択できます。
・《PC》《スマホ》BASE・カートアイコンを白にする
PCはヘッダー、スマホはナビ内のBASE・カートアイコンを白にするか選択できます。
・バナー画像、バナーURL
サイドナビ・スマホナビに表示するバナー画像とバナーURLを各2つずつ入力できます。
■サイドバナー画像推奨サイズ:横400px以上

ヘッダー

以下各番号と同じ部分の色や表示が変更されます。


ヘッダーPC
ヘッダーPC ヘッダースマホ
ヘッダースマホ
・《ヘッダーPC》BASE・カートアイコンを白にする
PC時にヘッダーに表示するBASE・カートアイコンを白にするか選択できます。
・ショップの説明テキスト
ヘッダーに表示するテキストを入力できます。
・送料に関するテキスト
ヘッダーに表示する送料に関するテキストを入力できます。
・送料に関するテキストのフォントカラー
ヘッダーに表示する送料に関するテキストのフォントカラーを選択できます。
・送料に関するテキストの背景カラー
ヘッダーに表示する送料に関するテキストの背景カラーを選択できます。

スライダー


スライダーPC スライダースマホ
・スライダーを自動再生にする
スライダーを自動再生にすることができます。
・スライダー画像
スライド画像は5枚まで設定することができ、リンクを付けることもできます。
登録した画像はサムネイルとしても表示されます。
PC用画像と、SP用画像で分けて登録が出来るので、PCは横長、SPは縦長の画像をオススメいたします。
画像はPCはPC、スマホはスマホで全て同じサイズで合わせて作成してください。デザイン崩れにつながります。
例)1枚目のPC画像を1550x740pxで作成した場合、2枚目のPC画像も1550x740pxで作成してください。

■スライダー画像推奨サイズ
PC:横1500px以上
スマホ:横750px以上

TOP

・お知らせ
-お知らせタイトル
お知らせタイトルを変更できます。

固定お知らせアイコン 固定お知らせアイコン
-固定お知らせアイコンを変更する
固定お知らせのアイコンを8種類の中から変更できます。

-お知らせを手動で登録する(デフォルトは最新のブログ記事が出力されます)
手動または自動出力を選択できます。
記事の固定をすると固定した記事が一番上に表示されます。
最大3件表示されます。
※Appsページから「Blog App」をインストールする必要があります。
・ピックアップ
-ピックアップを表示する
ピックアップコンテンツを表示するか選択できます。

-ピックアップタイトル
ピックアップタイトルを変更できます。

-ピックアップサブタイトル ピックアップサブタイトルを変更できます。

-ピックアップ画像・リンク
バナー画像とバナーリンクを各4つずつ登録できます。
■バナー画像推奨サイズ:横750px以上
・ランキング
-ランキングを表示する
ランキングコンテンツを表示するか選択できます。

-ランキングタイトル
ランキングタイトルを変更できます。

-ランキングサブタイトル ランキングサブタイトルを変更できます。

-ランキング画像・商品名・価格・リンク
ランキング商品の画像・商品名・価格・リンクを4位まで登録できます。各ランキング情報は手動で入力になります。
■ランキング画像推奨サイズ:横400px以上
・商品一覧
-商品一覧を表示する
商品一覧コンテンツを表示するか選択できます。

-商品一覧タイトル
商品一覧タイトルを変更できます。

-商品一覧サブタイトル 商品一覧サブタイトルを変更できます。
・お得商品
-お得商品を表示する
お得商品コンテンツを表示するか選択できます。

-お得商品タイトル
商品一覧タイトルを変更できます。

-お得商品サブタイトル
お得商品サブタイトルを変更できます。

-お得商品カテゴリ・リンク
お得商品のカテゴリ・リンク画像・商品名・価格・リンクを各4つまで登録できます。
・特集
-特集を表示する
特集コンテンツを表示するか選択できます。

-特集タイトル
特集タイトルを変更できます。

-特集サブタイトル
特集サブタイトルを変更できます。

-特集画像・リンク
特集の画像・リンクを各6つまで登録できます。
■特集画像推奨サイズ:横450px以上
・ブログ
-ブログ一覧を表示する
ブログ一覧コンテンツを表示するか選択できます。
ブログは最新順に4件表示されます。
※Appsページから「Blog App」をインストールする必要があります。
■ブログ内画像推奨サイズ:横1000px以上

フッター


ヘッダーPC
ヘッダーPC
ヘッダーPC ヘッダースマホ
ヘッダースマホ
ヘッダースマホ
・《フッター》フォントカラー
フッターのフォントカラーを選択できます。
・《フッター》背景カラー
フッターの背景カラーを選択できます。
・《フッター》コピーライトフォントカラー
フッターのコピーライトのフォントカラーを選択できます。
・《フッター》コピーライト背景カラー
フッターのコピーライトの背景カラーを選択できます。
・《メールマガジンApp》NEWS LETTERタイトル
メールマガジンAppをインストールしていただくと、フッターにメルマガ登録フォームが表示されます。
NEWS LETTERタイトルを入力することができます。
・《メールマガジンApp》テキスト
メールマガジンAppをインストールしていただくと、フッターにメルマガ登録フォームが表示されます。
NEWS LETTERタイトルの下に文章を入力することができます。
・《フッター》SNSアイコンを表示する
フッター内のSNSアイコンを表示するかを選択できます。
・《フッター》SNSアイコンカラー
フッター内のSNSアイコンのカラーを選択できます。
・《スクロールボタン》肉球をつける
ページ上部にスクロールするボタンに、肉球マークをつけるかを選択できます。

ABOUT


ABOUT
・ABOUT画像、ABOUTタイトル
ABOUTページの上から1番目のコンテンツを内容設置できます。
テキストは、ショップ設定>ショップの説明の内容が表示されます。
■ABOUT画像推奨サイズ:横750px ×  縦670px
・CONCEPT画像、CONCEPTタイトル、CONCEPTテキスト
ABOUTページの上から2番目のコンテンツを設置できます。
■CONCEPT画像推奨サイズ::横750px × 縦670px
・店舗情報を掲載する
店舗情報コンテンツを表示するか選択できます。
・店舗情報タイトル
店舗情報タイトルを変更できます(デフォルト:SHOP)
・店舗情報テキスト
店舗情報を入力できます。
・店舗地図(iframeタグ)
GoogleMapを設定することが出来ます。
GoogleMapで住所を検索していただき、該当店舗の「共有」→「地図を埋め込む」→「HTMLをコピー」をクリックし、コピーした内容を貼り保存してください。

ご利用ガイド

ABOUTページ、商品詳細ページ下部に表示されるご利用ガイドの内容を登録できます。
それぞれのタイトルが未入力の場合、そのコンテンツは表示されません。


ご利用ガイド
・ご利用ガイドタイトル1
ご利用ガイドブロック1つ目のタイトルを変更できます。(デフォルト:送料について)
・送料設定
送料価格前の表記を【基本送料・地域別送料・全国送料無料】からお選びいただけます。
全国送料無料をお選びいただく場合は、後述の送料価格を削除していただくことで、全国送料無料の文字を強調することができます。
・送料価格
ご利用ガイドブロック1つ目の送料価格を入力できます。
・円の後に「~」を付ける
送料価格の円の後に「~」を付けることで【地域別送料500円~】といった表記ができます。
送料価格を削除した場合は表示されません。
・ご利用ガイドテキスト1-1・1-2
ご利用ガイドブロック1つ目のテキストを2つ入力できます。
・ご利用ガイドタイトル2
ご利用ガイドブロック2つ目のタイトルを変更できます。(デフォルト:お届けについて)
・ご利用ガイドテキスト2-1・2-2
ご利用ガイドブロック2つ目のテキストを2つ入力できます。
・ご利用ガイドタイトル3
ご利用ガイドブロック3つ目のタイトルを変更できます。(デフォルト:お支払いについて)
・クレジット表記を表示する
クレジットカードを使える場合は、クレジットカード使用可能の表記表示を選択できます。
・ご利用ガイドテキスト3
ご利用ガイドブロック3つ目のテキストを入力できます。
・ご利用ガイドタイトル4
ご利用ガイドブロック3つ目のタイトルを変更できます。(デフォルト:ご注文についての注意)
・ご利用ガイドテキスト4
ご利用ガイドブロック4つ目のテキストを入力できます。

その他

よくある質問

Q

カテゴリやブログがメニューに表示されないのですが…。

A

カテゴリ管理AppsやBlogAppsを入れてください。対応のAppsを入れることで初めて表示される項目がありますのでまずは各Appsをご確認ください。

Q

デザイン設定で文章を改行するにはどうすればよいでしょうか。

A

<br>タグを入れていただくことで改行が出来ます。
商品説明やblogなど、BASEの編集画面ではタグを入れなくてもそのまま改行できます。
例)
全国一律送料500円<br>
離島は1,000円になります。

Q

BASEアプリで見た時にデザインが反映されません。

A

デザインテーマはWEBブラウザ専用になります。
BASEアプリで表示する場合、BASEが用意したアプリのデザインで表示されます。

Q

フリースペースに画像を表示したいのでHTMLを教えてください。

A

申し訳ございませんが、HTMLを使用したデザイン作成方法などについてはお答え致しかねます。
予めご了承くださいませ。

Q

対応Apps以外のAppsは使えますか?

A

はい、お使いいただけます。
対応Appsはショップの表示に影響のあるAppsの一覧ですので、その他のAppsは全てご利用いただけます。

Q

ページ追加Appsが使えないのですが…。

A

「ページ追加 App」については、オフィシャルテーマのみが対象となっております。
BASEデザインマーケットで販売しているデザイナーズテーマ、および「HTML編集 App」で作成されたカスタムテーマには、現在対応しておりません。オフィシャルテーマをご利用ください。

Q

登録する画像の推奨サイズを教えてください。

A

PCサイドバナー・スマホメニュー内バナー:横400px以上
PCスライダー画像:横1500px以上
スマホスライダー画像:横750px以上
ピックアップバナー:横750px以上
特集バナー:横450px以上
ランキング画像:横400px以上
ABOUT画像:横750px × 縦670px
ブログ内画像:横1000px以上

対応Apps

※ショップの表示に影響のあるAppsの一覧です。その他のAppsは全てご利用いただけます。

メンバーシップ 〇 対応しています
メッセージ 〇 対応しています
カテゴリ管理 〇 対応しています
送料詳細設定 〇 対応しています
BASEロゴ非表示 〇 対応しています
デジタルコンテンツ 〇 対応しています
英語・外貨対応 〇 対応しています
Blog 〇 対応しています
ラベル 〇 対応しています
商品検索 〇 対応しています
定期便 〇 対応しています
レビュー 〇 対応しています
セール 〇 対応しています
販売期間設定 〇 対応しています
予約販売 〇 対応しています
抽選販売 〇 対応しています
商品説明カスタム 〇 対応しています
商品オプション 〇 対応しています
コミュニティ 〇 対応しています
テイクアウト 〇 対応しています
お知らせバナー 〇 対応しています
メールマガジン 〇 対応しています
再入荷自動通知 〇 対応しています
年齢制限 〇 対応しています