BASEデザインマーケット「fuwari」 125naroomfuwari

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

また訪れたくなる場所



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

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

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

SALE

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

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

info

2018.02.21

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

2017.11.7

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

ロゴ背景フォントデザイン

fuwari 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種類を用意しました。
    *デザインは「プレビュー」でご確認いただければと思います。

<全体の幅>

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


目次に戻る

メニューお知らせバナー

fuwari 125naroom

<メニュー>

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

<お知らせバナー>

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


目次に戻る

スライド画像

fuwari 125naroom

<スライド画像>

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


目次に戻る

おすすめ商品

fuwari 125naroom

<おすすめ商品>

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

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


目次に戻る

News

fuwari 125naroom

<News>

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

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


目次に戻る

MOVIE>YouTube

fuwari 125naroom

<MOVIE>

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


目次に戻る

商品サムネイル

fuwari 125naroom

<商品サムネイル>

  • タイトルを自由に変更できます。
  • カタチ(まる、しかく)を選択できます。


目次に戻る

告知バナー

fuwari 125naroom

<告知バナー>

  • フッター近くに告知バナーを掲載できます。トップページだけでなく他のページにも表示されるので自由にご利用ください。
  • 表示、非表示を選べます。
    *告知バナーを使用するときは<告知バナー>ON/OFFを「ON」にすることをお忘れなくです。
  • リンクのON/OFFが選べます。(外部リンクも可)


目次に戻る

about地図Q&A

fuwari 125naroom

<aboutページ>

  • aboutページ専用の画像を表示できます。
  • 表示、非表示を選べます。
    *aboutページ専用の画像を使用するときは<aboutページ>画像ON/OFFを「ON」にすることをお忘れなくです。
  • aboutページの文章は、ショップ設定の「ショップの説明」から入力できます。

<aboutページ>アクセス(地図)

  • 表示、非表示を選べます。
    *アクセス(地図)を使用するときは<aboutページ>アクセスON/OFFを「ON」にすることをお忘れなくです。
  • aboutページの文章は、ショップ設定の「ショップの説明」から入力できます。
  • テキストを自由に変更できます。
  • Google mapの埋め込みURLを入力することで地図を表示することができます。

<Q&A>

  • 表示、非表示を選べます。
    *Q&Aを使用するときは<Q&A>ON/OFFを「ON」にすることをお忘れなくです。
  • テキストを自由に変更できます。


目次に戻る

SNSその他の機能

fuwari 125naroom

<SNS>

  • SNS(Twitter、Facebook、Ameba、Instagram)のアイコンの背景色を変更できます。(SNSの設定はショップ設定から登録できます)
  • いいね!ボタンの表示、非表示を選べます。
  • ツイートボタンの表示、非表示を選べます。

<フッター>

  • フォントカラー、背景色、コピーライトを変更できます。

<商品検索>

  • デフォルトのテキストを変更できます。(*商品検索App利用時)

<ページトップボタン>

  • 右下にページトップボタンを用意しています。
  • クリックするとスムーズにページトップに移動します。

<レスポンシブ対応>

  • 「デフォルトのモバイルテーマを使用」のチェックはしないようにお願いします。
    *こちら要注意です。(こちらにチェックがはいっていると「fuwari」のデザインが反映されません)


目次に戻る

<対応BASEアプリ

fuwari 125naroom

<対応BASEアプリ>

  • セールApp
  • レビューApp
  • カテゴリ管理
  • Blog
  • 海外対応
  • デジタルコンテンツ販売
  • ラベル
  • BASEロゴ非表示
  • 商品検索

*「fuwari」は、すべてのBASEアプリに対応しています。

BASE Apps


目次に戻る

125naroomのこと>

fuwari 125naroom

125naroomです。

「いちにぃごなるーむ」と読みます。

写真を撮ったり
絵を描いたり
何かを作ったり

下記はHPになります。
お時間ありましたらこちらも見ていってください。

125naroom HP


ありがとうございます。
素敵な日々を


舟見和利 / 125naroom


目次に戻る

SALE

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


目次に戻る


トップに戻る

a day

- 素敵な日々を -