自作テーマにウィジェットを導入する

WordPressのテーマにウィジェットが導入されたのは結構前のことですが、自作テーマを使っているとfunctions.phpを書かないと行けなかったりで、なかなか導入に踏み切れませんでした。

今回 My Twitter Widget というプラグインを導入しなければならなかったので、やっと重い腰上げて取り組んでみました。

……まあ考えていたよりはるかに簡単だったんですが(笑)

1.functions.phpに下記のコードを追加する。

if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘before_widget’ => ‘<div id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’,
));

 

2.サイドバー(sidebar.php)のウィジェットを表示させたいところに下記のコードを追加する。

<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
<?php endif; ?>

以上で終わり。

やってみると意外とかんたん。

 

これで、My twitter widgetをダッシュボードのウィジェットで追加してみると、形成されるコードはこのようになります。

<div id=”my_twitter_widget-2″ class=”widget my_twitter_widget”>
<h2>twitter</h2>
<div class=”my_twitter_inside”> <ul id=”my_twitter_tweetlist”>
<li>~~twitterの内容~ </li>
<ul>~中略~
</div>

functions.phpのコードと比較してみると、それぞれの意味がわかってきますね。

 

コメントする