【WordPress】ブログ村のバナーをタグに応じて記事に自動で表示する

みなさん、こんにちは!

今回は、Wordpressの話です。
最近、ブログ村に登録しました。
どうやら、ブログ村というのは、バナーを自分のブログに張って、そのバナーがクリックされるとポイント獲得⇒ブログ村内でのランキングが上がるよ!みたいなシステムのようです。
(違ってたらすみません)

というわけで、もちろん私もこのバナーを設置するよっ!と思ったのですが…
そうです。ブログ村にはカテゴリごとにバナーがありますよね。
例えば、スズキのバイクカテゴリのバナーとか、Javascriptカテゴリのバナーとかが存在します。
これを、どの記事にでもカテゴリ関係無く張るのはちょっと…嫌ですよね。
バイクの記事なのに、Javascriptのブログ村バナーは表示したくないです…

じゃぁ、1つ1つの記事にブログ村のバナーを手で張っていくか、というと…これもかなりの手間です!!!!

では方法は1つしかない!
ルールに従って、その記事に合ったブログ村のバナーを出力するように、Wordpressのテーマ(というかphp)を修正するんだ!

ブログ側の記事のカテゴリを基に、ブログ村のバナー種類を決めようかとも思いましたが、そのカテゴリに属していてもバナーを表示したくない記事もあるかな、と思いましたので、今回はタグを参照して、どのブログ村バナーを出力するかを決定することにしました。
具体的には、バナーを出力したい箇所で以下のコードを挿入します。

<?php 
// 記事のタグを取得
$tags = get_the_tags();
if ($tags) {
  foreach($tags as $tag) {
    // 取得タグ文ループ, タグ名が規定の名称だったらバナーを出力
    echo $tag->name . ' ';
    if($tag->name == "GN125"){ // GN125 のタグがあったらバイクのバナーを
      printf('<a href="//bike.blogmura.com/ranking.html" target="_blank"><img src="//bike.blogmura.com/img/bike88_31.gif" width="88" height="31" border="0" alt="にほんブログ村 バイクブログへ" /></a>');
    }
    else if($tag->name == "Talend"){ // Talend のタグがあったらIT技術のバナーを
      printf('<a href="//it.blogmura.com/ranking.html" target="_blank"><img src="//it.blogmura.com/img/it88_31.gif" width="88" height="31" border="0" alt="にほんブログ村 IT技術ブログへ" /></a>');
    }
  }
}
?>

例えば、content.phpのfooterタグの中なんかに上記コードを挟めば、フッタ部にいい感じで出力されます。
GN125とか、Talendとかって入っている部分は、個々人のブログの設定したタグ名を入れて下さいね。
もっと沢山の種類のバナーを表示したい場合は、else if を増やしてください。

結果はこのようになります。
キャプチャ
記事に紐づくタグ名に、自分が仕掛けた名称(今回ならTalend)があれば、ブログ村の狙い通りのカテゴリバナーが表示されることが確認できます。

今回は以上です。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です