特徴

BASEデザインマーケットにて販売中

弊社開発のBASEデザインテーマ「miim」がBASEデザインマーケットにて販売開始となりました。

かわいいに出会える雑貨店「miim」という架空のショップをコンセプトにデモデザインを起こしたファンシーな雰囲気のテーマです。弊社SHARESLで実際にサービスとして利用するためにデザインしたものを元にテンプレート化いたしました。

レイアウトは癖がなくシンプル。
デモは全体的に白ベースのデザインですが、背景色や画像、ポイントでの色使いが変更できるため、販売する商品の雰囲気に合わせてカスタマイズできます。

特に女性向けアクセサリーや子供向けの雑貨、ベビー用品、ペット用品など、「かわいい」商品にすっと馴染むデザインになっていると思います。

もちろん幅広いカスタマイズが可能なためどんな商品の販売にも対応できます。
ぜひご利用ください。

弊社では「miim」以外に5つのテーマを販売しております。
それぞれ違った魅力のあるテーマなので合わせてご覧ください。

まずは無料ショップ開設

複数デバイスに対応するレスポンシブデザイン

レスポンシブデザインでスマホ・タブレット・PCまで、あらゆるデバイスで綺麗に表示され、使いやすいテーマとなっています。

【主なPCでのレイアウト】
PCレイアウト例
【主なスマホでのレイアウト】
スマホレイアウト例

※サンプル画像のため実際の色味やアイコンなどに多少違いがあります。
実際の見た目はBASEデザインマーケットの購入ページからプレビュー機能を使ってご確認ください。

広範囲でデザインのカスタマイズが可能

BASEの管理画面上で様々なカスタマイズが可能です。
さらに自由なカスタマイズを希望の場合、弊社ではBASEのAPI利用の許認可を取得しているため、より自由にデザインされたECサイトの構築が可能です。気軽にご相談ください。

デモサイト

デザインの雰囲気をご確認いただけるデモサイトをご用意しました。

※あくまで見た目・デザイン確認用のデモサイトです。足りないページやコンテンツがあったり、タイトルボタンを押せなかったり、意図したページに遷移できなかったり、購入画面に進めなかったりしますがミスではなく意図的なものです。 必要なページのデザインのみが確認できる状態にしています。 あらかじめご了承ください。

実際のテーマ表示に関してはBASEデザインマーケットで購入画面から「プレビュー」機能が使えます。そちらは実際にデザイン編集画面を触ることができます。好きな画像を入れたりテキストを入力したりできますのでさらに詳細に確認したい場合はそちらをお使いください。

使い方

テーマの編集方法

BASE管理画面->デザイン編集->画面左側「テーマ別設定」以降がこちらのテンプレートで主にカスタマイズできる部分となります。

それぞれの入力・設定項目について以降で細かく記載しているので、ご参考ください。

テーマカラー

全体的な配色を一括で設定できます。
ポイントは文字の視認性を保つことです。背景色を変えた場合は文字も見やすい色に変えておきましょう。

各カラーの一括調整

へッダー背景色

へッダーの背景色を設定できます。

へッダー文字色

へッダーの文字色を設定できます。

テキストカラー

背景の上に置かれるテキストの文字色を設定できます。枠付きコンテンツの文字色は別項目で設定できます。

リンクカラー

リンクテキストの文字色を設定できます。枠付きコンテンツのリンクカラーは別項目で設定できます。

コンテンツ枠 背景色

枠付きコンテンツの背景色を設定できます。

コンテンツ枠 文字色

枠付きコンテンツ内の文字色を設定できます。

コンテンツ枠 リンクカラー

枠付きコンテンツ内のリンクテキストの文字色を設定できます。

ポイントカラー

ヘッダーカテゴリーの背景色、FAQのアイコンの背景色、カテゴリー一覧ページの子カテゴリ背景色など、サイトでポイントとして使われている色を一括で変更できます。

ポイントテキストカラー

上記「ポイントカラー」で変更される部分のテキストカラーを変更できます。視認性が悪くなった場合に調整用としてお使いください。

ボタンカラー

商品一覧下の「もっとみる」ボタンや、ブログ下のページネーション、お問い合わせフォームの確認・送信ボタンなど、ボタンの背景色を一括で変更できます。

ボタンテキストカラー

「ボタンカラー」を変更して文字の視認性が悪くなった場合に調整用としてお使いください。

