GRAYEL Inc.

BASEデザインテーマ

BASE DESIGN THEME

DENALI

テーマの購入
デモサイト1
デモサイト2
特徴的なアニメーションとメッセージで商品の魅力をアピールするBASEテーマ

DENALIはぼかしを使った特徴的なアニメーションやTOPページにコンセプトや3つのセクションを設け、しっかりとショップと商品を訴求したい方におすすめのテーマです。
商品ページの商品カスタムAppのエリアも大きく設け、全体と背景色を変えることで目立つように設計しています。

また、メインイメージエリアに新着ブログを自動表示するともできるので、ブログに力を入れてる店舗にもおすすめです。

主な特徴

  • BlogAppを使ったメインイメージ
  • 特徴的なレイアウトのフリーエリア
  • Instagram埋め込み
  • 40種類以上から選べるフォント
  • フォントのサイズ・ウェイト自由に設定
  • ABOUTページにショッピングガイド作成
  • ABOUTページによくある質問作成

他にも様々な機能がありますので、以下ご参照ください。

対応APP

テーマ側で対応が必要なAPPにはすべて対応しています。

テーマの購入はこちら

更新履歴

2023.05.27
リリースしました

はじめに

テーマ購入後、BASE管理画面のデザインから購入したテーマを選択してテーマを適用してください。
テーマ適用後にカスタマイズ設定が行えます。

おすすめAPP

以下APP以外にもすべてのAPPに対応しております。

各種設定

背景の設定

サイト全体の背景色は左の背景から選択してください。
派手なカラーやパターンを選ぶと文字や写真が見にくくなるため白・黒・グレーなどの無彩色がおすすめです。

サイト全体のロゴは左のロゴから設定します。
ここで設定するロゴは下層ページやスクロール時のロゴに適用され、TOPページのロゴはTOPページヘッダー – ロゴ（白色推奨）から設定できます。

基本の設定

サイト全体のテキストカラーやフォントを選択します。

  • 基本文字色 / 見易い文字色を選択してください。
  • 各種カラー設定 / SOLD OUTのテキストカラーから各種APP使用時に表示されるアイコンのカラーを設定できます。
  • 本文、見出しの設定 / サイズ感や太さ、フォント自由に設定できます。

ヘッダーやドロワーのメニュー名を設定できます。

  • 各種メニュー名 / 日本語、英語、大文字、小文字自由に設定できます。
  • 追加リンクテキスト / ホームページなど自由にリンクを追加できます。
  • 追加リンクURL / 追加リンクのURLを設定してください。
  • placeholder(検索) / 検索フォームの初期表示のテキストを設定できます。

サイト全体のヘッダー設定です。

  • ヘッダー – 文字色 / テキストとアイコンのカラーです。
  • ロゴ画像の高さ / PCとスマホ別々のサイズを指定できます。

ドロワーの設定

左上のボタンで開くメニューです。

  • 各種カラー設定 / それぞれのパーツのカラーを設定できます。

商品一覧の設定

商品一覧とサイドバーの設定です。

  • タイトル / TOPページの商品一覧のタイトルです。
  • サブタイトル / TOPページの商品一覧のサブタイトルです。
  • 画像の比率 / 商品画像の比率です。
  • 画像の角丸 / 画像の角丸です。
  • テキストの配置 / テキストを左揃え、中央揃えから選べます。
  • 商品名の太さ / 商品名を太字に変更できます。
  • ボタンテキスト / 商品一覧の追加読み込みボタンに表示するテキストです。

商品詳細の設定

商品ページの設定です。

  • 画像拡大時のカラー / 画像拡大時のカラーテーマを設定できます。
  • 商品名のフォント / 商品名のフォントを見出しフォント、本文フォントから選択できます。
  • 商品名のサイズ / 商品名のフォントサイズを調整できます。
  • 価格のサイズ / 価格のフォントサイズを調整できます。
  • カートボタン設定 / カートボタンのカラーを設定できます。
  • 商品説明カスタムAppの設定 / 商品説明カスタムAppエリアの背景色、文字色を設定できます。
  • 関連商品タイトル / 関連商品のタイトルを設定できます。
  • 関連商品サブタイトル / 関連商品のサブタイトルを設定できます。
  • レビューAppタイトル / レビューAppのタイトルを設定できます。
  • レビューAppサブタイトル / レビューAppのサブタイトルを設定できます。

メインイメージの設定

メインイメージは1枚以上設定することをおすすめします。必ずPCとスマホ両方の画像を指定してください。

  • 高さを画面サイズに合わせる / メインイメージを画像ブラウザの高さを基準に設定します。
  • 画像のズーム / 画像の切り替え時の画像のズームを設定できます。
  • 各種カラー設定 / テキスト、ボタンのカラーを設定できます。
  • 新着ブログを自動取得 / メインイメージに新着ブログを表示します。（最大3件）
  • 01~03 – 画像(PC) / PC用の背景画像を設定してください。1600px以上推奨です。
  • 01~03 – 画像(スマホ) / スマホ時の背景画像を設定してください。縦長の画像がおすすめです。
  • 01~03 – 各種テキスト設定 / メインイメージに表示するテキストの設定ができます。
  • 01~03 – リンクURL / 設定するとエリア全体がリンクになります。

