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

fuwari

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

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

また訪れたくなる場所



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

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

デモショップ:https://fuwariplus.base.shop/

SALE

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

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

info

2022.01.19

<対応BASEアプリ>「お知らせバナーApp」「メールマガジンApp」に対応いたしました。

2021.09.29

ショップで設定できるSNSの追加(YouTube / TikTok / note)に対応いたしました。

2020.07.15

<対応BASEアプリ>「商品オプションApp」「テイクアウトApp」「抽選販売App」に対応いたしました。

22020.03.18

<対応BASEアプリ>「商品説明カスタムApp」に対応いたしました。

2019.06.21

<対応BASEアプリ>「予約販売App」に対応いたしました。

2019.02.13

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

2018.02.21

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

2017.11.7

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

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

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

<ロゴ>

  • オリジナルのロゴを自由に使用できます。
    *オリジナルのロゴ画像を使用する場合のおすすめサイズは、幅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 / BASEデザインマーケット テンプレート説明書 ネットショップのデザインをもっと自由に

<メニュー>

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

<お知らせバナー>

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

スライド画像

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

<スライド画像>

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

おすすめ商品

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

<おすすめ商品>

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

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

News

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

<News>

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

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

MOVIE>YouTube

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

<MOVIE>

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

商品サムネイル

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

<商品サムネイル>

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

告知バナー

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

<告知バナー>

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

about地図Q&A

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

<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 / BASEデザインマーケット テンプレート説明書 ネットショップのデザインをもっと自由に

<SNS>

  • いいね!ボタンの表示、非表示を選べます。
  • ツイートボタンの表示、非表示を選べます。

<フッター>

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

<商品検索>

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

<ページトップボタン>

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

<レスポンシブ対応>

  • 商品一覧は、スマートフォンの大きさ(幅)によって【1列表示】か【2列表示】に変わります。
    例えばiPhone7、8、Xでしたら【2列表示】になります。Android(アンドロイド)端末も同様にスマホの幅によって【1列表示】か【2列表示】に変わります。
    幅の狭いスマートフォンは【1列表示】になります。
    ▽例
    【1列表示】iPhone5/SE、など(幅の狭いスマートフォン)
    【2列表示】iPhone7、8、X、など
  • スマートフォン表示にて「fuwari」のデザインを表示したい場合は、テーマ設定の「スマートフォン用デフォルトテーマを使用する」をOFFにしてお使いください。
    (初期状態ではONになっておりますのでご注意ください。)
    *こちら要注意です。(こちらにチェックがはいっていると「fuwari」のデザインが反映されません)

<対応BASEアプリ

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

<対応BASEアプリ>

  • メッセージ
  • カテゴリ管理
  • 送料詳細設定
  • BASEロゴ非表示
  • デジタルコンテンツ販売
  • 英語・外貨対応
  • Blog
  • ラベル
  • 商品検索
  • 定期便
  • レビュー
  • セール
  • ショップコイン
  • 販売期間設定
  • 予約販売
  • 抽選販売
  • 商品説明カスタム
  • 商品オプション
  • テイクアウト
  • お知らせバナー
  • メールマガジン

BASE Apps

125naroomのこと>

125naroom

125naroomです。

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

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

125naroom HP


素敵な日々を


125naroom

SALE

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