よくある質問

Infini（アンフィニ）に関するよくあるお問い合わせとその回答です。

テーマについて

• 有料テーマの利用は初めてなのですが、設定やカスタマイズは私にもできますか？

  カスタマイズはBASE管理画面上で簡単に操作できます。
  自由にカスタマイズしていただけるようにたくさんの設定項目をご用意しておりますが、
  どれも「ON/OFFを切り替える」「テキストを入れる」「色を選ぶ」「画像を選ぶ」などの簡単な設定になっています。
  どなたでも簡単にオリジナルのショップデザインにしていただけます。

  詳しくは「オンラインマニュアル（テーマの設定方法）」をご覧ください。

  
• 本当にデモショップのようなデザインになるのですか？

  ご安心ください。

  【 デモショップ1 】 や 【 デモショップ2 】 は実際にBASEで開設したショップにInfiniテーマを適用した上で、
  BASE管理画面の「デザイン編集」で画像やテキストの設定をしただけのものとなっています。

  もちろん写真や商品画像はご自身でご用意いただく必要がありますが、 「ON/OFFを切り替える」「テキストを入れる」「色を選ぶ」「画像を選ぶ」などの簡単な設定をするだけで、 どなたでも簡単にデモショップのようなオリジナルのデザインにしていただけます。

• 設定する画像の推奨サイズを教えてください。

  Infiniの各機能の推奨画像サイズは「 推奨画像サイズ 」をご覧ください。

• 対応している「BAES Apps」を教えてください。

  Infiniは「ページ追加 Apps」を除く全てのBASE Appsに対応しています。
  「ページ追加 Apps」は無料テーマのみが対象のAppsとなっているため、Infiniをはじめとした有料テーマではご利用いただくことができません。

  ページ追加 Apps
  「ページ追加 App」は、最新のショップデザイン機能利用時の、オフィシャルテーマのみが対象です。
  BASEデザインマーケットで販売しているデザイナーズテーマ、および「HTML編集 App」で作成されたカスタムテーマには、現在対応しておりません。

  「ページ追加 Apps」以外のBASE Appsは全て利用可能となっておりますのでご安心ください。
  

  ▼ BASE Apps 一覧
  https://apps.thebase.in/
  ※各種BASE Appsのインストール方法や設定方法についてはBASEへ直接お問い合わせください。

  
  

  「ページ追加 App」を使わずにページを追加するための代替方法については、すぐ下の「ページを追加したいのですがどうすればいいですか？」をご覧ください。

• ページを追加したいのですがどうすればいいですか？

  BASEには自由な内容のページを作成するための「ページ追加 Apps」がありますが、
  「ページ追加 Apps」は無料テーマのみが対象のAppsとなっているため、Infiniをはじめとした有料テーマではご利用いただくことができません。

  そこで、自由な内容のページを追加するための代替案として「Blog App」を利用する方法をご提案いたします。

  ▼ Blog App
  https://apps.thebase.in/detail/43
  

  「Blog App」を利用することでブログ記事として自由な内容を記載したページを作成することが可能です。

  具体例として、デモショップではブログ記事として「 お買い物ガイド 」のページを作成しています。
  ⇒ デモショップ ブログ「 お買い物ガイド 」
  （トップページの「バナー」「ピックアップ」「外部リンク」等からその記事ページへリンクさせるイメージとなります。）

  ※「Blog App」をはじめとしたBASE Appsのインストール方法や設定方法についてはBASEへ直接お問い合わせください。

