index.phpで分岐処理を行わない場合の構築方法について

Slideflowでは、PC用サイトとスマホ用サイトの2つのページをユーザーが閲覧する端末に合わせて表示(レスポンシブ)するようindex.phpでの分岐処理で構築されています。

この記事では、レスポンシブの分岐処理を行わない場合の構築方法についてご説明しています。

手順

1. Slideflowのサイト詳細ページ→「その他設定」タブ→「HTML書き出し」より 該当サイトのHTMLファイルをダウンロード
   
   
   
2. ダウンロードしたサイトのZipファイルを解凍
3. 解凍したフォルダ内の「pc.html」を「index.html」に変更
   
4. index.html内のstyleタグ終了直後(</style>の後)に次のスクリプトを追加する。
   

    <script> window.onresize = resizeWindow; function resizeWindow()
   { width = window.outerWidth; if(width <= 768){ location.href = './sp.html'; }
   else{ location.href = './index.html'; } } </script>

   
5. index.php ファイルは削除する