レイアウトの編集

レイアウトCSSを編集」ボタンをクリックすると、下の画面が開きます。

fig.01

レイアウトの対象となるのは、以下のエリアになります。

  • ページ全体の上下左右のマージン
  • ページ上部(ヘッダー部)
  • ページ下部(フッター部)
  • 左サイドバー
  • 右サイドバー
  • 中央部(メイン)

デザインの編集

デザインCSSを編集」ボタンをクリックすると、エディタが起動し、CSSファイルを編集できます。

レイアウト領域を指定するために、以下のセレクタを使用することができます。

  • #body : ページ全体(body要素)
  • #header : ヘッダー部
  • #footer : フッター部
  • .sidebar : サイドバー(左右)
  • #left : 左サイドバー
  • #right : 右サイドバー
  • #main : 中央部(メイン)