ページの出力先に「スマートフォン」が含まれ、 スマートフォン独自のデザイン設定を行っている場合、
スマートフォン端末からアクセスすると、ページデザイン設定に応じて、表示されるページが変わります。

SITE PUBLISのスマートフォンページ編集プレビュー表示は、スマートフォン端末の表示を模倣して、PC上で表示可能な形式に変換した架空のものです。

このため、閲覧するスマートフォン端末や個々人のスマートフォンの設定によっては、プレビュー表示が実際の表示と異なる場合があります。

公開ページの確認は、サイト閲覧者にて利用が想定される実際のスマートフォン端末機器にてご確認ください。

（スマートフォンのプレビュー機能は、3.2.0以降のバージョンから利用できます。）

スマートフォン独自のHTML出力

以下のブロック・コーナーでは、スマートフォン端末のタッチインターフェースに適したHTMLが自動的に出力されます。

• ページリスト（表）、ページリスト(ボックス）
• 問い合わせコーナー
• ログインコーナー
• メニューブロック
• ログインブロック
• カテゴリーブロック

「モバイルページ設定」参照

スマートフォンプレビュー 

 「スマートフォン編集」を開きます

「編集モード切り替え」参照

プレビュー画面の操作方法

ページスクロール

プレビュー画面上で、ドラッグするとページがスクロールします。

ページズーム

プレビュー画面上で、ホイールを回転させるとページの拡大縮小ができます。

プレビューする機種の変更

1 赤枠内の「プレビューする機種」をリンクを押します。

2 「プレビュー機種選択」ウィンドウで、「OS」を選択した後、機種をクリックします。

3 選択した機種の画面サイズにプレビューが切り替わります。

画面向きの変更

1 プレビュー画面上部の「横向き回転」リンクを押すと、画面が横向きに変更されます。 

2 横向き表示の場合、「縦向きに回転」リンクを押すと、画面が縦向き表示に変更されます。

Viewportの再現

スマートフォンプレビューでは、Viewportの幅をプレビュー画面の幅にフィットさせるように初期表示でズームします。
Viewportの幅が未設定の場合は、次の規則で設定します。

• iPhoneの場合980px
• Androidの場合800px
• その他1024px