Go Camp
¥8,250
※ショップの表示に影響のあるAppsの一覧です。
その他のAppsは全てご利用いただけます。
BASEデザインテンプレート「Go Camp」はキャンプやアウトドアイベントをイメージしてデザインを起こしたテーマです。
写真を引き立てるリッチなデザインレイアウトが特徴で、
ビジュアル表現がしやすいため他より手間をかけてカッコいいサイトを作りたい方におすすめです!
逆に画像がなくても背景設定とテーマカラーを設定するだけでサイトが成立するようになっていますので、
シンプルに商品画像だけを綺麗なレイアウトで並べたい!という要望にもお応えできるテーマとなっています。
もちろん個別で色味を変えたり、不要なコンテンツを非表示にしたりと細かく幅広いカスタマイズが可能です。
弊社が販売しているテーマの中では設定が比較的簡単で扱いやすいテーマとなっております。
ぜひご利用ください!
=======================================
テーマの詳しい使い方はこちら
https://sharesl.net/base/go-camp/
デモサイトはこちら
https://sharesl.net/base/go-camp/demo/
※デモサイトは見た目の確認用です。
実際にBASEショップで作成したものではないため、機能や仕様が異なります。対応しているBASE Appsなども含めて機能や仕様の確認が必要な場合はプレビュー機能をご利用ください。
=======================================
■対応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は全てご利用いただけます。
-------------------------------------
■ カスタマイズ
・テーマカラー変更
色を変更することで、サイトの印象を変えることができます。
個別の項目で細かい部分ごとに好きな色に設定することも可能ですが、
このテーマの場合は6つの選択肢から選ぶだけで背景色・ロゴ以外の配色を一括で設定できます。
配色が難しい場合は、選択肢を選んでその背景色を選択肢に書いてある推奨色かそれに近い色を設定すると簡単です。
テーマカラーとその背景の推奨色
デフォルト => #131414
White => #FFFFFF
Light => #FEFEFE
Gray => #303030
Natural => #EADBBC
Lip => #FFFFFF
※ オリジナルの配色を設定したい場合は必ずテーマカラーを「デフォルト」に設定してください。他のテーマカラーを設定しているとテーマカラーが優先されるため個別のカラー設定が一部しかできなくなります。
「背景設定にテーマカラーの推奨色を優先する」という項目をONにすると自動的に背景色を推奨している色に設定します。
※この項目をONにすると背景設定から背景画像や背景色の設定が効かなくなりますので、背景を変えたい場合はOFFにしてください。
-------------------------------------
・フォント
文章全体はデフォルトはゴシック体ですが、明朝体・丸ゴシックにも変更できます。
明朝体を選ぶと高級感が、丸ゴシックを選ぶと温かみが出ます。
サイトの雰囲気に合わせて変えてみてください。
・ロゴ
テキストロゴの場合はフォントを変更できます。
13種類の中から選べ、文字サイズもスマホ/PCそれぞれで10段階で調整可能です。
※サイトのデザイン上、極端な縦長・横長のロゴは縮小表示される可能性がありますのでご了承ください。
※ テキストが長くなりすぎると改行されすぎて表示が途切れますので長くても10文字前後のシンプルなロゴを設定してください。
-------------------------------------
TOPページ
・メインビジュアル
TOPページのメインビジュアル画像を変更できます。
スマホ用とPC用でそれぞれ違う画像を設定できます。
PCは横長、スマホは縦長の画像に切り替えることでよりデバイスに合ったデザインにできます。
非表示にすることも可能です。
また、メインビジュアル上にロゴを配置するか、ナビゲーションの先頭にロゴを配置するかを設定できるようになっています。
・ABOUTコンテンツ
TOPページメイン画像のすぐ下のこのサイトの簡単な紹介文を見出し・説明・背景画像を使って表示できます。
説明の下のリンクボタンが付くようになっており、ABOUTページへの導線となっています。
・ピックアップ
TOPページ商品一覧の上に、画像とタイトルをセットにしたピックアップ商品を4件まで設定できます。
手動での入力にはなりますが、おすすめ商品の表示に使うことができます。
・カテゴリー一覧表示(カテゴリ管理App利用時)
PC表示時に商品一覧の左にカテゴリー一覧を表示します。
・商品一覧
TOPページの商品一覧の表示・非表示を切り替えたりできます。
└「画像を幅いっぱいに合わせる」
ONにするとすべての枠内の商品画像が枠いっぱいに広がり画像の大きさを均一にします。
OFFにすると枠内に収まるようになりますが、画像の大きさは不均一になります。
※ONにすると、画像が小さい場合に引き延ばされます。
・ブログ表示(BlogApp利用時)
TOPページとブログ詳細ページにブログ一覧(BlogAppの記事)を表示できます。
表示件数は最大3、6、9、12件までで選択できます。
-------------------------------------
ABOUTページ
コンセプトやアクセス、FAQなど、お店についてのコンテンツをより詳しく掲載できます。
・メイン画像
ABOUTページ画面上部に画像を設置できます。
キャッチコピーをつけてデザインに変化を加えることもできます。
・コンセプト
ABOUTページにコンセプトとしてテキストコンテンツを追加できます。
・ショップ説明
コンセプトエリアのすぐ下にBASE管理画面「ショップ設定」内の「ショップの説明」に入力した内容が反映されます。
・ショップ情報
店舗の情報を最大4件まで追加できます。
住所・電話番号・FAX・営業時間・定休日・メールアドレス・Webサイト
・FAQ
ABOUTページ下部にFAQコンテンツを最大15件追加できます。
-------------------------------------
商品詳細ページ
任意のテキストを置けるフリースペースの利用、関連商品の表示設定ができます。
-------------------------------------
その他の機能
・スクロールエフェクトを停止する
ONにするとスクロール時に特定の要素が画面内に入るとアニメーションして表示させる演出を停止することができます。
OFFにするとアニメーション演出が作動します。
・フッター
フッターのSNSアイコンを表示・非表示できます。
・メニュー
SNSアイコンを表示・非表示できます
スマホメニューの文字色・背景色などを変更できます。
※PCメニューの文字色はTOPページやABOUTページなど背景画像と被ってしまう部分のみ個別で変更可
・「この記事を固定する」機能対応
Blog Appを使用して記事を投稿する際、「この記事を固定にする」にチェックを入れると各記事リストの先頭に固定記事が表示され、
TOPページのメイン画像下にテキストリンクで記事が固定表示されます。
メイン画像がない場合はナビゲーションの直下になります。
・ 独自のスタイルシートを追加【上級者向け機能】
独自のスタイルシートでCSSを上書きできます。独自拡張になりますので上級者向けです。意味がわかる方のみご使用ください。
テーマにもともと入っているCSSファイルの詳細についての質問は、お問い合わせいただいても細かくお答えできかねます。
上書きする場合は確かな知識をお持ちの方が自己責任でお願いいたします。
※画像のサイズについてのご注意
アップロードできる画像の容量は上限1MBとなっています。
推奨サイズで作成した画像の容量が1MBより大きくなってしまう場合は画像圧縮ツールなどを活用することで容量を軽くできます。
-------------------------------------
■モバイル設定について
レスポンシブコーディングしていますので、スマホ・タブレット・PCでご覧いただけます。
デザイン編集からデフォルトのモバイルテーマを使用をオフにしてお使いください。
-------------------------------------
■更新情報
・2023/06 メンバーシップAppに対応しました。
・2022/04 メールマガジンAppに対応しました。
・2021/12 お知らせバナーAppに対応しました。
・2021/11 年齢制限Appに対応しました。
・2021/09 「Youtube」「note」「Tik Tok」をSNSアイコンリンク一覧に追加しました。
=======================================
もっと詳しいテーマの詳細はこちら
https://sharesl.net/base/go-camp/
テーマの関するご質問・ご要望はこちらから
https://sharesl.net/contact/
よくある質問はこちら
https://notes.sharesl.net/articles/1952/
=======================================