スマートフォン用トップページの作成方法を教えてください。
- 更新日： 2024-08-23 22:23:55 UTC
コマースクリエイター未利用店舗様専用の記事です
スマートフォン用トップページを作る方法は2通りございます。
以下、ご希望に沿う項目をご覧ください。
futureshopのモバイルオプション機能を利用して作成する
１．「起点のリンク先」の確認を行う
モバイル ＞ ページ設定 ＞ トップページ設定 の「スマートフォン起点のリンク先」に
https://契約ドメイン/fs/店舗KEY/c/ というURLが入っている場合、
トップページ設定画面の設定内容をスマートフォン用トップページとして利用する設定となっております。
本設定画面でトップページを作成する場合、ヘッダコメント、フッタユーティリティ、フッタコメントに、
表示したい内容をHTMLで記述して登録してください。
２．契約ドメインでアクセスできるようにする
https://契約ドメイン/ にスマートフォンでアクセスした際に、
スマートフォントップページである https://契約ドメイン/fs/店舗KEY/c/ にリダイレクトする場合、
別途.htaccessにてリダイレクトを指示する必要がございます。
PC用トップページをアップロードしているFTPサーバに接続し、
.htaccessファイルをダウンロードして下記を追記し、上書きアップロードしてください。
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} iPhone [NC,OR]
RewriteCond %{HTTP_USER_AGENT} (Android).*(Mobile) [NC]
RewriteRule ^$ /fs/【店舗KEY】/c/ [L,R=302]
※【店舗KEY】をご契約の店舗の店舗KEYに差し替えてください。
※.htaccessの設定を誤ると想定外の動作をする場合がございます。設定後は必ず動作確認を行ってください。
※.htaccessとは、Webサーバの動作をディレクトリ単位で制御するためのファイルです。
すでに.htaccessを設置されている場合は、上記を追記してください。
設置されていない場合は新規に作成し、PC用トップページと同階層にアップロードをしてください。
スマートフォン用トップページのHTMLファイルを作成する
１．トップページのHTMLファイルをアップロードする
スマートフォン用トップページのHTMLファイル（index.html）を作成し、
PC用トップページをアップロードしているFTPサーバーのpublic_htmml配下に
「sp」など任意の名称のフォルダを作成、その中に作成したHTMLファイルをアップロードしてください。
「sp」内にHTMLファイルをアップロードした場合は、下記がスマートフォン用トップページのURLとなります。
https://契約ドメイン/sp/
２．契約ドメインでアクセスできるようにする
https://契約ドメイン/ にスマートフォンでアクセスした際に、
スマートフォントップページである https://契約ドメイン/sp/ にリダイレクトする場合、
別途.htaccessにてリダイレクトを指示する必要がございます。
PC用トップページをアップロードしているFTPサーバに接続し、
.htaccessファイルをダウンロードしてリダイレクトの記述を追記し、上書きアップロードしてください。
一例として、「sp」フォルダにHTMLファイルをアップロードした場合は下記となります。
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} iPhone [NC,OR]
RewriteCond %{HTTP_USER_AGENT} (Android).*(Mobile) [NC]
RewriteRule ^$ /sp/ [L,R=302]
※設定を誤ると想定外の動作をする場合がございます。設定後は必ず動作確認を行ってください。
※.htaccessとは、Webサーバの動作をディレクトリ単位で制御するためのファイルです。
すでに.htaccessを設置されている場合は、上記を追記してください。
設置されていない場合は新規に作成し、PC用トップページと同階層にアップロードをしてください。
３．スマートフォン起点のリンク先を変更する
モバイル＞ページ設定＞トップページ設定 の「スマートフォン起点のリンク先」を、作成したフォルダに応じたURLに変更してください。
（例：https://契約ドメイン/sp/）
※「スマートフォン起点のリンク先」とは、スマートフォンページのフッタエリアに表示される「ホーム」ボタンのリンク先となります。