このFAQは、サポート対象外の操作を含む、上級者向けの内容です。お客様の責任のもと、ご利用ください。

このFAQでは、フルCSSテンプレートで作成したサイトのレスポンシブデザインを無効にする方法を記載しています。スタイルシートが動作する仕組みをご理解いただいた上でこのFAQをお読みいただくことをおすすめします。

▼注意

metaタグを一部削除し、スタイルシートを編集します。

■操作

1. レスポンシブデザインを無効にしたいページを開きます。
2. メニューバーの［編集-ページの属性］を選択します。　　

   ［属性］ダイアログボックスが表示されます。

3. ［メタ情報］タブを選択します。
4. 下記の項目を削除します。　　

   属性：name、項目：viewport、値：width=device-width, initial-scale=1

5. ［OK］ボタンをクリックします。　　

   ※レスポンシブデザインを無効にしたい全てのページで手順1.〜手順5.を行います。

6. メニューバーの［表示-スタイルシート マネージャ］を選択します。　　

   ［スタイルシート マネージャ］ダイアログボックスが表示されます。

7. ［スタイル構成］タブを選択します。
8. CSSファイルを選択し、セレクタ一覧（真ん中の画面）で、「@media screen and (max-width: 568px)」を削除します。　　

   ※全てのCSSファイルで手順8.を行います。

9. ［OK］ボタンをクリックします。
10. ページを保存後プレビューで確認し、問題がなければ公開します。

▲ページの先頭へ戻る

◆補足

• metaタグの削除はページを増やすたびに、そのhtmlファイルに対して行う必要があります。 　　
• 「@media screen and (max-width: 568px)」の削除はデザインチェンジを行うたびに行う必要があります。　　
• この対処を行った後にレスポンシブ対応に戻す際は、各htmlファイルとhpbparts.cssから削除した記述を元に戻した上で再度デザインチェンジを行う必要があります。

■関連情報

→スタイルシートを使用して文字サイズや行間を調整する

▲ページの先頭へ戻る