BASE(ベイス)テンプレートSEEDを作りました

BASEカスタマイズ用テーマ「SEED」を作成・販売開始しました。→ デモサイト

以下SEEDのテーマ別設定(ベイスの管理画面から各自で編集できる設定)について解説しておきます。

SEEDのテーマ別設定について

SEEDデモサイトのスクリーンショット

1. ロゴまたはショップ名

これは基本設定ですが、ショップロゴまたはショップ名が表示されます。ロゴのサイズは高さに合わせて自動調整されます。

2. キャッチコピー

ショップを表すキャッチコピーを表示できます。表示のOn/Offは任意で切り替えられます。

3. メインスライド

トップページにスライドを3枚まで表示できます。画像を1枚のみ登録した場合はスライドせずメインイメージ画像となります。

利用のOn/Offは切り替えられます。

画像の登録、画像にリンクを設定する場合はリンク先URLの登録が可能です。

BASEテーマ・スライド設定画面

4. ナビゲーションカラー

基本設定ですが、ナビゲーションメニューの色、メッセージアイコンの背景色を一括で設定できます。

*メッセージ機能は「メッセージApp(無料)」をインストールする必要があります。

5. 6. カテゴリーメニューの背景色・文字色

ナビゲーションメニューのカテゴリーを開いたときの文字色・背景色を大カテゴリ、中カテゴリと個別に指定できます。

*カテゴリー機能の利用には「カテゴリ管理App(無料)」のインストールが必要です。

7. おすすめ情報の表示

おすすめの商品などを表示できます(On/Off切り替え可・最大3アイテム)。おすすめ商品のタイトルは「Recommend Item」となっていますが、「おすすめ」「期間限定」など自由に変更することができます。

BASEテーマ・おすすめ商品の登録画面

8. 〜 10.おすすめ商品の登録

おすすめ商品の設定には「画像」「タイトル」「かんたんな説明(15〜20文字程度を推奨)」「リンク先URL」を設定できます。

画像のみ必須です。*画像の登録が無い場合は何も表示されません。

SEEDデモサイトのスクリーンショット2

11. 12. お知らせ機能

まずBASEの基本設定として、ブログApp(無料)をインストールしており「この記事を固定する」にチェックを入れたブログ記事がある場合、トップページに固定記事のタイトルが表示されます。

通常ではトップページに表示できる記事は1件だけですが、「固定ブログの代わりに新着ブログ記事を表示」にチェックを入れると、固定記事を含めた新着記事をトップページに表示できます。

初期値のタイトルは「News」となっていますが、自由に変更可能です。表示件数は初期値で3件ですが、こちらも自由に変更できます。

BASEテーマ、お知らせ欄の設定画面

13.〜22. 告知エリア

一番設定箇所が多い告知エリアです(On/Off切り替え可)。トップページ、商品詳細ページ、ショップについて(about)ページで大画面表示されます。

告知エリアでは「タイトル」「説明」「背景色」「背景画像(使用は任意)」「ボタンの文字内容」「ボタンの色」「ボタンの背景色」を設定できます。

背景色と背景画像を両方設定すると、自動的に背景色が透過処理され合成された背景となります。

BASEテーマ、告知エリアの設定画面

23. 商品一覧の見出し

トップページ(全商品)、カテゴリーページ*、検索結果ページ*で商品の一覧を表示させる際のタイトルを変更できます。(* カテゴリ管理App、商品検索Appのインストールが必要)

SEEDデモサイトのスクリーンショット3

24. 25. フッタ−の背景色と文字色を設定

フッタ−部分の背景色、文字色を自由に変更できます。

独自CSSの追加

独自CSSを追加することができます。(styleタグは不要です)

追加された独自CSSは最後に読み込まれるので、基本的に他のCSS設定を上書きします(セレクタによる)。

いまのところ不要な機能ですが、今後デザインマーケットの販売が許可された場合、「購入したテーマのHTMLを独自で編集しているとアップデート版を受け取れなくなる」ようなので実装しておきました。

BASEテーマ、SEEDのご注文について

現在はBASEショップ当店WEBショップで販売しています。(デザインマーケットでの販売はBASEの審査完了待ち)

HTMLコードをダウンロードするデータ商品なので、「HTML編集App(無料)」を利用しご自身でのコピー&ペーストが必要です。

ミフネSHOPでは、↓のクーポンコードを使えば3,850円でお買い求めいただけるのでぜひご活用ください。ご質問やご要望もお待ちしています。

SEEDクーポンコード(2020年9月末まで)

ミフネSHOPで、Seedご注文の際にクーポンコード「RFGW6TSS」をご入力いただくと2,000円引のお値段でご注文いただけます。

クーポンコードの期限は2020年9月末です。