FITNESS -オンライン-
¥6,250
※ショップの表示に影響のあるAppsの一覧です。
その他のAppsは全てご利用いただけます。
ジムやフィットネスをテーマにデザインを起こしたクールで無機質な印象のBASEデザインテーマ。
無駄な装飾がほとんどないシンプルなデザインなので、どなたでも使いやすいテーマです。
商品画像や配色によってガラッと印象を変えられるため、様々な商品の販売に対応できます。
オンラインレッスンにおすすめです！
=======================================
詳しい使い方はこちら
https://sharesl.net/base/fitness/
デモサイトはこちら
https://sharesl.net/base/fitness/demo/
※デモサイトは見た目の確認用です。
実際にBASEショップで作成したものではないため、機能や仕様が異なります。対応しているBASE Appsなども含めて機能や仕様の確認が必要な場合はプレビュー機能をご利用ください。
=======================================
■ 特徴
・シンプルで使いやすいデザイン
・フォントや背景色、文字色、リンク色、ボタンの色などを簡単に一括で変更可能
・ON/OFFの簡単操作で各機能を表示・非表示
・複数デバイスに対応するレスポンシブデザイン
・YouTube動画や画像、フリースペーステキストやCTAエリアなど任意のコンテンツを追加できる箇所が豊富
-------------------------------------
■ カスタマイズ
・カラー変更
色をすることで、サイトの印象を変えることができます。
背景色以外やロゴの色以外にこのテーマでは以下の部分の色を自由に変更できます。
-------------------------------------
【テキストカラー】
テキスト全体の文字色。背景色に合わせて視認性の良い色味を設定できます。
【ポイントカラー】
テキストリンクの文字色やマウスオン時に変化する色、お問い合わせの必須タグなどサイト内でポイントとなる色を一括で設定できます。
【その他各パーツを細かく変更できます】
スマホ：メニュー背景色
スマホ：メニュー文字色
TOP：ブログ固定記事 背景色
TOP：ブログ固定記事 文字色
セール価格：文字色
割引タグ：背景色
割引タグ：文字色
SOLD OUTタグ：背景色
SOLD OUTタグ：文字色
予約商品タグ：背景色
予約商品タグ：文字色
抽選販売タグ：背景色
抽選販売タグ：文字色
COMING SOONタグ：背景色
COMING SOONタグ：文字色
VIEW MORE：ボタン背景色
VIEW MORE：ボタン文字色
BLOG：背景色
BLOG：文字色
下層ページ：見出し背景色
下層ページ：見出し文字色
お問い合わせ：ボタン背景色
お問い合わせ：ボタン文字色
商品詳細：カートに入れるボタン 背景色
商品詳細：カートに入れるボタン 文字色
商品詳細：関連商品 背景色
商品詳細：関連商品 文字色
-------------------------------------
・テキスト
文章全体はデフォルトは明朝体ですが、ゴシック体など7種類の和文フォントに変更できます。
・ロゴ
テキストロゴの場合はフォントを変更できます。
欧文フォント11種類、和文フォント7種類の中から選べます。
ロゴ画像の場合はサイズの微調整が可能です。
※サイトのデザイン上、極端な縦長・横長のロゴは縮小表示される可能性がありますのでご了承ください。
・TOPページ
- メイン画像
スマホ用とPC用でそれぞれ違う画像を設定できます。
PCは横長、スマホは縦長の画像に切り替えることでよりデバイスに合ったデザインにできます。
非表示にすることも可能です。
※画像の推奨サイズ
PC : 横2880 × 縦1200（px）
スマホ : 横750 × 縦600（px）
- PICK UP
TOPページに任意の商品を3つ、PICK UPとしてメインコンテンツの上部に表示させることができます。
※画像の推奨サイズ
横750 × 縦720（px）です
- サイト概要コンテンツエリア
TOPページに画像・タイトル・文章の簡単なサイト概要コンテンツを掲載できます。
※画像の推奨サイズ
横660× 縦450（px）です。
- フリービジュアル
TOPページ商品一覧の直ぐ上に画像を追加できます。
サイトデザインのアクセントとしてお使いいただけます。
※画像の推奨サイズ
横1440× 縦630（px）以上~
- BLOG（BlogApp）
TOPページにBLOG（BlogAppの記事）を3~5件までTOPに表示できます。
表示・非表示を設定できます。
・ABOUTページ
コンセプトやショップ情報、FAQを表示できます。
- メイン画像
ABOUTページ画面上部に画像を設置できます。
※画像の推奨サイズ
横2880×縦1140（px）
- 画像タイトル
ABOUTページメイン画像の下部に重なるようにデザインされたタイトル文字を変更できます。
フォント変更も可能です。
欧文フォント11種類、和文フォント7種類の中から選べます。
フォントサイズも5段階で変更可能です。
- コンテンツ画像
PCではショップ説明の右側、スマホではショップ説明の上に4枚までイメージ画像を設置できます。
ショップの外観など掲載したい画像がある場合にお使いください。
空にすると非表示になります。
※画像の推奨サイズ
横600×縦400（px）
- フリースペースエリア
ショップの説明の下にフリースペースを設けています。
自由にテキストを追加できます。
・FAQ
FAQコンテンツをABOUTページ下部に最大10件追加できます。
・その他の機能
- YouTube動画の埋め込み
問い合わせページ以外の全ページにYouTube動画を埋め込めます。
TOPページはメイン画像直下、
その他のページはページ下部CTAエリアのすぐ上に配置します。
- CTAエリア
フッターの直ぐ上にお問い合わせや外部リンクなどへ導線が簡単につくれるCTAエリアを設置可能です。
※CTAエリアの画像の推奨サイズ
横2880×縦1080（px）
- 商品詳細ページ：詳細テキスト フリースペース
商品情報の下に下にフリースペースを設けています。
自由にテキストを追加できます。
送料や注意事項など一括で商品ページすべてに掲載しておきたい情報などがあればお使いください。
- 商品詳細ページ：関連商品
関連商品の表示・非表示を設定できます。
- フッター
フッターロゴの表示・非表示を設定できます。
- 「この記事を固定する」機能対応
Blog Appを使用して記事を投稿する際、「この記事を固定にする」にチェックを入れると各記事リストの先頭に固定記事が表示され、TOPページのメイン画像下にテキストリンクで記事が固定表示されます。メイン画像がない場合は最上部になります。
- 独自のスタイルシートを追加【上級者向け機能】
独自のスタイルシートでCSSを上書きできます。独自拡張になりますので上級者向けです。意味がわかる方のみご使用ください。テーマにもともと入っているCSSファイルの詳細についての質問は、お問い合わせいただいても細かくお答えできかねます。上書きする場合は確かな知識をお持ちの方が自己責任でお願いいたします。
※画像のサイズについてのご注意
アップロードできる画像の容量は上限1MBとなっています。
推奨サイズで作成した画像の容量が1MBより大きくなってしまう場合は画像圧縮ツールなどを活用することで容量を軽くできます。
-------------------------------------
■モバイル設定について
レスポンシブコーディングしていますので、スマホ・タブレット・PCでご覧いただけます。デザイン編集からデフォルトのモバイルテーマを使用をオフにしてお使いください。
-------------------------------------
■対応Appsについて
・BASEロゴ非表示App
・ラベルApp
・BlogApp
・カテゴリ管理App
・商品検索App
・レビューApp
・セールApp
・ショップコインApp
・販売期間設定App
・予約販売App
・デジタルコンテンツApp
・メッセージApp
・送料詳細設定App
・商品説明カスタムApp
・抽選販売App
・テイクアウトApp
・商品オプションApp
・コミュニティApp
・定期便App
・お知らせバナーApp
・再入荷自動通知App
・年齢制限App
・メールマガジンApp
・メンバーシップApp
※英語・外貨対応Appは対応していません
※ショップの表示に影響のあるAppsの一覧です。その他のAppsは全てご利用いただけます。
---------------------------------------
■更新情報
・2023/06 メンバーシップAppに対応しました。
・2022/04 メールマガジンAppに対応しました。
・2021/12 お知らせバナーAppに対応しました。
・2021/11 年齢制限Appに対応しました。
・2021/09 「Youtube」「note」「Tik Tok」をSNSアイコンリンク一覧に追加しました。
・2020/11 コミュニティAppに対応しました。
・2020/06 テイクアウトAppに対応しました。
・2020/04 抽選販売Appに対応しました。
・2020/04 商品説明カスタムAppに対応しました。
=======================================
もっと詳しいテーマの詳細はこちら
https://sharesl.net/base/fitness/
テーマの関するご質問・ご要望はこちらから
https://sharesl.net/contact/
よくある質問はこちら
https://notes.sharesl.net/articles/1952/
=======================================