商品:価格テキストカラー:定価

定価の価格の文字色を変更できます。

商品:価格テキストカラー:セール

セールAppで商品を割引をした際に、セール価格の文字色を変更できます。

商品:セールタグカラー

セールAppで商品を割引をした際に付く「10%OFF」などのタグの背景色を変更できます。

商品:セールタグテキストカラー

セールタグの文字色を変更できます。「セールタグカラー」を変更して文字の視認性が悪くなった場合に調整用としてお使いください。

商品詳細:購入ボタン 背景色

購入ボタン(カートに入れる等)の背景色を変更できます

商品詳細:購入ボタン 文字色

上記、「購入ボタン 背景色」を変更した際に視認性を保つために文字色も変更できます。

フォント

文字の字体を一括で変更できます。
明朝体を選ぶと高級感が、丸ゴシックを選ぶと温かみが出ます。 サイトの雰囲気に合わせて変えてみてください。

全体:フォント

サイト全体のフォントを選べます。このテーマは日本語のみの対応になっているので、7種類の和文フォントから選べます。

ヘッダー

レイアウトの変更、ナビゲーションの追従の可否、スマホメニューの色設定を変更できます。

レイアウト

ロゴ画像の大きさやテキストの長さによっては、デフォルトの横並びのレイアウトが難しい場合があります。その場合に「ロゴを上にする」という設定で回避することが可能です。

ナビゲーションを追従

ONにすると、スクロール時にヘッダーが画面上部に固定され追従するようになります。

※スクロール時に動きがもっさりすると感じる場合はOFFにしてください。

アイコンボタン

PC:アイコンボタンに白背景を付ける

PC表示でのアイコンボタンの背景色の表示・非表示を切り替えられます。

スマホ:アイコンボタンに白背景を付ける

スマホ表示でのアイコンボタンの背景色の表示・非表示を切り替えられます。

メニュー

スマホ:メニュー文字色

メニュー内の文字色を変更できます。

スマホ:メニュー背景色

背景色を変更することができます。
※画像よりも優先度が高いので、画像を表示したい場合は空欄にしてください。

スマホ:メニュー背景画像

背景に画像を設置することができます。デフォルトでは16 × 16(px)のパターン画像を用意しています。

スマホ:背景画像をリピート

背景画像を繰り返します。控えめなパターン画像を入れるのがおすすめです。

スマホ:背景画像を幅に合わせる

背景画像をメニューいっぱい・中心に揃えます。

スマホ:メニューのフォントを選ぶ

スマホ表示でのメニューのフォントを選択肢の中から選ぶことができます。

PC:メニューのフォントを選ぶ

PC表示でのメニューのフォントを選択肢の中から選ぶことができます。

ロゴ

ロゴ画像サイズを調整する

PC ロゴ画像サイズ(ヘッダー/フッター)

PC表示時のロゴの横幅のサイズを10~100%の間で10%刻みので指定できます。100%にしてもナビゲーションなどに被らないように上限はあらかじめ設定されていますので、主に縮小にお使いください。ヘッダー・フッターで別々にサイズ調整できます。

スマホ ロゴ画像サイズ(ヘッダー/フッター)

スマホ表示時のロゴの横幅のサイズを10~100%の間で10%刻みで指定できます。100%にしてもナビゲーションなどに被らないように上限はあらかじめ設定されていますので、主に縮小にお使いください。ヘッダー・フッターで別々にサイズ調整できます。

テキストロゴを調整する

フォントを選ぶ

欧文フォント11種類、和文フォント7種類の中から選べます。

ヘッダーロゴ:文字サイズ(PC/スマホ)

ヘッダーロゴのサイズを5段階で変更できます。 PC・スマホで別々に設定できます。

フッターロゴ:文字サイズ(PC/スマホ)

フッターロゴのサイズを5段階で変更できます。 PC・スマホで別々に設定できます。

フッターロゴを表示・非表示にできます

ロゴを表示する

オンにすると表示、オフにすると非表示にします。デフォルトは表示するようになっています。

キャンペーンバナー

ヘッダー上部にキャンペーンやクーポンコードを掲載できるバナーを設置することができます。画像の設置、もしくは任意のテキストのフォントや文字色を変更することができます。

キャンペーンバナーの調整

キャンペーンバナーを表示

ONにすると表示、OFFにすると非表示になります。

キャンペーンバナーに画像を使う

