WordPress

Web

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. 話題のDeepL翻訳はアプリをインストールするとより便利
  2. 【Word】游明朝/游ゴシックやメイリオで1ページの行数を増やしても行間を広げな…
  3. 忙しい朝もコーヒーは欠かせない!お湯を沸かすのすら面倒な人におすすめ!ネスカフェ…
  4. [Amazon] アマゾンで「NHKこどもパーク」開始!月額390円で「ワンワン…
  5. プリンター ブラザー DCP-J973N 導入記。お手頃価格でセッティングも取り…

関連記事

  1. Facebook友達とのやり取りを見る

    Facebook

    Facebook : 友達との交流の履歴を確認する[友達とのやり取りをみる]

    こんにちは。過去のことはすぐに忘れてしまう@OfficeTAKUで…

  2. http://facebook.com/kasagi

    Facebook

    Facebook:Change Your Profile スパムアプリにご注意!

    こんにちは。缶詰のスパムやコンビーフは大好きな@OfficeTAK…

  3. Facebook:MyCalendar

    Facebook

    Facebook : マイカレンダーモバイルのリクエストが届いたら…

    こんにちは。利用しているSNSの中では今Facebook滞在時間が…

  4. ZEBRAWING STYLUS C1
  5. Web

    災害時に役立つTwitterアカウント、情報サイト等まとめ

    こんにちは。@OfficeTAKUです。今回の大阪北部地震…

LINE公式アカウント:OfficeTAKU

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

最近の記事

  1. 株式会社タカコ
  2. u-next
日比谷花壇_毎月楽しむお花のある暮らし特集

人気の記事

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

    【注意!】「2018 年間ビジターアンケート」というフィッシングサイトに騙されな…
  2. Windows アクセシビリティ 拡大鏡

    Windows

    【Windows】Windows の 拡大鏡 は弱視の方やシニアにもおすすめのア…
  3. Lenovo Chromebook S330

    Hard・Acc

    【レビュー】シニアにもおすすめ!レノボ「Lenovo Chromebook S3…
  4. iPhone読み上げコンテンツ

    iPhone

    【iPhone】音声読み上げを利用する方法
  5. 日商PC検定

    日商PC検定

    日商PC検定・簿記初級など日本商工会議所検定試験会場になりました!
PAGE TOP