多角的な導線を美しく魅せるBASEテーマ

よくある質問

Raptor（ラプター）に関するよくあるお問い合わせとその回答です。

FAQ LIST

テーマについて

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

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

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

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

  ご安心ください。

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

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

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

  Raptorの各機能の推奨画像サイズは、オンラインマニュアル内の「 推奨画像サイズ 」をご覧ください。

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

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

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

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

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

  
  

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

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

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

  そこで、任意のコンテンツを追加するための代替案として下記2つの方法をご提案いたします。

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

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

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

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

  テーマ設定の『5-1【 Blog App 】』で、ブログをメニューから非表示にしたり、ブログの日付を非表示にすることで、常設コンテンツのように見せることもできます。

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

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

  Raptorのテーマ機能を利用して、アバウトページに「FAQ」や「お買い物ガイド」などの自由な内容を2つまで掲載することが可能です。 詳しい設定方法は、オンラインマニュアル「 3-2 アバウトページ フリースペース 」をご覧ください。

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

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

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

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

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

  であるため、

  https://raptor1.base.ec/about#お買い物ガイド

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

  https://raptor1.base.ec/about#FAQ

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

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

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

  そこで、任意のコンテンツを追加するための代替案として下記2つの方法をご提案いたします。

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

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

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

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

  テーマ設定の『5-1【 Blog App 】』で、ブログをメニューから非表示にしたり、ブログの日付を非表示にすることで、常設コンテンツのように見せることもできます。

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

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

  Raptorのテーマ機能を利用して、アバウトページに「FAQ」や「お買い物ガイド」などの自由な内容を2つまで掲載することが可能です。 詳しい設定方法は、オンラインマニュアル「 3-2 アバウトページ フリースペース 」をご覧ください。

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

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

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

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

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

  であるため、

  https://raptor1.base.ec/about#お買い物ガイド

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

  https://raptor1.base.ec/about#FAQ

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

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

  可能です。

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

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

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

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

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

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

カテゴリーについて

• 「すべてのアイテム」「ブランドから探す」「価格帯から探す」などのカテゴリを作成したい

  「トップス」「ボトムス」といった通常のカテゴリに加えて、「すべてのアイテム」「ブランドから探す」「価格帯から探す」という大カテゴリを作成することで実現可能です。 商品は複数のカテゴリに登録できるため、各商品を「すべてのアイテム」と個別カテゴリ（例：「トップス」「ボトムス」など）に設定することで、「すべてのアイテム」でショップ内の全商品を一覧表示できる仕組みになります。
  同様に、「ブランド」や「価格帯」に応じたカテゴリも設定することで、商品への多角的な導線を確保することができます。

  下記に、カテゴリの設定例のスクリーンショットを掲載していますので、ご参考にしてください。
  （「カテゴリ管理 App」の操作方法や設定方法についてはBASEへ直接お問い合わせください。）

  
  

  カテゴリ管理 App
  「トップス」「ボトムス」のような大カテゴリに加えて、「すべてのアイテム」「ブランドから探す」「価格帯から探す」という大カテゴリを作成しています。
  さらに、「ブランドから探す」「価格帯から探す」の下にはブランド名や価格帯ごとの中カテゴリを作成しています。

  

  
  

  商品 - 商品編集
  各商品を「すべてのアイテム」「個別カテゴリ（例：「トップス」「ボトムス」など）」「ブランド」「価格帯」など複数のカテゴリに指定することで、商品への多角的な導線を確保することができます。 下記の例は『Something New（ブランド）の5,000円～9,999円（価格）のワンピース』の商品です。

  
• 『カテゴリID』はどこで確認できますか？

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

「イメージスライダー」について

• 「イメージスライダー」の画像が正常にスライドしません。

  「イメージスライダー」は複数の画像が無限スクロールする形式となっていますが、スライドの枚数が少ないと正常に動作しない場合があります。 「スライド 1 画像」～「スライド 6 画像」の6枚すべての画像を設定することをお試しください。

  「イメージスライダー」の推奨画像サイズは「 推奨画像サイズ 」をご覧ください。

「〇〇から選ぶメニュー」について

• 「〇〇から選ぶメニュー」とは何ですか？ / どんな機能ですか？

  「〇〇から選ぶメニュー」は、カテゴリーとは別途、【価格から選ぶ】【ブランドから探す】等の自由なメニューを2つ（各6項目）まで設定することができる機能です。 多角的な導線を設定することでお客様が商品を探しやすくなり、ショップの回遊性も向上させることができます。
  （検索 Appのインストールが必要です。）

  「〇〇から選ぶメニュー」は検索 Appの仕組みを利用しており、リンク先は検索結果ページになります。
  リンク先に商品を表示するためには、設定するテキスト（キーワード）を事前に商品のタイトルや説明文章に入れておく必要があります。

  機能の詳細や設定方法は「 〇〇から選ぶメニュー 」にて詳しくご案内しています。