• 「FAQ」「お買い物ガイド」「はじめにお読みください」などを掲載する方法を教えてください。

  自由な内容のコンテンツを追加する方法として、下記2つの方法をご提案いたします。

  ①「Blog App」を利用する方法

  ▼ Blog App
  https://apps.thebase.in/detail/43
  

  「Blog App」を利用することでブログ記事として自由な内容を記載したページを作成することが可能です。

  具体例として、デモショップではブログ記事として「 お買い物ガイド 」のページを作成しています。
  ⇒ デモショップ ブログ「 お買い物ガイド 」

  トップページの「バナー」「ピックアップ」「外部リンク」等からその記事ページへリンクさせるイメージとなります。
  ※「Blog App」をはじめとしたBASE Appsのインストール方法や設定方法についてはBASEへ直接お問い合わせください。

  ② Infiniのテーマ機能【 アバウトページ フリースペース 】を利用する方法

  Infiniのテーマ機能を利用して、アバウトページに「FAQ」や「お買い物ガイド」などの自由な内容を2つまで掲載することが可能です。

  具体例として、デモショップではアバウトページに「 FAQ 」を掲載しています。
  ⇒ デモショップ アバウトページ「 FAQ 」

  詳しい設定方法は、オンラインマニュアル「 アバウトページ フリースペース 」をご覧ください。

  トップページのバナー等から「アバウトページ フリースペース」で設定したコンテンツにリンクを貼りたい場合には、

  [ショップURL]/about#[フリースペースタイトル]

  というURLでリンクすることができます。
  例えば、デモショップの場合であれば

  ・ショップURLが「 https://demosite.shopselect.net/ 」
  ・フリースペースのタイトルが「 お買い物ガイド 」

  であるため、

  https://demosite.shopselect.net/about#お買い物ガイド

  というURLになります。
  同様に、デモショップのもうひとつのフリースペースのURLは

  https://demosite.shopselect.net/about#FAQ

  となっています。
  上記をご参考にして、ショップURLやフリースペースタイトルを変更してご利用ください。

• HTML編集Appsを利用して購入したテーマを改造することはできますか？

  可能です。

  ご購入いただいたテーマをBASE管理画面の「デザイン」で適用した状態にてHTML編集Appsを利用することで、
  Infiniを元にしたオリジナルのショップデザインを構築していただくことが可能です。
  HTML編集Appsの操作方法や改造方法はサポート対象外となりますことについては予めご了承ください。

  また、BASEに新機能が追加された際などには、新機能に合わせたテーマの無料アップデートをさせていただきますが、
  HTML編集Appsを利用している場合には、編集内容を保護する為に自動では更新されません。
  その際には手動でアップデート内容を適用していただく必要があります。

  HTML編集Appsを利用してテーマを改造している場合には、現在選択されているテーマが「カスタムテーマ」となっています。
  「Infini」テーマを選択していただくことでアップデートが適用された最新の状態のテーマとなりますので、
  改めてHTML編集Appsを利用してオリジナルの改造/編集を行ってください。

• テーマのアップデートはありますか？

  BASEに新機能が追加された際などには、新機能に合わせたテーマの無料アップデートをさせていただきます。
  アップデートが行われた際には、ご購入いただいたテーマも自動的に更新されますので安心してご利用いただけます。
  

  BASEの『HTML編集Apps』でテーマを編集している場合には、編集内容を保護する為に自動アップデートは適用されません。
  「カスタムテーマ（HTML編集したテーマ）」から「Infini」に変更することで、アップデートされた最新版のテーマが適用されます。

「メインビジュアル」について

• メインビジュアルを全画面にすると画像が見切れてしまいます。

  メインビジュアルを全画面にすると、画面サイズに応じて画像が切り抜かれてファーストビュー全体に表示されます。

  画面サイズはPCやスマホごとに異なるため、画像全体を縦横比率を保ったまま全画面に表示することは不可能であるため、画像の上下左右の余った部分（縦横比率を維持した場合に画面サイズからはみ出る部分）が切り抜かれる仕様になっています。
  メインビジュアルを全画面にする場合には、見切れては困る部分を中央寄りに配置してください。

  画像が一部分でも見切れては困る場合には、「メインビジュアルを全画面にする」をOFFにすることで、画像が切り抜かれることなくそのままのサイズで表示されます。

  メインビジュアルの推奨画像サイズは「 推奨画像サイズ 」をご覧ください。