コンセプトの設定

コンセプトの設定です。

  • 各種カラー設定 / 各種カラーの設定です。背景色はメインイメージに食い込みます。
  • 各種テキスト設定 / 各種テキストの設定です。
  • ロゴ画像 / テキストの下に表示するロゴ画像です。

フリーエリアの設定

フリーエリアの設定です。ピックアップ商品やショップの特徴などに利用できます。

  • ラベルの設定 / 各セクションの上に表示される01〜03のラベルの設定ができます。
  • 01~03 – 画像 / 横長の画像を設定してください。
  • 01~03 – 各種テキスト設定 / 各セクションのテキストの設定ができます。

ギャラリーの設定です。

  • 各種見出し設定 / 各種見出しの設定です。
  • 画像01~12 / 画像を最大12枚まで設定できます。

Instagramの設定

Instagramの投稿を外部ツールを使って埋め込みできます。
外部ツールはSnapWidgetが簡単でおすすめです。有料もありますが、無料でデモサイトのような表示が可能です。

* 埋め込みコードのエリアは自由エリアとして利用することも可能です。

  • 各種見出し設定 / 各種見出しの設定です。
  • 埋め込みコード / Instagram埋め込みコードをニュ力してください。
  • リンクURL / リンクURLを入力してください。
  • リンクテキスト / リンクボタンのテキストを入力してください。

お知らせの設定

ブログAPPとは別でお知らせを設定するこができます。

  • 各種見出し設定 / 各種見出しの設定です。
  • 01~03 – 日時 / 日時を入力してください。
  • 01~03 – 本文 / 本文を入力してください。
  • 01~03 – リンクURL / リンクURLを入力してください。未入力の場合はリンク無しテキストになります。

新着BLOGの設定

ブログAPPの新着記事を3件表示します。

  • 各種カラー設定 / 各種カラーの設定です。
  • 各種見出し設定 / 各種見出しの設定です。
  • 各種テキスト設定 / 各種テキストの設定です。
  • 画像の比率 / 画像サイズを設定できます。

メルマガの設定

メルマガの設定です。

  • 各種カラー設定 / 各種カラーの設定です。
  • 各種見出し設定 / 各種見出しの設定です。
  • 各種テキスト設定 / 各種テキストの設定です。

サイト全体のフッター設定です。

  • 各種カラー設定 / 各種カラーの設定です。

ABOUTページの設定

ショッピングガイド、よくある質問を設定するとドロワー、サイドバー、フッターにもリンクが表示されます。

  • タイトル / タイトルの設定です。
  • メイン画像 / ページ上部のメイン画像です。1600px以上推奨です。
  • 各種テキスト設定 / 各種テキストの設定です。
  • ACCESSを表示する / ACCESSのON/OFFです。
  • Googleマップ埋め込みコード / Googleマップの埋め込みコード（iframe）を入力してください。
  • SHOPPING GUIDEを表示 / SHOPPING GUIDEのON/OFFです。
  • SHOPPING GUIDEタイトル / タイトルを入力してください。
  • SHOPPING GUIDEテキスト / テキストを入力してください。strongやbタグが使えます。
  • FAQを表示 / FAQのON/OFFです。
  • FAQタイトル / タイトルを入力してください。
  • FAQテキスト / テキストを入力してください。strongやbタグが使えます。

BLOGページの設定

  • タイトル / タイトルの設定です。
  • メイン画像 / ページ上部のメイン画像です。1600px以上推奨です。

COMMUNITYページの設定

  • タイトル / タイトルの設定です。
  • メイン画像 / ページ上部のメイン画像です。1600px以上推奨です。

CONTACTページの設定

  • タイトル / タイトルの設定です。

その他の設定

  • OGP画像 / OGP画像を設定できます。
  • CSS / 独自のCSSを定義できます。

ご意見・ご要望

テーマに関するご意見やご要望、お問い合わせは随時受け付けております。
通常2日以内に返信させていただいておりますが、稼働状況によりお時間をいただくこともございます。

テーマ購入後のお問い合わせはテーマ利用中のサイトURLを記載の上お問い合わせください。

ご意見・ご要望はこちら

カスタマイズのご依頼

テーマには多数の機能を備えておりますが、さらに特化したサイトをご希望の場合は、お客様のご要望に合わせてテーマのカスタマイズを承っております。
テーマのカスタマイズは、テーマの販売価格よりも高額な料金がかかる場合がございます。カスタマイズ作業についての詳細やご予算については、お問い合わせフォームよりお気軽にお問い合わせください。

テーマカスタマイズ費用 : ¥30,000(税別)〜

カスタマイズのご依頼はこちら