WordPressテーマにウィジェットを追加する方法

WordPressで、ウィジェットを追加する方法。

functions.phpに以下を追記する。

if (function_exists('register_sidebar')) {
//ここから
    register_sidebar(array(
        'name' => 'ウィジェット名',
        'before_widget' => 'ウィジェットを囲む開始タグ',
        'after_widget' => 'ウィジェットを囲む終了タグ',
        'before_title' => 'ウィジェットのタイトルを囲む開始タグ',
        'after_title' => 'ウィジェットのタイトルを囲む終了タグ'
    ));
//ここまでをウィジェットの数だけ繰り返す
}

具体的には、こんな感じ。

if (function_exists('register_sidebar')) {
    register_sidebar(array(
        'name' => 'サイドバー フル1',
        'before_widget' => '<div class="widget">',
        'after_widget' => '</div>',
        'before_title' => '<div class="title">',
        'after_title' => '</div>'
    ));

    register_sidebar(array(
        'name' => 'サイドバー ハーフ1',
        'before_widget' => '<div class="widget">',
        'after_widget' => '</div>',
        'before_title' => '<div class="title">',
        'after_title' => '</div>'
    ));

    register_sidebar(array(
        'name' => 'サイドバー ハーフ2',
        'before_widget' => '<div class="widget">',
        'after_widget' => '</div>',
        'before_title' => '<div class="title">',
        'after_title' => '</div>'
    ));
}

name before_widget after_widget before_title after_titleなどは必要なければ省略できる。
nameはダッシュボード上で表示されるウィジェット名でもあるので、設置位置などを含むわかりやすい名前にしておくと良いかもしれない。

functions.phpの編集が完了したら、テーマファイルのウィジェットを表示したい位置に以下を追記。

   <?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('表示したいウィジェット名')) : ?>

       <!-- ウィジェットが設定されていない場合の出力等 -->

   <?php endif; ?>

あとはダッシュボードからウィジェットの設定を行うだけ。

2012年09月08日  タグ:,

Leave a Reply