• メニューの背景を透過するとロゴが見えづらくなってしまいます。

  全画面にする際にメニューの背景を透過するとメインビジュアルがより印象的になりますが、背景となる画像の色によってはショップロゴと同化して視認しにくくなる場合があります。 メニューの背景を透過しつつロゴの視認性を確保するためには、背景となるスライド画像の色を調整するか、ロゴ画像に枠や縁取りを施すことをお試しください。

  「全画面にする際にメニューの背景を透過する」をPC/スマホで個別にOFFにすることでメニュー/ロゴの視認性を確保することも可能です。

「コンセプト」について

• パララックス（視差効果）とは何ですか？

  パララックス（Parallax）とは、Webデザイン上の「視差効果」を意味します。
  スクロールした際にコンセプトの背景画像がまるで奥行きがあるように動くため、立体感と遠近感によりデザイン性が高まります。

• コンセプトの背景画像が見切れてしまいます。

  コンセプトの内容量（文章の長さや画像の有無など）や画面サイズに応じて、コンセプトの背景画像は切り抜かれて表示されます。
  文章や画像などのコンセプトの内容を先に確定してから、実際のPCやスマホで確認しつつ、コンセプト背景画像がきれいに見えるように調整を行ってください。

  コンセプトの推奨画像サイズは「 推奨画像サイズ 」をご覧ください。

• 「上下の余白」の最適な設定がわかりません。

  コンセプトエリアの上下の余白は自由に設定していただいて構いません。
  『余白を大きくとって背景画像をすっきりと広く見せたい』や『背景画像を利用しないので余白は狭くしたい』というように、 設定内容やお好みに応じて「上下の余白」を設定してください。

  よくわからない場合には、
  背景画像を設定する際には初期値の「 PC : 140px 」「 スマホ : 70px 」
  背景画像を設定しない場合には「 PC : 40px 」「 スマホ : 40px 」
  に設定することをお試しください。
  その後、改めて好みに応じて値の調整をおこなってください。

「カテゴリーアイコン」について

• カテゴリーの順番を変更したのですが、アイコン画像の順番はどう変更すればいいですか？

  カテゴリーアイコンは表示されているカテゴリーの上から順番に「カテゴリー1」「カテゴリー2」…と対応しています。
  BASE管理画面の『カテゴリ管理』でカテゴリの順番を並び替えた際には、カテゴリーアイコンの画像を手動で変更（並び替え）してください。
  詳しい設定方法は、オンラインマニュアル「 カテゴリーアイコン 」をご覧ください。

「ピックアップカテゴリー」について

• ピックアップカテゴリーを表示したいのですが『カテゴリID』が分かりません。

  カテゴリIDの確認方法は「 カテゴリIDの確認方法 」をご確認ください。

「カテゴリページヘッダー」について

• カテゴリページヘッダーを表示したいのですが『カテゴリID』が分かりません。

  カテゴリIDの確認方法は「 カテゴリIDの確認方法 」をご確認ください。

• カテゴリページヘッダーを設定したのですが表示されません。

  まずは設定した「カテゴリID」が間違っていないかご確認ください。
  

  ⇒ カテゴリIDの確認方法

  また、「大カテゴリ」「中カテゴリ」「小カテゴリ」はそれぞれ別のカテゴリIDとなります。
  例えば「リング」という大カテゴリの下に「シルバー」「ゴールド」「プラチナ」という中カテゴリがある場合、 「リング」の大カテゴリのカテゴリIDを指定するだけでは「シルバー」「ゴールド」「プラチナ」という中カテゴリにはヘッダー画像は表示されません。

  1種類の『ヘッダー画像』を複数のカテゴリに表示させたい場合には、複数のカテゴリIDをカンマ区切りで1行にして設定してください。
  詳しい設定方法は、オンラインマニュアル「 カテゴリページヘッダー 」をご覧ください。

  カンマ「 , 」は半角です。半角ドット「 . 」や全角句読点「 、 」などにならないようご注意ください。
  複数のカテゴリIDをカンマ区切りで設定している場合にうまく表示されない時は、「カテゴリID」が間違っていないかご確認いただくと共に、 「カンマが半角の , になっているか」「余計な空白や改行が入っていないか」についてもご確認ください。

