WordPress

Web

 

 / 最終更新日: 2012.05.4

WordPress : カテゴリによって異なるランキングバナーを表示させる

ブログランキングサイトに登録したままでほったらかし状態です。

人気ブログランキングと「にほんブログ村」いう2つのサイトです。

どちらも、ブログに貼り付けられたバナーがクリックされるか、そのサイト内からブログへの訪問があるとポイントになり、ランキングされる、というもの。
それぞれ、ブログの内容によりカテゴリを選択し、ポイント配分を設定したりできます。

せっかくなのでバナーを貼り付けてみました。

カテゴリによって異なるランキングバナーを表示させる

バナーは全体的なものとカテゴリ別のものがありますので、記事によってそれぞれのカテゴリにあうもの表示したいと思い、ググってみたらそのものずばりのブログエントリを発見!

個別記事ページのテンプレート(single.php)内に数行記述するだけで、目的が果たせました。
詳しくは上記の A Way of Lifeさんの記事を参照していただくとして、簡単にご紹介。

in_categoryというタグを利用。
下記のように記述しました。

<?php if ( in_category( 'facebook'  ) ){ ?>
ここにFacebookカテゴリで表示したいバナー画像のタグを貼り付け

<?php }elseif(in_category('mac')){ ?>
ここにMacカテゴリで表示したいバナー画像のタグを貼り付け

<?php }elseif ( has_tag( 'win'  ) ){ ?>
ここにWindowsカテゴリで表示したいバナー画像のタグを貼り付け

<?php }else{ ?>
ここに上記以外のカテゴリで表示したいバナー画像のタグを貼り付け
<?php }?>

各記事のページ、コメント欄のすぐ上、左側に2つのランキングサイトのボタンがあります。
記事がお気に召したら、クリックして頂けると幸いです。
ブログランキング用バナー

第11回 Facebook勉強会 at AVOSA前のページ

【WordPress】SyntaxHighlighter Evolved が機能しない…次のページWordPress

ピックアップ記事

  1. 記憶と記録をデジタル化しておくことの重要性と検討すべき項目を整理してみた
  2. 【Instagram】iPhoneアプリ版インスタグラムアカウントを非公開アカウ…
  3. 公認会計士と司法試験/予備試験合格の勉強のプロが教えてくれる「メモリーツリー」勉…
  4. 【初心者・シニアのためのVOD入門】お家で映画三昧!休みは動画配信サイトのお試し…
  5. 机からケーブルを落とさない NuAns WORKLIFE FOLDKEEPER …

関連記事

  1. http://facebook.com/kasagi

    Facebook

    Facebook リストとは?リストの種類と利用方法

    Facebookには、友だちや「いいね!」をしたFacebookページ…

  2. Facebook

    Facebook : お知らせのメールがうざい!という場合の対処法

    イベントに招待した方から、「イベントのウオールに誰かが投稿するとメール…

  3. Photo by Bino Le on Unsplash
  4. Web

    スティーブ・ジョブズの言葉を噛みしめながらタイピング練習

    インターネットでタイピング練習ができるサイト e-typing さん…

  5. Google Chrome で LEGO

    Google

    Google Chrome で レゴ(LEGO)ブロック楽しいです!

    こんにちは。レゴブロックより二つ年下 @OfficeTAKUです。…

  6. Mail

    ビジネスメール実態調査2010

    ビジネスメールについて詳しく解説されているサイトビジネスメールの教…

LINE公式アカウント:OfficeTAKU

OfficeTAKU Line公式アカウントバナー

最近の記事

人気の記事

  1. 日商PC検定
  2. ロジクール MX KEYS(MAC用)
  1. 書籍

    集中するためのメソッド、ポモドーロ・テクニックに使えるタイマーを探してみた
  2. MS Office

    【Office】Excelの表も簡単にブログへの埋め込みできる!無料で使えるWe…
  3. タウンページ2018.9『北陸とらいあんぐる』

    電子書籍

    『北陸とらいあんぐる』が表紙に描かれたNTTタウンページが昨日届いたので無料で読…
  4. Mac

    【Mac】音声読み上げを利用する方法
  5. Photo by Marvin Meyer on Unsplash

    MS Office

    【Office】 ExcelやWordを使うならこれだけは知っておきたい Off…
PAGE TOP