2009/09 17

WordPressのウィジェット、便利ですよね。管理画面でぐりぐりとドラッグ&ドロップで設定出来ます。ウィジェットはサイドバーに表示するもの。と思い込んでいませんか?フッターに表示する方法を見つけたのでシェアします。


1.functions.phpを修正

まずは、管理画面に好きなだけサイドバーグループを追加してしまいましょう。普通ならウィジェット管理画面にはお使いのテーマのサイドバーの数だけしかサイドバー設定が出来なくなってますよね。このブログのテーマなら右サイドバーがひとつなので、ひとつだけ。

image
↑右側の「サイドバー1」だけ。

ここにサイドバーグループ(「グループ」としたのは便宜上であり、私の言い回しです)を追加するにはお使いのテーマディレクトリ配下にあるfunctions.phpをいじればいいようです。

私のテーマなら元はこんな風でした。

<?php
if ( function_exists('register_sidebar') )
	register_sidebar(array(
		'before_widget' => '<!--sidebox start --><div id="%1$s" class="dbx-box %2$s">',
		'after_widget' => '</div></div><!--sidebox end -->',
		'before_title' => '<h3 class="dbx-handle">',
		'after_title' => '</h3><div class="dbx-content">',
	));
?>


これをこんな風に変えます。

if ( function_exists('register_sidebar') )
	register_sidebar(array(
		'before_widget' => '<!--sidebox start --><div id="%1$s" class="dbx-box %2$s">',
		'after_widget' => '</div></div><!--sidebox end -->',
		'before_title' => '<h3 class="dbx-handle">',
		'after_title' => '</h3><div class="dbx-content">',
	));
	/* Takamorry Start */
	register_sidebar(array('name'=>'subfooterleft'));
	register_sidebar(array('name'=>'subfootercenter'));
	register_sidebar(array('name'=>'subfooterright'));
	/* Takamorry end */
?>


dynamic_sidebar()に指定するサイドバーグループ名はfunctions.phpで追加したものと同じにします。この例ではフッターに3カラムのサイドバーを追加するようにしています。cssのidやclassはご自分のテーマに合わせてください。実は私にとってはこれが面倒だった。どうもcssはロジックじゃないので馴染めないのですよねぇ。勉強しないとなぁ。

これでフッターにウィジェットを表示する準備が出来ました。

3.ウィジェットの編集

あとは、WordPress管理画面の「外観―ウィジェット」で、好きなウィジェットをサイドバーと同じようにドラッグ&ドロップしたりするだけ。

image

↑subfooterウィジェットにパーツを追加していきます。

4.テスト

表示してみて思い通りにウィジェットが表示されていたら出来上がり。

image

↑フッターにウィジェットが表示された!

ちなみにcssの微調整にはこのFIrefoxプラグインが鉄板ですよね。これなしでは私にはcssいじりは無理。

■Firebug :: Add-ons for Firefox

5.まとめ

ということで、調子に乗ってサイドバーにブログパーツをバコバコ貼ってると長ったらしいサイトになってたのが気に入らなかったのですが、これで少しはスッキリしたでしょうか。

何といっても便利なウィジェット管理画面でサクサクいじれるのが便利ですよ。お試し下さい。


↓最近出たこの本、オススメです。
PHPによるWordPressカスタマイズブック―2.8対応 テンプレートの改造からプラグインの作成まで (単行本)
4883376745

こんにちは、Takamorryです。

プロフィールを見る
1971年福井生まれ福井育ち。1996年に共同で独立し、日本中転々としながらシステム開発しているSEマネージャ。趣味はドラム、カヌー、カメラ、山登り、ゴルフ、ガンダム...続きを見る


このエントリーの6件のコメント

  1. takamorry

    WordPressウィジェットをフッターに表示する方法 – http://takamorry.com/article...

  2. takamorry

    MyBlog: WordPressウィジェットをフッターに表示する方法 http://takamorry.com/article...

  3. democrat20

    Currently reading WordPressウィジェットをフッターに表示する方法 | 本質思考道場 at: http://takamorry.com/article...

  4. 本田ゆみ

    Currently reading WordPressウィジェットをフッターに表示する方法 | 本質思考道場 at: http://takamorry.com/article/20090917_wordpress_footer_widget.html

  5. honda_yumi

    Currently reading WordPressウィジェットをフッターに表示する方法 | 本質思考道場 at: http://takamorry.com/article/20090917_wordpress_footer_widget.html

  6. kentaro_shibuya

    ウィジェットをフッターに表示

このエントリーへコメントをお願いします(承認するまでお待ちください)

Additional comments powered by BackType

このエントリーに関連する広告です

  • 最近のつぶやき、ブックマーク

  • ソーシャルフィードバック


    あわせて読みたいブログパーツ


  • ブログパーツ



    fxwill.com
    福井のWebマガジン「天晴本舗」 フィードメーター - 本質思考道場 全文配信同盟 にほんブログ村 地域生活(都道府県)ブログ 福井情報へ スカウター : 本質思考道場 track feed
  • ライセンス

    Creative Commons License
    本質思考道場 by takamorry is licensed under a Creative Commons 表示 2.1 日本 License