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つのランキングサイトのボタンがあります。
記事がお気に召したら、クリックして頂けると幸いです。
ブログランキング用バナー

ピックアップ記事

  1. プリンター ブラザー DCP-J973N 導入記。お手頃価格でセッティングも取り…
  2. [レビュー] Lenovo Ideacentre 720 使えば手放したくなくな…
  3. [Instagram] インスタグラムで勝手にレイバンサングラスの投稿がされたら…
  4. [レビュー] Lenovo Ideapad 520 スタンダードな充実ノートパソ…
  5. [レビュー] レノボ 「TAB4 8 Plus」 画面が美しく動画もマンガも満喫…

関連記事

  1. Mail

    Windows Live Hotmail :テキスト形式メールを作成する

    メッセージ作成画面上部メニュー、横の下向き三角ボタン▼をクリック…

  2. Facebook

    Facebook : 氏名とともに旧姓や別名を表示する

    特に女性の場合は結婚して姓が変わってしまった、変わってしまう、という方…

  3. Google Chrome のタブに表示されたスピーカーアイコン
  4. Amazon.co.jp Cyber Monday

    Web

    Amazonでサイバーマンデー7日間限定セールが12月10日午前0時からはじまります!

    こんにちは。雨の日と月曜日は苦手な@OfficeTAKUです。…

LINE公式アカウント:OfficeTAKU

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

最近の記事

  1. Lenovo Chromebook S330
  2. cheero USB-C PD Charger 18W mini
  3. 国立天文台市民天文学プロジェクトGALAXY CRUISE
  4. Instagram(インスタグラム)へMacのブラウザSafariから投稿する方法

人気の記事

  1. Lenovo Chromebook S330
  2. cheero USB-C PD Charger 18W mini
  3. 国立天文台市民天文学プロジェクトGALAXY CRUISE
  4. Instagram(インスタグラム)へMacのブラウザSafariから投稿する方法
  1. Photo by Perfecto Capucine on Unsplash

    電子書籍

    [Kindle] 電子書籍リーダー Kindle Paper White が防水…
  2. Photo by S A R A H ✗ S H A R P on Unsplash

    Facebook

    [Facebook] フェイスブック「追悼アカウント管理人」を指定しました
  3. 電子書籍

    [Kindle] 翔泳社さんの毎月25日〜10日まで最大55%OFFセールを見逃…
  4. WebService

    [Amazon] AlexaがUruさんを認識してくれないのでフィードバックを送…
  5. Time Machine からの復元

    Mac

    [Mac] MacBook Pro SSD交換プログラム修理完了!タイムマシンの…
PAGE TOP
Secured By miniOrange