サイトのレイアウトを変更

メニューを開く

作成したサイトのレイアウトを編集する

フルCSSテンプレートを使用してサイトを作成した場合、サイトの複数ページのデザインやカラー、レイアウトをまとめて変更することができます。変更するときは、デザインチェンジの機能を使います。

デザインチェンジ
「デザインチェンジ」は、CSS（スタイルシート）を差し替えることでページのデザインやカラー、レイアウトを変更します。

➊作成したサイトを開き、ビジュアルサイトビューを表示しておく

特定ページのデザインチェンジ
ページを開いてデザインチェンジを実行すると、そのページのみレイアウトが変更される

➋かんたんナビバーの［デザイン変更］をクリックする

デザインチェンジアイコン
「デザインチェンジ」を適用できる場合、［ページ編集］タブの左側にデザインチェンジアイコンが表示されます。アイコンをクリックして、「デザインチェンジ」の機能を使うこともできます。

➌［テーマ］でテーマを確認する

❹［デザイン］から適用したいデザインを選択する

❺デザイン上に表示される［カラー選択］ボタンをクリックする

❻適用したいカラーを選択する

❼デザイン上に表示される［レイアウト選択］ボタンをクリックする

❽適用したいレイアウトを選択する

❾［ページの設定］をクリックする

❿レイアウトの変更に適用するページすべてのチェックボックスがオンであることを確認する。

⓫［OK］→［OK］ボタンを順にクリックする

⓬デザインチェンジを適用する確認メッセージに［はい］で回答する

⓭すべてのファイルが上書き保存されてレイアウトが変更される

デザインチェンジでレイアウトを変更すると、内容はそのまま維持されます。これは HTML は書き換えないからです。しかし外部スタイルシートは入れ換わります。