バナーを任意の画像で表示させます。テキストは非表示になります。

キャンペーン画像(PC/スマホ)

スマホ・PCそれぞれの表示で画像を設定できます。
PC画像は必須です。
推奨サイズは、
スマホ:横750×縦90(px)
PC:横1440×縦90(px)

キャンペーン画像説明(Alt)

画像の説明(alt)を設定します。

キャッチコピー

テキストを使う場合に、キャッチコピーを設定できます。
推奨文字数は20文字以内です。
フォントサイズは調整可能ですが、あくまでキャッチコピーなので端的な表現でおさめることをおすすめします。
※キャンペーンバナーに画像を使うがOFFの場合のみ設定可能

クーポンコード

クーポンAppで発行できるクーポンコードをこちらに表示できます。
※キャンペーンバナーに画像を使うがOFFの場合のみ設定可能

文字色

バナー内の文字色を変更できます。

背景色

バナー全体の背景色を変更できます。

キャッチコピーのフォントを選ぶ

キャッチコピーのフォントを欧文フォント11種類、和文フォント7種類の中から選べます。

キャッチコピーの文字サイズ(PC/スマホ)

キャッチコピーの文字サイズをPC表示、スマホ表示それぞれで1〜5段階の大きさで設定できます。

TOPページ

TOPページのみで調整できる設定について

ブログ記事固定表示(Blog App)

背景色

Blog Appを使用して記事を投稿する際、「この記事を固定にする」にチェックを入れるとTOPページに表示されます。その表示エリアの背景色を変更できます

文字色

背景色を変更して文字の視認性が悪くなった場合に調整用としてお使いください。

スライド

TOPページのメインビジュアルにスライドを4枚まで追加できます。

スライドを表示

ONにすると表示、OFFにすると非表示になります。

画像を角丸にする

ONにすると画像の角を丸くします。OFFにすると通常表示になります。デザインのアクセントとしてお使いください

画像 ①〜④ (PC/スマホ)

PC表示用、スマホ表示用でそれぞれの画像を設定できます。
表示させたい場合は、PC画像が必須になります。
PCとスマホでは文字サイズや画面の縦横比率が変わるので別々に用意した方が見栄えはよくなります。

推奨サイズは、
PC:横1970×縦1230(px)
スマホ:横750×縦800(px)
です。

※BASEでアップロードできる画像容量の上限は1MBですので、おさまらない場合は圧縮・または縮小してください。

画像の説明 ①〜④

画像の説明(alt)を設定します。

リンク先URL ①〜④

リンクを付けたい場合にURLを入力します。

リンクを新規ウィンドウで開く ①〜④

リンクを付けた場合、クリックしたら新しいウィンドウでページを開きます。

バナー

TOPページにバナー画像を3つまで表示できます。

※デザイン上、角丸になるように設定しています。ご注意ください。

バナーを表示

ONにすると表示、OFFにすると非表示になります。

バナーを角丸にする

ONにすると画像の角を丸くします。OFFにすると通常表示になります。デザインのアクセントとしてお使いください

画像 ❶〜❸

推奨サイズは、横750×縦270(px)です。

※ここを空欄にすると、表示されません。

画像の説明 ❶〜❸

画像の説明(alt)を設定します。

リンク先URL ❶〜❸

リンクを付けたい場合にURLを入力します。

リンクを新規ウィンドウで開く ❶〜❸

リンクを付けた場合、クリックしたら新しいウィンドウでページを開きます。

商品一覧上 フリービジュアル

TOPページの商品一覧上に任意の画像を設置できます。商品のアピールやページのアクセントになるので画像が用意できる場合には設置することをオススメします。
逆に全く関係のない画像しか用意できない場合は無理に置かずに非表示にすることができます。

フリービジュアルを表示

ONにすると表示、OFFにすると非表示になります。

画像 (PC/スマホ)

PC表示用、スマホ表示用でそれぞれの画像を設定できます。
PC画像は必須となります。

推奨サイズは、
PC:横2880×縦1020(px)
スマホ:横750×縦600(px)
です。

※小さい画像を設定した場合でも画面の幅いっぱいに広がるようになっていますのでご注意ください。
※空欄にすると、表示されません。
※BASEでアップロードできる画像容量の上限は1MBですので、おさまらない場合は圧縮・または縮小してください。

画像の説明

画像の説明(alt)を設定します。

