fuwari / BASEデザインマーケットテンプレート説明書ネットショップのデザインをもっと自由に

また訪れたくなる場所

▽

すっきりとしたデザインに少しだけ「ふわり」をプラスしています。

もちろん簡単にカスタマイズできます。
そして、スマートフォンでもシンプルです。

▽

デモショップ：https://125naroom.com/sample_fuwari/

SALE

fuwari

BASE DESIGN MARKET

ネットショップのデザインをもっと自由に

テンプレートの詳しい使い方は、下記をご覧ください。

info

2019.02.13

「販売期間設定App」「ショップコインApp」に対応いたしました。

2018.02.21

商品ページに関連商品が表示されるように対応いたしました。

2017.11.7

「fuwari」の販売がはじまりました。

＜ロゴと背景とフォントとデザイン＞＜メニューとお知らせバナー＞＜スライド画像＞＜おすすめ商品＞＜News＞＜MOVIE YouTube＞＜商品サムネイル＞＜告知バナー＞＜aboutと地図とQ&A＞＜SNSとその他の機能＞＜対応BASEアプリ＞ 125naroomのこと

＜ロゴと背景とフォントとデザイン＞

＜ロゴ＞

オリジナルのロゴを自由に使用できます。
＊オリジナルのロゴ画像を使用する場合のおすすめサイズは、幅500pxがおすすめです。
フォント（8種類）を変更できます。
- Gill sans
- Roboto
- Quicksand
- Oswald
- Noto Serif
- Georgia
- Hiragino Mincho Pro
- Meiryo
フォントカラー、太さ、サイズ、位置（センター、左寄せ、右寄せ）を変更できます。＊各タイトル共通

＜ロゴの下のテキスト＞

ロゴの下にテキストを入れることができます。サブタイトル、お店の紹介文などご自由にお使いください。
表示、非表示を選べます。
＊ロゴの下のテキストを使用するときは＜ロゴの下のテキスト＞ON/OFFを「ON」にすることをお忘れなくです。
フォントカラーを自由に変更できます。

＜背景＞

背景色と背景画像が自由に選べます。
サンプル背景画像を3種類用意しました。
オリジナルの背景画像を使用したい場合は、「画像を使用する」をONにしてカメラボタンを押して画像を登録してください。
＊その際、＜背景＞サンプルは「使用しない」を選択するのをお忘れなくです

＜全体のフォントカラー＞

全体のフォントカラーを自由に変更できます。
＊ロゴ、ロゴの下にテキスト、メニュー、フッターは別項目で変更できます。

＜全体のフォント＞

フォント（3種類）を変更できます。
＊ロゴ、各タイトルは別項目で変更できます。
- Gill sans
- Roboto
- Quicksand

＜全体のデザイン＞

セクションごとにまとまりのある【ボックスデザイン】とシンプルな【フラットデザイン】の2種類を用意しました。
＊デザインは「プレビュー」でご確認いただければと思います。

＜全体の幅＞

全体の幅（ノーマル、少し狭い、少し広い）を変更できます。

▲
目次に戻る

＜メニューとお知らせバナー＞

＜メニュー＞

フォントカラー、背景色を自由に変更できます。
各項目のテキストを変更できます。
外部リンク（オフィシャルサイトなど）を表示できます。
外部リンクのテキスト、URLを変更できます。

＜お知らせバナー＞

左上にお知らせバナーを入れることができます。自由にご利用ください。
表示、非表示を選べます。
＊お知らせバナーを使用するときは＜お知らせバナー＞ON/OFFを「ON」にすることをお忘れなくです。
カタチ（まる、しかく）を選択できます。
テキスト、フォントカラー、背景色を自由に変更できます。
リンクのON/OFFが選べます。

▲
目次に戻る

＜スライド画像＞

トップページにスライド画像を掲載できます。
表示、非表示を選べます。
＊スライド画像を使用するときは＜スライド画像＞ON/OFFを「ON」にすることをお忘れなくです。
最大4枚まで自由に表示できます。
各画像にリンクを貼ることができます。
スライドページャー（矢印と丸印）の表示、非表示を選べます。
＊スライドページャー（丸印） → スライド画像の下のほうにある「○●○○」。

▲
目次に戻る

＜おすすめ商品＞

おすすめ商品を1点掲載できます。トップページだけでなく商品ページにも表示されます。
表示、非表示を選べます。
＊おすすめ商品を使用するときは＜おすすめ商品＞ON/OFFを「ON」にすることをお忘れなくです。
カタチ（まる、しかく）を選択できます。
画像、テキストを自由に変更できます。
＊改行、テキストリンクも自由にできます。（下記を参考をどうぞ）

See the Pen qPgqaz by 125naroom (@125naroom) on CodePen.

▲
目次に戻る

＜News＞

トップページにお知らせ欄を掲載できます。
表示、非表示を選べます。
＊Newsを使用するときは＜News＞ON/OFFを「ON」にすることをお忘れなくです。
テキストを自由に変更できます。
＊改行、テキストリンクも自由にできます。（下記を参考をどうぞ）

See the Pen <a &rt;リンク by 125naroom (@125naroom) on CodePen.

▲
目次に戻る

＜MOVIE＞YouTube

＜MOVIE＞

トップページに CM動画を掲載できます。
表示、非表示を選べます。
＊MOVIEを使用するときは＜MOVIE＞ON/OFFを「ON」にすることをお忘れなくです。
テキストを自由に変更できます。
再生ボタンをテキストボタンか画像ボタンが選べます。
テキストボタン選択時はテキストを変更できます。
画像ボタン選択時はオリジナルの画像を挿入できます。
＊オリジナルの画像を作る際のサイズは800px×450pxがおすすめです。
YouTubeの埋め込みURLのIDを入力することで動画を表示することができます。
＊使用するYouTubeページのURL「https://www.youtube.com/watch?v=*******」の「*******」を入力してください。