• 
• 
• 
• 
• 
• 
• 
• 

BOLD.〈 ボールドドット 〉は太字ゴシック体のフォントを活かしたデザインが特徴です。

インパクトのある見た目。
使いやすい1カラムレイアウト。
充実のデザインオプション。

初心者でも設定しやすく、様々な商品の販売にご利用いただけます。

その他の特徴
・テーマカラー設定で簡単にカラー変更可能
・メニュー内に任意のテキストリンクを追加可能
・TOPページにスライド、YouTube動画、ピックアップ、お知らせ、ブログリスト、バナー画像を設置可能。
・TOPページのコンテンツの順番を変更可能
・ABOUTページにショップ情報、YouTube動画、アクセス情報、GoogleMap、FAQを設置可能
・「商品説明カスタムApp」や「予約販売App」「抽選販売App」「商品オプションApp」など便利なAppに対応

============================================
◆ BOLD.を利用したデモショップ
https://bolddot.base.ec/

◆ テーマの詳細はこちら
https://fromo.dev/base/bold-dot/
============================================

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

▼ テーマ概要

◆ テーマカラー
全体の配色を一括で変更できます。
ここ以外でカラー設定を変える必要がほとんどないので、配色設定が簡単です。
シンプルな配色を13パターン用意しました。

◆ ロゴ
・ロゴ画像
ロゴの表示形式を「デフォルト」「横長」「縦長」「正方形」の4つから選んで設定できます。
ロゴ画像の形によって選択肢を変更することでサイトになじませることができます。
また、背景色の有無の切り替えが可能。
配置もデフォルトの左上固定配置ではなく、コンテンツの最上部中央に配置する切り替えが可能です。

・テキストロゴ
テキストロゴの場合はフォントとサイズをPCとスマホでそれぞれ5段階で調整可能です。
あまり長すぎるロゴは改行されてしまうのでご注意ください。
※テキスト量が多くて改行されてしまう場合は『【ロゴ】コンテンツ上部に配置』を設定することを推奨しています。

◆ フッター
・SNSアイコン
表示・非表示を切り替え可能です。

◆ メニュー
サイト右上のボタンで開閉できるメニューにリンクを収めているので、
ヘッダー周りがスッキリしたデザインになります。
メニュー内には任意のテキストリンクを3つまで追加することが可能です。

◆ カテゴリーメニュー
カテゴリ管理App利用時にPC表示の際、画面左側に固定表示される「CATEGORY」というメニューを表示できます。
カテゴリーメニューはマウスポインタを載せるだけで開き、カテゴリー一覧のみをすぐ見れるようにしたメニューです。

◆ TOPページ
・メインビジュアル
YouTube動画もしくはスライドを設置できます。
動画とスライドを同時に表示はできません。どちらか一方のみの表示になります。
スライドを表示したい場合はテーマ設定で必ずYouTube動画をOFFにしてください。

・YouTube動画
メインビジュアル部分で動画を無音で自動再生・無限ループさせます。
商品の仕様を印象的に伝えたい場合に使える機能となります。
静止画より動画の方がユーザーの興味や注意を引き付ける効果があります。
YouTube動画のページのURL、もしくは動画ページの「共有」で表示されるURLを貼り付けることで動画を表示させることができます。動画上に見出しや説明を付けたりリンクボタンを付けることも可能です。
※ 動画上に見出しを設定した場合、動画は背景動画として扱われるため、フルサイズで表示されません。
※ 動画上に見出しを設定しない場合はフルサイズで表示されます。
※ ここではあくまでもデザインの一つとして動画を使うことを目的としている機能のため無音再生となります。
音声付きのYouTube動画を埋め込みたい場合は、Aboutページで埋め込み可能です。

・スライド
スライドを最大3枚設定できます。
【推奨画像サイズ】
PC 横2640×縦1320（px）
スマホ 横690×縦1040（px）

再生間隔の調整や、スライドが切り替わる時のアニメーションの変更も可能です。
また、各スライドごとに見出しや説明を付けたりリンクを付けることも可能です。
もちろん1枚表示や非表示にもできます。

・バナー
バナー画像を4つまで設定可能です。
【推奨画像サイズ】
横660×縦495（px）

・ABOUT
TOPページにABOUTページへの導線コンテンツを設置できます。

・PICK UP
ピックアップ商品をスライド形式で最大6件まで追加できます。
【推奨画像サイズ】
PC 横820×縦1120（px）
スマホ 横520×縦692（px）