• 「〇〇から選ぶメニュー」を設定したのですがリンク先のページに商品が表示されません。

  「〇〇から選ぶメニュー」は検索 Appの仕組みを利用しており、リンク先は検索結果ページになります。
  リンク先に商品を表示するためには、設定するテキスト（キーワード）を事前に商品のタイトルや説明文章に入れておく必要があります。

  例えば『価格帯から選ぶ』というメニューの中に『5,000円以上』という項目を設定した場合にも、
  5,000円以上の価格の商品が自動的に表示されるわけではありません。
  『5,000円以上』の検索結果としてその商品を表示させるために、
  事前に商品の説明文章内に「5,000円以上」というテキストを入れておく必要があります。

  具体例として、下記デモショップの商品ページでは「#10,000 ～ 19,999円」「#リビング 」というキーワードを商品説明に入れています。
  https://raptor1.base.ec/items/133976662

  また、商品タイトルや説明文章に設定するテキスト（キーワード）を入れた後、BASEのデータベースが更新されるまでの間はリンク先に商品が表示されない（検索結果に引っかからない）場合があります。 通常数分から数時間以内に反映されて正常に表示されますので、しばらく経ってから再度リンク先（検索結果ページ）をご確認ください。

  機能の詳細や設定方法は「 〇〇から選ぶメニュー 」にて詳しくご案内しています。

• 商品タイトルや説明文章にキーワードを入れたのですがリンク先のページ（検索結果）に商品が表示されません。

  商品タイトルや説明文章に設定するテキスト（キーワード）を入れた後、BASEのデータベースが更新されるまでの間はリンク先に商品が表示されない（検索結果に引っかからない）場合があります。 通常数分から数時間以内に反映されて正常に表示されますので、しばらく経ってから再度リンク先（検索結果ページ）をご確認ください。

  機能の詳細や設定方法は「 〇〇から選ぶメニュー 」にて詳しくご案内しています。

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

• カテゴリーアイコンがうまく設定できません。

  カテゴリーアイコンに設定するアイコン画像は1枚にまとめる必要があります。
  アイコン画像の推奨サイズや作成方法については「 カテゴリーアイコン画像の作成方法 」にて詳しくご案内しています。

• カテゴリーアイコン画像の作成方法を教えてください。

  アイコン画像の推奨サイズや作成方法については「 カテゴリーアイコン画像の作成方法 」にて詳しくご案内しています。

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

  カテゴリーアイコンは上から順番に表示されるため、カテゴリーの並び順を変更した場合にはアイコン画像も修正する必要があります。
  変更後の並び順で再度アイコン画像を作成してアップロードし直してください。
  アイコン画像の推奨サイズや作成方法については「 カテゴリーアイコン画像の作成方法 」にて詳しくご案内しています。

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

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

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

「Instagram」について

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

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

「YouTube動画」について

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

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

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

  

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

  

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

  

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

  

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

「Googleマップ」について

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

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

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

  

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

  

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

  

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

  

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

「キーワードリスト」について

• キーワードリストの設定方法がわかりません。（「カンマ区切り」とは何ですか？）

  キーワードリストに設定するキーワードはカンマ区切りで50件まで設定することが可能です。
  全てのキーワードをカンマ区切りで1行にしてください。
  カンマ「 , 」は半角です。
  半角ドット「 . 」や全角句読点「 、 」などにならないようご注意ください。

  詳しくは「 キーワードリスト設定 」をご確認ください。

「お気に入り機能」について

• 「お気に入りリスト」に何も表示されません。

  「お気に入りリスト」はユーザーがお気に入り登録した商品が最大24件（その端末/ブラウザのみ）表示されます。
  商品一覧や商品ページのをクリックして登録することで「お気に入りリスト」に表示されます。

• 閲覧する環境によって「お気に入りリスト」の中身が違います。

  お気に入り登録した商品はその端末/ブラウザのみで最大24件のアイテムが保存されます。
  登録した情報は外部への送信や同期はされませんので、例えばPCでお気に入り登録した場合でも、スマホで閲覧した際にはお気に入りリストには入っていない状態となります。

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

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

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

トラブルシューティング

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

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

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

• PC閲覧時の上部メニューのレイアウトが崩れてしまいます。/ 改行が入ってしまいます。

  RaptorはPC閲覧時の上部メニューに「〇〇から選ぶメニュー」「お気に入り」「追加メニュー」「SNSアイコン」 などを表示することが可能となっており、お好みに応じたメニュー構成にしていただくことができます。

  しかしながら、メニュー項目や文字数が多すぎる場合にはレイアウトが崩れたり、意図しない改行が入ってしまう場合があります。
  そのような場合にはレイアウトが崩れないようにメニュー項目を一部非表示にしたり、各項目の文字数を減らすなどの対応をご検討ください。

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

  イメージスライダーやバナー、ピックアップ等の機能を設定しても表示されない場合は、その項目の表示設定が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編集Appを利用している場合には、編集内容を保護する為に自動では更新されません。
  その際には手動でアップデート内容を適用していただく必要があります。

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

ご購入

BASE専用テーマ【 Raptor（ラプター） 】はBASEデザインマーケットにてご購入いただけます。

お問い合わせ

【 Raptor（ラプター）】に関するお問い合わせは下記のメールフォームよりお問い合わせください。

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

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