• 解決済 morinosuke

    (@morinosuke)


    初めまして、wordpressでサイト構築を始め
    現在【tanzaku】テーマをカスタマイズして使用しております

    現在は簡易的な求人サイトを可変グリッドで構築中なのですが
    TOPページの記事一覧画像にカテゴリー毎に違う画像を追加したいと考えています。

    イメージとしては下記サイトの「SALE」画像や
    http://rmd.quadro-web.com/

    下記サイトのカテゴリ画像がまさにそれです。
    http://pr.nikkei.com/
    http://www.marunouchi.com/

    恐らく、上記サイトは全てMTで作成されているオリジナルデザインだと思います。
    何か無いかと探したところ、下記のサイトにて新着記事にNEW画像を追加する方法を見つけました。

    http://www.df-cue.com/wp/2009/11/30/newmark/

    上記サイトで書かれているコードをカスタマイズして行けないものかと思案しておりますが
    いかんせん全くわかりません、、

    このコードでは投稿日の時間から指定日数を分換算し、条件を満たすと画像が追加されるようですが
    この部分をカテゴリ毎に条件変更した上でCSSを加えれば、、、
    とも思いましたが、ど素人の自分なのでわかりません、、

    良い技や方法をお知りの方がいらっしゃいましたら
    お教え下さい
    何卒宜しくお願い致します

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • 【tanzaku】テーマ

    がどのサイトのどのテーマなのか分かりませんが・・・公式テーマのtanzakuならindex.phpを見る限り普通にループしているので、get_the_categoryで取り出してごにょごにょすればいいと思いますよ;)

    この辺が参考?

    あと、Codexならここ

    トピック投稿者 morinosuke

    (@morinosuke)

    shokun0803様

    ご返信頂きありがとうございます
    説明不足で申し訳ございません

    テーマは公式テーマのtanzakuでございます
    参考サイト、ありがとうございました

    頑張ってみたいと思います
    ありがとうございました

    トピック投稿者 morinosuke

    (@morinosuke)

    shokun0803様

    アドバイス頂き、有難うございました!
    試行錯誤のうえ、やっと完成しました。

    <?php $cat = get_the_category(); $cat = $cat[0]; {
    
      echo '<img src="http://example.com/images/' . $cat->category_nicename . '.jpg" alt="' . $cat->cat_name . '" />';
    
    } ?>

    結局、このシンプルなコードに落ち着きました。

    目的としては、募集終了した記事に対し【終了】のアイコンを表示させたかったのですが
    他の記事やグリッド間隔の関係もあり、全てのカテゴリーに対しアイコンを表示させる事で解決しました。

    ※実は紹介頂いたCodexの先に記述してあるサンプルコードをそのまま入れてみたらOkでした、、

    ありがとうございました

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「カテゴリー毎に違う画像をTOP画像に追加できないか?」には新たに返信することはできません。