商品一覧

TOP:商品一覧を表示

TOPページのみで、ONにすると商品一覧を表示、OFFにすると非表示になります。

角丸にする

ONにすると商品一覧の枠と画像の角を丸くします。OFFにすると通常表示になります。デザインのアクセントとしてお使いください

画像を幅いっぱいに合わせる

ONにするとすべての枠内の商品画像が枠いっぱいに広がり画像の大きさを均一にします。OFFにすると枠内に収まるようになりますが、画像の大きさは不均一になります。

※ONにすると、画像が小さい場合に引き延ばされます

商品一覧下 バナー

商品一覧、もっとみるボタンの下にバナーを設置できます。送料についてなどを画像に掲載する、送料や注意事項などを書いたブログへのリンクとして設置するなど、何かと工夫してお使いいただけると良いかと思います。

バナーを表示

ONにすると表示、OFFにすると非表示になります。

角丸にする

ONにすると画像の角を丸くします。OFFにすると通常表示になります。デザインのアクセントとしてお使いください

画像

推奨サイズは、横700×縦180(px)です。

※ここを空欄にすると、表示されません。

画像の説明

画像の説明(alt)を設定します。

リンク先URL

リンクを付けたい場合にURLを入力します。

リンクを新規ウィンドウで開く

リンクを付けた場合、クリックしたら新しいウィンドウでページを開きます。

ショップの特徴

ショップの簡単な特徴を掲載できるエリアです。(アイコン・特徴・概要)というグループを1つとして、最大3つまで追加できます。TOPページにショップのことが簡単にわかるコンテンツがあると、お客様もどんなお店かわかりやすいと思いますのでぜひご利用ください。

背景色

ショップの特徴エリアの背景色を変更できます。

文字色

ショップの特徴エリアの文字色を変更できます。

アイコン画像

推奨サイズは、240×240(px)です。

アイコンをお持ちでない場合は、Font AwesomeIcoMoonといったところで無料で利用できるものがありますので良ければご利用ください。

※空欄にすると表示されません。
※拡張子が「.svg」形式の画像はBASEではアップロードできません。

特徴 ❶〜❸

任意のテキストを設定できます。下に概要文がつきますので、キャッチコピー的に10文字以内程度の短文で設定することをオススメします。

概要 ❶〜❸

任意のテキストを設定できます。
入力する際の改行は反映されます。(連続する改行は1つになります)
ここに何百文字も記載するのは不自然ですので、あくまでも30文字程度、3行で収まるぐらいの簡単な説明としてお使いいただけると良いかと思います。
3つとも文字数を同じぐらいに合わせると違和感なく表示できます。

ブログ表示

TOPページにブログリストを表示します。表示件数は最大2、4、6件から選択できます

ブログを表示

ONにすると表示、OFFにすると非表示になります。

角丸にする

ONにすると画像の角を丸くします。OFFにすると通常表示になります。デザインのアクセントとしてお使いください

画像を幅いっぱいに合わせる

ONにするとすべての枠内の商品画像が枠いっぱいに広がり画像の大きさを均一にします。OFFにすると枠内に収まるようになりますが、画像の大きさは不均一になります。

※ONにすると、画像が小さい場合に引き延ばされます

最大記事数

表示件数を最大2、4、6件のいずれかに設定できます。

順序変更

TOPページの「バナー」「商品一覧」「ショップの特徴」「ブログ」の4つのコンテンツの順番を変更できます。

バナー/商品一覧/ショップの特徴/ブログ

それぞれ1〜4の数字を設定することができます。デフォルトは1で、「バナー」->「商品一覧」->「ショップの特徴」->「ブログ」の順番になっています。

1が最も上、4が最も下になります。

「4、2、2、2」など同じ数字にした場合は、同じ数字「2」の中でさらにデフォルトの順番が適用されますが、番号が重ならないように設定していただければ簡単に任意の順に変更できると思います。

Aboutページ

コンセプトやショップ情報やFAQなど、お店についてのコンテンツをより詳しく掲載できます。

メイン画像

メイン画像を表示

ONにすると表示、OFFにすると非表示になります。

メイン画像

表示したい画像を設定します。
PC画像は必須です。
推奨サイズは、横950×縦600(px)です。

コンセプト

コンセプトを表示

Aboutページにコンセプトとしてテキストコンテンツを追加できます。ONにすると表示、OFFにすると非表示になります。

