ページの出力先に「スマートデバイス」が含まれ、スマートデバイス独自のデザイン設定を行っている場合、
スマートデバイス端末からアクセスすると、ページデザイン設定に応じて、表示されるページが変わります。
SITE PUBLISのスマートデバイスページ編集プレビュー表示は、スマートデバイス端末の表示を模倣して、PC上で表示可能な形式に変換した架空のものです。
このため、閲覧するスマートデバイス端末や個々人のスマートデバイスの設定によっては、プレビュー表示が実際の表示と異なる場合があります。
公開ページの確認は、サイト閲覧者にて利用が想定される実際のスマートデバイス端末機器にてご確認ください。
スマートデバイス独自のHTML出力
以下のブロック・コーナーでは、スマートデバイス端末のタッチインターフェースに適したHTMLが自動的に出力されます。
- ページリスト（表）、ページリスト(ボックス）
- 問い合わせコーナー
- メニューブロック
- ログインブロック
- カテゴリーブロック
スマートデバイスプレビュー
右クリックしてコンテキストメニューを表示＞「プレビュー」
＞「スマートデバイスプレビュー」
をクリックします
ページエディタからコンテキストメニューを表示した場合
スマートデバイス表示の再現
ページの雰囲気を把握するために重要な次の点に注力して再現しています。
- ブロックの可視・不可視
- 画面解像度
- 画面の向き
- Viewport設定
プレビュー画面の操作方法
ページスクロール
プレビュー画面上で、ドラッグするとページがスクロールします。
ページズーム
プレビュー画面上で、ホイールを回転させるとページの拡大縮小ができます。
プレビューする機種の変更
1 赤枠内のテキストリンクを押します
2 「プレビュー機種選択」ウィンドウで「OS」を選択した後、機種をクリックします
3 選択した機種の画面にプレビューが切り替わります
Viewportの再現
スマートデバイスプレビューでは、Viewportの幅をプレビュー画面の幅にフィットさせるように初期表示でズームします。
Viewportの幅が未設定の場合は、次の規則で設定します。
- iPhoneの場合980px
- Androidの場合800px
- その他1024px
