３カラムレイアウト
３カラムレイアウトの構成図
２カラムレイアウト作成で使用したメインページ（下図）を３カラムに変更します。 追加するカラムは、下図のように右側に設置します。サイドバー2(sidebar2)と...
スタイルシートの修正
全ページで紹介した3カラムレイアウトのグループごとに、スタイルシートを作成します。 2カラムレイアウトで使用したスタイルシートを元に、太字部分を追加、修正します...
メインページの修正
2カラムレイアウトで使用したテンプレートを元に追記します。 ラップ(<div class="wrap">†</div>)でコンテンツとサ...
画面の確認とレイアウトパターン
実際に画面を確認します。 左側にサイドバー、中央にコンテンツ、右側にサイドバー２が配置されていることがわかります。 次に、スタイルシートを変更します。サイドバー...
その他テンプレートも３カラムにする
メインページのテンプレート以外のテンプレートも３カラムにします。 メインページと同様、以前作成した２カラムレイアウトのテンプレートにラップとサイドバー２の追加を...