タイトル

コンセプトのタイトルを設定できます。

概要

コンセプトの詳細テキストを設定できます。

ショップ情報

ショップ情報を表示

お店の住所や営業時間といった詳細情報を表示できるエリアの表示・非表示を切り替えます。ONにすると表示、OFFにすると非表示になります。

ショップ画像

お店のイメージ画像を設定できます。空欄の場合は表示されません。

推奨サイズは、PC:横1200(px)以上です。
縦は特に高さ制限はありませんが、画面に収まりきらないほど極端に縦長や横長に大きい場合は縮小表示されます。

※BASEでアップロードできる画像容量の上限は1MBですので、おさまらない場合は圧縮・または縮小してください。

ショップ名

店名を設定できます。空欄の場合はBASEの管理画面で設定している名前が表示されます。

郵便番号

お店の郵便番号を設定できます。空欄にすると表示されません。

住所

お店の住所を設定できます。空欄にすると表示されません。

営業時間

お店の営業時間を設定できます。空欄にすると表示されません。

Googleマップ URL

お店のGoogleマップへのリンクボタンを設定できます。空欄にすると表示されません。

※Mapの埋め込みではありません。

コンテンツ

画像、タイトル、説明をセットとしたコンテンツをさらに追加できます。

画像

画像を設定できます。空欄の場合は表示されません。

推奨サイズは、横930×縦620(px)です。

※BASEでアップロードできる画像容量の上限は1MBですので、おさまらない場合は圧縮・または縮小してください。

見出し

コンテンツの見出しを設定できます。

内容

コンテンツの内容を設定できます。

FAQ

FAQ(よくある質問)エリアです。最大10個まで追加できます。

FAQを表示

オンにするとABOUTページ下にFAQブロックを表示させます。オフにすると非表示になります。

❶〜➓ FAQ:質問[1~10]

質問内容をテキストで入力します。

❶〜➓ FAQ:答え[1~10]

質問内容の答えをテキストで入力します。リンクを入れたい場合はhtmlを使用します。<a href="リンク先URL">リンクにするテキスト</a>の形式で入力するとリンクになります。<a href="リンク先URL" target="_blank" rel="noopener">リンクにするテキスト</a>の形式で入力すると新規ウィンドウで開くリンクになります。

商品詳細ページ

任意のテキストを置けるフリースペース、購入ボタンの色変更、関連商品の表示設定ができます。

フリースペースが使えます

商品詳細:詳細テキスト フリースペース

商品情報の上にフリースペースを設けています。
自由にテキストを追加できます。
送料や注意事項、いま使えるクーポンコードなど一括ですべての商品ページに掲載しておきたい情報などがあればお使いください。

商品画像を角丸にできます

商品画像を角丸にする

ONにすると画像の角を丸くします。OFFにすると通常表示になります。デザインのアクセントとしてお使いください

関連商品の表示・非表示を変更できます

商品詳細:関連商品を表示

オンにすると表示、オフにすると非表示にします。
デフォルトは表示します。

※あくまでも表示・非表示のみです。商品の表示条件・アルゴリズムについては弊社では調整できません。関連商品はBASEの機能ですのでこちらについてのご質問等はBASEにお願いいたします。

その他の機能

下層ページ

下層ページ サブタイトル:フォントを選ぶ

TOPページ以外の下層ページでページタイトルの下に表示されている英字のフォントを選択肢から選ぶことができます。

コンテンツに影をつける

コンテンツに影をつける

ボタンや商品一覧、コンテンツ枠などについている影効果の表示・非表示を切り替えられます。

フッターのSNSアイコンを非表示にできます

フッター:SNSアイコンを表示

オンにすると表示、オフにすると非表示にします。デフォルトは表示するようになっています。

フッターのSNSアイコンを白に変更できます

フッター:SNSアイコンを白にする

オンにすると表示、オフにすると白に、オフにすると黒になります。

独自のスタイルシートを追加できます

独自のスタイルシートを追加する【上級者向け】

こちらにCSSを貼り付けるとstyleタグが追加され、CSSを上書きできます。独自拡張になりますので上級者向けです。意味がわかる方のみご使用ください。

こちらで用意しているCSSファイルの詳細についての質問には、お問い合わせいただいても細かくお答えできかねます。上書きする場合は確かな知識をお持ちの方が自己責任でお願いいたします。

