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. 法定相続情報一覧図の作成や申出のポイントについてまとめ
  3. [レビュー] リンダ・リウカス『ルビイのぼうけん こんにちは!プログラミング』:…
  4. 記憶と記録をデジタル化しておくことの重要性と検討すべき項目を整理してみた
  5. [Amazon]【30日間無料体験】絶対おすすめ!アマゾン プライム会員。買い物…

関連記事

  1. Web

    オンラインでお勉強 Vol.1 Duolingoで英語に親しむ

    こんにちは。@OfficeTAKUです。自慢じゃありません…

  2. Google Chrome で LEGO

    Google

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

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

  3. Shockwave Flash.を読み込めませんでした
  4. Google

    Googleドライブを利用してPDF書類をテキストに変換する方法

    こんにちは。毎日Google先生にお世話になっている@Office…

  5. iOS

    iPadで、iPhoneで、Macで読める、スクラップできる、朝日新聞デジタル

    こんにちは。石川県にきたら砂金*になった@OfficeTAKUです…

LINE公式アカウント:OfficeTAKU

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

最近の記事

  1. プレゼンテーション イメージ
  2. ビジネス統計スペシャリスト

人気の記事

  1. Surface Mobile Mouse
  1. リボルテック ダンボー ミニ

    玩具

    リボルテック ダンボー ミニ (REVOLTECH DANBOARD mini…
  2. Surface Mobile Mouse

    ハードウェア

    【レビュー】Microsoft Surface Mobile Mouse 薄くて…
  3. Security

    [mixi] ミクシィ乗っ取られ記。放置している方は至急確認を!オークリー サン…
  4. Photo by chuttersnap on Unsplash

    Excel

    [Excel] エクセルで「名前」を使ってみよう!Vol.1 簡単な名前の付け方…
  5. WEB会議などで使える「スタジオジブリ壁紙」

    WebService

    【Zoom】スタジオジブリ・ヱヴァンゲリヲン・調布市役所さんなどバーチャル背景無…
PAGE TOP