• カテゴリページヘッダーに「大カテゴリ」のカテゴリIDを設定したのですが「中カテゴリ」にヘッダーが表示されません。

  「大カテゴリ」「中カテゴリ」「小カテゴリ」はそれぞれ別のカテゴリIDとなります。
  例えば「リング」という大カテゴリの下に「シルバー」「ゴールド」「プラチナ」という中カテゴリがある場合、 「リング」の大カテゴリのカテゴリIDを指定するだけでは「シルバー」「ゴールド」「プラチナ」という中カテゴリにはヘッダー画像は表示されません。

  1種類の『ヘッダー画像』を複数のカテゴリに表示させたい場合には、複数のカテゴリIDをカンマ区切りで1行にして設定してください。
  詳しい設定方法は、オンラインマニュアル「 カテゴリページヘッダー 」をご覧ください。

  カンマ「 , 」は半角です。半角ドット「 . 」や全角句読点「 、 」などにならないようご注意ください。
  複数のカテゴリIDをカンマ区切りで設定している場合にうまく表示されない時は、「カテゴリID」が間違っていないかご確認いただくと共に、 「カンマが半角の , になっているか」「余計な空白や改行が入っていないか」についてもご確認ください。

• カテゴリページヘッダーに複数のカテゴリIDを設定する方法がわかりません。（「カンマ区切り」とは何ですか？）

  複数のカテゴリIDをカンマ区切りで1行にして設定することで、1種類の『ヘッダー画像』を複数のカテゴリに表示させることができます。

  

  例として、
  https://demosite.shopselect.net/categories/6132515
  https://demosite.shopselect.net/categories/6146300
  https://demosite.shopselect.net/categories/6146301
  https://demosite.shopselect.net/categories/6146302
  https://demosite.shopselect.net/categories/6146303
  という5つのカテゴリページに同じヘッダー画像を表示させたい場合には、
  カテゴリIDをカンマ区切りで「 6132521,6146305,6146306,6146307,6146308 」と1行にして記述します。
  カテゴリIDの詳細は「 カテゴリIDの確認方法 」をご確認ください。

  
  

  カンマ「 , 」は半角です。半角ドット「 . 」や全角句読点「 、 」などにならないようご注意ください。
  複数のカテゴリIDをカンマ区切りで設定している場合にうまく表示されない時は、「カテゴリID」が間違っていないかご確認いただくと共に、 「カンマが半角の , になっているか」「余計な空白や改行が入っていないか」についてもご確認ください。

  詳しい設定方法は、オンラインマニュアル「 カテゴリページヘッダー 」をご覧ください。

「YouTube」について

• YouTube動画を表示したいのですが『埋め込みコード』とは何ですか？ / 『埋め込みコード』の取得方法を教えてください。

  YouTube動画 埋め込みコードの取得方法

  1. 埋め込みたいYouTube動画のページを表示します。
  2. 動画の右下にある『共有』をクリックします。

  

  3. 「埋め込む」をクリックします。

  

  4. 「コピー」をクリックして埋め込みコードをコピーします。

  

  5. BASEのデザイン画面の「YouTube動画 埋め込みコード」のテキストエリアにペーストします。

  

  
  （外部サービスについてはサポート対象外となっております。個別のお問い合わせに対しての回答は致しかねますことを予めご了承ください。）

「Gooleマップ」について

• Gooleマップを表示したいのですが『埋め込みコード』とは何ですか？ / 『埋め込みコード』の取得方法を教えてください。

  Googleマップ 埋め込みコードの取得方法

  1. Google マップで埋め込みたい地図の場所を表示します。
  2. 画面の左上にある『≡』をクリックします。

  

  3. 「地図を共有または埋め込む」をクリックします。

  

  4. 「地図を埋め込む」のタブを選択して「HTMLをコピー」をクリックします。

  

  5. BASEのデザイン画面にある「Googleマップ 埋め込みコード」のテキストエリアにHTMLをペーストします。

  

  
  （外部サービスについてはサポート対象外となっております。個別のお問い合わせに対しての回答は致しかねますことを予めご了承ください。）

