2段組のレイアウトにします。
今回は、WordPressだからといって、特別なことをやるわけではありません。
普通にfloatを使うだけです。
01. サイドバーのdiv要素を追加
サイドバーのdiv要素を、コンテンツのdiv要素(id="content")とフッターのdiv要素(id="footer")の間に挿入します。
<!-- サイドバー -->
<div id="sidebar">
サイドバーのdiv要素
</div>
02. CSS(style.css)の編集
下記記述を、style.cssに追記します。
全体(div#container)の横幅は760pxで、
その中にコンテンツ、サイドバーが入っています。
/* コンテンツ */
div#content {width: 515px;
float: left}
/* サイドバー */
div#sidebar {width: 220px;
float: right;
background-color: #9f9;}
[1回]
PR