Blog App「この記事を固定する」機能対応

Blog Appを使用して記事を投稿する際、「この記事を固定にする」にチェックを入れると各記事リストの先頭に固定記事が表示され、TOPページのメイン画像下にテキストリンクで記事が固定表示されます。メイン画像がない場合は最上部になります。

スマートフォン用のテーマ切り替え設定

スマートフォン用のデフォルトテーマを使用する

BASE側で用意されているデフォルトのスマートフォン用テーマを使う設定です。
このテーマはレスポンシブ対応しておりますので、チェックを外すことをオススメします。

その他

対応するAppsについて

※ここに記載しているのはテーマに影響のあるAppsの一覧です。その他のAppsは全てご利用いただけます。

BASEロゴ非表示App◯ 対応しています
ラベルApp◯ 対応しています
BlogApp◯ 対応しています
カテゴリ管理App◯ 対応しています
商品検索App◯ 対応しています
レビューApp◯ 対応しています
セールApp◯ 対応しています
ショップコインApp◯ 対応しています
販売期間設定App◯ 対応しています
予約販売App◯ 対応しています
英語・外貨対応App× 対応していません
デジタルコンテンツApp◯ 対応しています
メッセージApp◯ 対応しています
送料詳細設定App◯ 対応しています
商品説明カスタムApp◯ 対応しています
抽選販売App◯ 対応しています

よくある質問

対応Appsに記載されていないBASE Appsの対応可否について教えてください。
【非常によくお問い合わせいただくご質問です】

対応Appsに掲載されていないBASE Appsはすべて利用可能です。

弊社、他社含めすべてのデザインテーマはBASEが示すBASE Appsへの対応方法を元にテーマ実装をしております。対応方法が示されているAppsは上記の対応Apps一覧であり、その中で対応できているもの・できていないものがありますので掲載しております。そのため「独自ドメイン」や「Google Analytics 設定」など対応Appsに記載のないAppはBASE側がシステムそのものに実装していますのでそもそも「対応不可」ということをデザインテーマからできません。あくまでもデザインテーマはデザインを販売しているだけで裏側の機能について手を出す立場ではございませんのでご理解のほどよろしくお願いいたします。

ここに記載のないAppsについてのご質問、また、デザインテーマではなくAppsの機能そのものについてのご質問は開発元のBASEに直接お問い合わせください。

BASEアプリで意図しない表示になってしまいます。
【非常によくお問い合わせいただくご質問です】

デザインテンプレートはあくまでもWEBサイト専用です。
SafariやGoogleなどのWEBブラウザで表示されるものにしか反映されません。
BASEアプリは「アプリ」ですので専用のデザインが反映される仕様となっている様です。
詳しくは下記URL、BASE公式サイトのショップヘルプページをご確認ください。

→有料テーマのデザインはアプリ(購入用)に反映されますか?
PCでは反映されますが、スマホではデザイン編集が反映されません
【非常によくお問い合わせいただくご質問です】

スマホのテーマがBASEで用意されているデフォルトのものになっている可能性があります。
まずはデザイン編集からデフォルトのモバイルテーマを使用をオフになっているかご確認ください。BASEの仕様上、こちらの設定をオフにしていただかないと購入したデザインはスマホ表示に反映されません。
HTMLやCSSの知識は必要ですか?
特に必要ありません。
最適化されたテーマとなっていますので、デザイン編集画面で画像やカラー・テキスト入力などの各項目を埋めていくだけで作成できます。
知識がある方はHTML編集Appからカスタマイズ可能ですが、その際のCSSの書き方やデザイン調整のサポートは無償ではお受けできませんので予めご了承下さい。
メイン画像に動画の埋め込みはできますか?
恐れ入りますが、こちらのテーマではメイン画像に動画の埋め込みには対応しておりません。
スマホとPCどちらからでも使えますか?
レスポンシブデザインに対応しておりますので、どちらからでも問題なくご利用いただけます。ただしスマホのデザインを適用するには、デザイン編集から「デフォルトのモバイルテーマを使用」をオフに設定してください。オンにしているとBASE側で用意されているデフォルトのテーマが表示されます。
設定する画像の推奨サイズを教えて下さい。

