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. 3.11復興とは?問うドキュメンタリー:メディアが語らない真実「被災地の水産加工…
  2. [iTunes] Apple Music ライブラリ内の曲を再生したら全く別の曲…
  3. 机からケーブルを落とさない NuAns WORKLIFE FOLDKEEPER …
  4. 記憶と記録をデジタル化しておくことの重要性と検討すべき項目を整理してみた
  5. 【Instagram】iPhoneアプリ版インスタグラムアカウントを非公開アカウ…

関連記事

  1. Web

    Amazonにサンリオストア オープン!

    こんにちは。けっこうAmazon好き @OfficeTAKUです。…

  2. Facebookページとして「いいね!」したページ
  3. Photo by Hannes Wolf on Unsplash
  4. WordPress

    写真サイト「Scenery in Okyouduka 御経塚通信写真部」を再開しました

    こんにちは。@OfficeTAKUです。しばらく更新を休ん…

  5. Photo by Burst on Unsplash

    WordPress

    [WordPress] Gutenbergからクラシックエディタへ戻しました!

    こんにちは。@OfficeTAKUです。なんでも新しいもの…

  6. Instagram(インスタグラム)へMacのブラウザSafariから投稿する方法

    Web

    Instagram(インスタグラム)へMacのブラウザSafariから投稿する方法

    こんにちは。普段は Chrome 使っている @OfficeT…

LINE公式アカウント:OfficeTAKU

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

最近の記事

  1. One by Wacom small
日比谷花壇_毎月楽しむお花のある暮らし特集

人気の記事

  1. 日商PC検定
  1. Hard・Acc

    【レビュー】Hypamer アルミ合金製 軽量 ノートパソコンスタンド
  2. Photo by JESHOOTS.COM on Unsplash

    Excel

    [Excel] エクセルで「名前」を使ってみよう! Vol.5 数式に[名前]を…
  3. Photo by Ben Hershey on Unsplash

    WebService

    おすすめ野球アニメ『おおきく振りかぶって』Amazon Prime Video …
  4. WordPress

    【WordPress】ワードプレスで会話風吹き出しを簡単に作れる「Speech …
  5. 電子書籍

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