「Instagram」について

• Instagramを埋め込みたいのですがどうすればいいですか？ / 『埋め込みコード』の取得方法を教えてください。

  Instagramの埋め込み方法については「 Instagramの埋め込み方法 」をご確認ください。
  （外部サービスについてはサポート対象外となっております。個別のお問い合わせに対しての回答は致しかねますことを予めご了承ください。）

「最近チェックした商品」について

• 「最近チェックした商品」に何も表示されません。

  「最近チェックした商品」はユーザーごとの商品ページの閲覧履歴となっています。
  はじめてショップを訪れた場合や、ひとつも商品を見ていない状態では何も表示されません。
  いくつか商品を見た後にはその商品が「最近チェックした商品」に表示されます。

トラブルシューティング

• デザイン画面のプレビューでショップのレイアウトが崩れて見えます。

  デザイン画面の右側に表示される「プレビュー」は、左側に設定メニューが表示されているため通常のブラウザ幅よりも狭くなっているため、意図しない改行が入るなど一部のレイアウトが崩れて見える場合があります。

  ほとんどの場合、実際のショップのレイアウトは崩れませんのでご安心ください。
  レイアウトが崩れて見える場合には、右上の「プレビュー」をクリックした際の大きなプレビューやブラウザで見た実際のショップ画面もご確認ください。

• イメージスライダーやバナー、ピックアップ等の設定を行ってもサイトに表示されません。

  イメージスライダーやバナー、ピックアップ等の機能を設定しても表示されない場合は、その項目の表示設定がOFFになっている可能性があります。
  ON/OFFの切替ができる項目についてはOFF（グレーの状態）からON（緑の状態）に切り替わっているかご確認ください。

• テキストを入力する際に改行ができません。

  テーマ設定のテキストエリアではHTMLが利用可能です。
  「 <br> 」と入力すると改行され、「 <p> ～ </p> 」で囲むと段落になり、「 <b> ～ </b> 」で囲むと太字になります。

  
  <p>
  <b>【営業時間】</b>
  <br>
  11:30-15:00（L.O. 14:30）
  <br>
  18:00-23:00（L.O. 22:00）
  </p>
  
  <p>
  <b>【定休日】</b>
  <br>
  日曜日・祝日
  <br>
  神戸市中央区山本通1-1
  </p>
  
  

  以下のように表示されます。
  

  上記以外の自由なHTMLを記述することも可能です。
  但し、HTMLについてはサポート対象外となっておりますので、HTMLの記述方法や記述内容のご案内等は致しかねますことを予めご了承ください。
  また、閉じタグの漏れや記述内容の誤りによってショップ全体の表示に影響が出る場合がありますので、
  HTMLを記述される場合には十分に注意して設定を行ってください。

• デザイン編集画面で設定した内容がショップに反映されません。

  1. ご確認いただいている端末のブラウザにキャッシュが残っているために最新の情報が取得できていない可能性があります。
  まずは、ブラウザのキャッシュを削除してから再度ショップを確認することをお試しください。

  2. ブラウザのキャッシュを削除しても設定内容が反映されない場合、
  一時的にBASEのデータサーバとの通信が正常に行われていないために、設定内容が保存されていない可能性があります。
  （この現象はテーマではなくBASEのシステム側の問題となりますので、利用しているテーマに関わらず起こりうる現象となります。）

  【 解決方法 】
  一旦、設定しようとしている項目を空欄にした状態で「保存」を押して「終了」してBASE管理画面のトップに戻ります。
  （設定しようとしている項目を空欄にしても「保存」がクリックできる状態にならない時は、別の項目のON/OFFを切り替えるなどして「保存」ができるようになるかお試しください。）

  次に、再度BASE管理画面のトップからデザイン編集画面に進んで上記項目が正常に空欄として保存されていることをご確認ください。

  その状態で改めてその項目を設定して「保存」→「終了」としていただき、正常にデータが更新されていることをお確かめください。
  （通常、設定は複数を同時に行っていただけますが、うまくいかない場合には1項目ずつ「設定」→「保存」→「終了」を繰り返してください。）

  また、テキストエリア形式の設定項目において正常にデータが保存されない（「保存」が押せない）場合には、
  入力する際にコピーペーストするのではなく、空欄の状態から手動でテキストを入力する形で記述することもお試しください。

  上記の方法でもうまくいかない場合には、BASE側のサーバーに一時的な問題が生じている可能性がありますので、
  お手数ですがしばらく時間をおいてから再度お試しください。