ロゴ
縦最大150px
横最大300px
推奨サイズ121×30(参考)
※ヘッダーレイアウトがデフォルトの時
デザイン上、小さめのロゴの方がピッタリはまります。縦長のロゴはヘッダーのサイズを超えると自動的に縮小されてロゴが見えにくくなってしまいます。できるだけ推奨サイズに近いアスペクト比(縦横の比率)のものを設定することをオススメします。

キャンペーン画像 PC
通常:横1440×縦90(px)
Retinaディスプレイ対応:横2880×縦180(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

キャンペーン画像 スマホ
通常:横750×縦90(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

TOP:スライド画像 PC
通常:横985×縦615(px)
Retinaディスプレイ対応:横1970×縦1230(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

TOP:スライド画像 スマホ
横750 × 縦800(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

TOP:バナー
横750×縦270(px)
高さは変更しても大丈夫ですが、複数設定する場合はすべての画像サイズを揃えた方がキレイです。 ※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

TOP:商品一覧上 フリービジュアル PC
通常:横1440×縦510(px)
Retinaディスプレイ対応:横2880×縦1020(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

TOP:商品一覧上 フリービジュアル スマホ
横750×縦600(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

TOP:商品一覧下 バナー
横700×縦180(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

TOP:ショップの特徴 アイコン画像
240×240(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

About:メイン画像
横950×縦600(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

About:ショップ画像
横1200×縦1560(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

About:コンテンツ画像
横930×縦620(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

商品画像
通常:横750×縦540(px)
Retinaディスプレイ対応:縦1500×縦1080(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

ブログ画像
横1200×縦720(px)
※BASEでアップロードサイズに1MBの制限がありますので、サイズが大きくなりすぎる場合は画像圧縮などのツールで対応してください。

ブログのサムネイルはBlog Appで投稿する際に埋め込んだ画像の中で1番上にある画像が設定されます。
スタンプや絵文字などの画像も含まれるため、サムネイルを調整したい場合は文章を書き始める前に画像を最上部に埋め込んでおくことをオススメします。

入力しても反映されないのですが・・・
それぞれブロックごとに「表示する」項目を設けON・OFFで表示・非表示を切り替えられるようになっています。まずは該当のブロックが「表示する」になっているかご確認ください。また、表示させたいブロックによっては必須の項目がございます。表示させたいブロックをお使いになる際はなるべく項目を全て埋めてください。
テーマを少しだけ変更したいのですが、お願いできますか?
BASEの厳しい審査を通しているテーマのため、基本的にはこちらの設計ミスやバグ以外での修正やカスタマイズに関しては有償(先払い、1万円〜)でお受けいたします。そのためカスタマイズを希望する方で、ある程度CSSの予備知識がある方は「独自のスタイルシートを追加する」からスタイルシートを上書きできますのでそちらをまず試してみることをオススメします。

もちろん、ミスに関わらずアップデートした方が良い変更に関しては追加機能として実装し直してBASEに再申請いたします。お問い合わせに料金はかかりません。
お問い合わせいただいた際にもしも有償となった場合でもお見積もりまでは無料です。 また簡単なアドバイスのみであれば無料で解決できる場合もございますので、何かご質問・ご相談がある場合はまずは遠慮なく弊社までお問い合わせください。
テーマ内にあるものと別のフォントを使いたいのですが、他のフォントを増やせますか?
今後、多数のリクエストがあれば増やす可能性はございますが、基本的にはこれ以上増やすことは考えておりません。このテーマのフォントに関しては「Google Fonts」で無料で提供されているWebフォントを使って読み込んでいます。個人的に他のフォントを使いたいという方は「独自のスタイルシートを追加する」を使い、CSSで読み込むことのできる「Google Fonts」のようなサービスをお使いください。

Webフォントとして有償のフォントを使用したカスタマイズをご希望の方は、弊社でフォント使用のライセンス料を肩代わりして支払う、といったことはできかねます。該当のフォントが使えるサービスをご自身で契約していただくことが前提となりますのでご注意ください。

お問い合わせ情報

制作者株式会社SHARESL
WEBサイトhttps://sharesl.net/
主な業務WEB制作/自社サービスの開発・運営
問い合わせ先

弊社ではBASEのAPI利用の許認可を取得しているため、自由にカスタマイズしたECサイトの構築も可能です。
Amazonや楽天、ZOZOTOWNなど、他社が提供するECプラットフォームに出品するだけでなく、自社の独自ドメインでECサイトを運用したい企業様は気軽にご相談ください。

お問い合わせ先はこちら