メニューを表示する

２段組のレイアウト：サイドバー

• content と sidebar の２カラムの設定にする

サイドバーを作成し背景色を設定

<!-- ▼#sidebar -->
<div id="sidebar">
ここはサイドバーです。
</div><!-- ▲#sidebar -->

/* #content */
#content {
  width: 515px;
  float: left;
}

/* #sidebar */
#sidebar {
  width: 220px;
  float: right;
  background-color: #8cc63f;
}

• 位置の確認ができたら背景色は削除する

メニューを表示する

• ウィジェットの機能を利用する

• functions.phpを作成し、ウィジェットの機能を有効にする
• functions.phpをsampleフォルダに入れる

functions.phpを編集する

ウィジェットの機能を有効にする

<?php
//ウィジェット
register_sidebar();
?>

• 左のエリアから、有効化される右のエリアに「Drop & Drag」する

ウィジェットエリアを出力する

<div id="sidebar">
<?php dynamic_sidebar(); ?>
</div>