・商品一覧
画像の表示形式を設定できます。
- デフォルト => アップした画像がそのまま表示されます。
- 枠を埋める（正方形） => 画像が正方形になります。画像は自動的に枠を埋めるようにトリミングされます。
- 枠を埋める（長方形4:3） => 画像が4:3の横長長方形になります。画像は自動的に枠を埋めるようにトリミングされます。
- 枠を埋める（長方形3:4） => 画像が3:4の縦長方形になります。画像は自動的に枠を埋めるようにトリミングされます。

【商品登録画像の推奨サイズ】
長方形4:3 => 横1280×縦960（px）
長方形3:4 => 横960×縦1280（px）
正方形 => 横1280×縦1280（px）
※あくまでも目安です。

・ブログリスト
ブログ記事リストをTOPページに表示可能です。
表示する記事の上限を最大4、8、12件から選択できます。
こちらも商品一覧と同じく画像の表示形式を設定できます。

【推奨画像サイズ】
長方形4:3 => 横1280×縦960（px）
長方形3:4 => 横960×縦1280（px）
正方形 => 横1280×縦1280（px）
※あくまでも目安です。

・お知らせ
お知らせを最大5件まで表示可能です。
リンクを付けることも可能です。

・CTAエリア
CTAとは「Call To Action」の略で、日本語で言えば「行動喚起」という意味になります。
このエリアはユーザーを目的とする行動やページへの誘導・導線としてお使いいただけます。
デモサイトでは公式サイトに誘導する導線として使っています。
背景・見出し・説明・リンクボタンのカスタマイズが可能です。

【推奨画像サイズ】
PC 横2640×縦1200（px）
スマホ 横690×縦600（px）

・コンテンツの並び替え
TOPページのコンテンツを任意の順番に並び替えることができます。
並び替えられるのは「バナー」「ABOUT」「PICK UP」「PRODUCTS」「BLOG」「NEWS」の6つのエリアになります。

◆ ABOUTページ
メイン画像、ショップ説明、YouTube動画、アクセス情報、GoogleMap、FAQを設定できます。
FAQは最大10件まで設定可能です。

◆ 商品ページ
購入ボタンの色変更、フリーテキスト、関連商品の表示・非表示を設定できます。
フリーテキストは商品説明のすぐ上に設定できます。
商品ごとに個別にではなく一括ですべての商品ページに設定できるので、注意事項や今だけ使えるクーポンコード、キャンペーンについてなどすべての商品で購入の際に伝えておきたい内容を掲載することができます。

◆ その他
・スクロール時のアニメーション
このテーマにはスクロール時にコンテンツを表示させるアニメーションが適用されていますが、任意で停止することができます。
ONにするとアニメーションあり、OFFにするとアニメーションなしになります。

・任意のCSSを追加
CSSの知識がある方はこちらに追記することでデザインのカスタマイズが可能です。

◆ スマートフォン用設定
・スマートフォン用のデフォルトテーマを使用する
ONの場合は、スマホ表示の際にBASEで用意されているモバイルテーマが適用されます。
「BOLD.」のスマホデザインをご利用の場合は必ずこちらの設定をOFFにしてください。

============================================
◆ テーマの詳細はこちら
https://fromo.dev/base/bold-dot/

◆ ご質問・ご要望については下記サイトよりお願いいたします。
https://fromo.dev/
============================================

◆ 更新情報
2024.2 SNSアイコン各種を変更しました。
2023.09 商品ページに「残り1点」表示機能追加
2023.05 メンバーシップAppに対応しました。
2022.10 商品詳細ページで画像の表示サイズを調整しました。
2022.10 商品詳細ページで「PC表示時に商品画像をスクロールに追従させる」機能をテーマ設定に追加。ON・OFFで切り替え可能です。
2022.03 「OGP画像」から商品ページ以外のSNSシェア時のOGP画像を設定できるようにしました。
2022.03 TOPページピックアップ 「【PICK UP】文字サイズ」から文字の大きさを5段階で調整できるように修正しました。
2022.02 商品ページ スライドの不具合を修正しました。
2022.01 メールマガジンAppに対応しました。各ページメルマガ登録フォームの設置、フォームに説明文を追加できるようにテーマ設定に「【メールマガジンApp】説明文」を追加しました。
2021.12 お知らせバナーAppに対応しました。
2021.10 年齢制限Appに対応しました。
2021.09 メニュー内・フッターに表示するSNSへのリンクに「Youtube」「TikTok」「note」を追加しました。ショップ設定→SNS設定からアカウントID等必要な情報を設定するとアイコンリンクが表示されます。
2021.08 TOP メインビジュアル スマホ表示時に上部ロゴやメニューボタンが重ならないように修正しました。
2021.08 TOPメインビジュアル スライドの代わりにYouTube動画を設置できるように機能追加しました。
2021.08 TOPスライド 画像を推奨サイズ以上の大きさで設置した場合でも途切れず表示されるように修正しました。