• デザイン編集画面で「保存」ボタンが押せません。（設定内容がプレビューに反映されません。）

  一時的にBASEのデータサーバとの通信が正常に行われていないために、
  設定内容がBASEのシステム側に反映されず「保存」ボタンが押せなくなっている可能性があります。
  （この現象はテーマではなくBASEのシステム側の問題となりますので、利用しているテーマに関わらず起こりうる現象となります。）

  【 解決方法 】
  設定しようとしている項目を空欄にした状態（またはON/OFFを切り替えた状態）にして「保存」ができるようになるかお試しください。
  それでも「保存」がクリックできる状態にならない時は、別の項目のON/OFFを切り替えるなどして「保存」できる状態になるかご確認ください。

  「保存」ができる状態になったら一度そのまま「保存」→「終了」していただき、正常にデータが更新されていることをお確かめください。
  その後、改めてデザイン画面にて設定を続けてください。
  （通常、設定は複数を同時に行っていただけますが、うまくいかない場合には1項目ずつ「設定」→「保存」→「終了」を繰り返してください。）

  また、テキストエリア形式の設定項目において正常にデータが保存されない（「保存」が押せない）場合には、
  入力する際にコピーペーストするのではなく、空欄の状態から手動でテキストを入力する形で記述することもお試しください。

  上記の方法でもうまくいかない場合には、BASE側のサーバーに一時的な問題が生じている可能性がありますので、
  お手数ですがしばらく時間をおいてから再度お試しください。

• テーマが自動的にアップデートされないのですが、どうすればいいですか？

  通常、アップデートが行われた際にはご購入いただいたテーマも自動的に更新されますが、
  HTML編集Appsを利用している場合には、編集内容を保護する為に自動では更新されません。
  その際には手動でアップデート内容を適用していただく必要があります。

  HTML編集Appsを利用してテーマを改造している場合には、現在選択されているテーマが「カスタムテーマ」となっています。
  これはご購入いただいたテーマを元にしたオリジナルの別のテーマとして保存されているためです。
  「Infini」テーマを選択していただくことでアップデートが適用された最新の状態のテーマとなりますので、
  改めてHTML編集Appsを利用してオリジナルの改造/編集を行ってください。

ご購入

BASE専用テーマ【 Infini（アンフィニ） 】はBASEデザインマーケットにてご購入いただけます。

お問い合わせ

【 Infini（アンフィニ）】に関するお問い合わせは下記のメールフォームよりお問い合わせください。

テーマの設定に関するお問い合わせの際には、事前に「オンラインマニュアル」や「よくある質問」をご確認ください。

*『ピックアップカテゴリー』や『カテゴリページヘッダー』を設定する際の「カテゴリIDの確認方法」はこちらをご覧ください。

お問い合わせへの対応は通常2営業日以内に行っております。
場合によってはお時間を頂く場合があります事を予めご了承ください。

デザインテーマ一覧

Dolce & Vivaceでは豊富なBASEデザインテーマを取り扱っています。
ショップのイメージに合わせた理想のテーマがきっと見つかります。

有料カスタマイズ

テーマはご購入時の状態でも多彩なカスタマイズ機能を備えていますが、
さらにオリジナルのカスタマイズをご希望の方は「BASEテーマの有料カスタマイズサービス」をご検討ください。

カスタマイズ対応はInfiniをはじめとした Dolce & Vivace のテーマのみを対象とさせていただいております。
（BASEデザインマーケット内の他社様が販売しているテーマのカスタマイズ依頼はお引き受け致しかねます。）