wordpressのスキン
メニューの基本的な構成
まずは基本的なメニューの構成についてご紹介します(覚える必要はありません)。当サイトのテンプレートには、二通りのメニューがあります。通常のメニューコンテンツはこれに準じた形なので、そのまま適用部分にコピー&ペーストすれば大丈夫です。これ以外の方法でメニューを記述すると、レイアウトにズレが生じるのでご注意下さい。div.menu1~div.menu3は、1カラムにした場合の左右中央の配置を表しています(2カラムの場合は意味を為しません)。

テンプレートタグを利用し、メニューに新しいコンテンツを追加
上の図を念頭に置き、メニューに新しいコンテンツを追加してみましょう。今回は「最近の投稿」を表す、テンプレートタグを用いて追加します。
- 「デザイン」→「テーマエディタ」からサイドバー(sidebar.php)を選択。
- 追加したい部分(div.menu○の中)に、
<?php wp_get_archives('type=postbypost&limit=10&format=html'); ?>
を追加。他のコンテンツより上に追加する場合は上の方(div.menu1)に、下に追加したい場合は下の方(div.menu3)に記述します。終了したら「ファイルを更新」をクリック。
- すると、内容は表示されますがレイアウトがおかしいようです。
- ブラウザでHTMLソースをチェックしてみましょう。すると、メニューの基本的な構成の形になっていないことが分かります。

- そこで、再度「デザイン」→「テーマエディタ」からサイドバー(sidebar.php)を選択し、足りない分を追加します。この場合、<li>タグがあるので、メニューの基本的な構成のパターン1に属する事が分かります。そこで、足りない<li>タグ、<h○>タグ、<ul>タグを補充してあげます。<h○>タグにはタイトル(この場合「最近の投稿」)を追加してあげます。

- すると、下の画像のように正常に表示されました!うまくいかない場合はバックアップに戻して再度挑戦してみましょう。テンプレートタグによっては、どうしてもデザインが崩れてしまうものもあります。分からない場合はフォーラムにてご質問下さい。
プラグインを利用し、メニューに新しいコンテンツを追加
プラグインを利用してメニューにコンテンツを追加する方法もあります。この場合はプラグインをインストールした後、プラグインごとに指定されたタグを追加します。そして上記手順の4以降を実行します。こちらも、プラグインによっては、どうしてもデザインが崩れてしまうものもあります。分からない場合はフォーラムにてご質問下さい。