トリコロールな猫

猫とつくばと茨城をこよなく愛するnekotricolorのブログです

Wordpressのsidebar.phpを1から作る

ずっとindex.phpに直でウィジェットが使えるサイドバーを呼び出す関数を書いていたのですが、カテゴリごとにサイドバーを分けるにあたりsidebar.phpを作ったので今さらながらメモ。

ウィジェットを使ったサイドバーの仕組み

Wordpressにはサイドバー用のウィジェットが用意されており、自力で作らなくても最新記事やカテゴリなどを表示できます。[外観]->[ウィジェット]から設定可。

2013-02-05-1

このウィジェットを使ったサイドバーを表示させる最もシンプルな形を図にしてみた。

2013-02-05-2

つまりindex.phpやsingle.phpなど、ユーザに見せる画面を表示するPHP

<?php get_sidebar(); ?>

と書くとsidebar.phpが読み込まれ、sidebar.phpの中にある

<?php dynamic_sidebar();>

という関数でウィジェットが呼び出される。という感じ。

ウィジェットを使ったサイドバーを表示させるための最低限必要なこと

functions.phpにサイドバーを使うことを指定

まずはサイドバーを有効にする必要があります。functions.phpに以下を記述します。

<?php register_sidebar(); ?>

sidebar.phpを作る

sidebar.phpを以下のような内容で作成します。

<ul>
<?php dynamic_sidebar(); ?>
</ul>

index.phpやsingle.phpでget_sidebar()を呼び出す

サイドバーを呼び出したいところ(divなどでサイドバー用に区切った場所)に以下を記述します。

<?php get_sidebar(); ?>

これで、ウィジェットを使ったサイドバーを表示できるようになります。