Title: 2種類のカスタム投稿をそれぞれ色分けして表示したい Last modified: 2016年7月30日 --- # 2種類のカスタム投稿をそれぞれ色分けして表示したい * 解決済 [aoneissei](https://ja.wordpress.org/support/users/aoneissei/) * (@aoneissei) * [14年、 1ヶ月前](https://ja.wordpress.org/support/topic/2%e7%a8%ae%e9%a1%9e%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%92%e3%81%9d%e3%82%8c%e3%81%9e%e3%82%8c%e8%89%b2%e5%88%86%e3%81%91%e3%81%97%e3%81%a6%e8%a1%a8%e7%a4%ba%e3%81%97/) * こんにちは。 どなたか是非ご教授ください。 * サイトのトップページに「最新情報」という欄があって、 そこに「recentnews」と「 campaign」の2種類のカスタム投稿が表示されるようになっています。 * ``` array('recentnews', 'campaign'), 'posts_per_page' => 5 ) ); while ( $loop->have_posts() ) : $loop->the_post(); ?> 　 ``` * 2種類のカスタム投稿をそれぞれ色分けして表示したいのですが、 それぞれに違うクラス を適応する方法を教えていただけませんでしょうか。 * よろしくお願い申し上げます。 8件の返信を表示中 - 1 - 8件目 (全8件中) * [Fumito MIZUNO](https://ja.wordpress.org/support/users/php-web/) * (@php-web) * [14年、 1ヶ月前](https://ja.wordpress.org/support/topic/2%e7%a8%ae%e9%a1%9e%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%92%e3%81%9d%e3%82%8c%e3%81%9e%e3%82%8c%e8%89%b2%e5%88%86%e3%81%91%e3%81%97%e3%81%a6%e8%a1%a8%e7%a4%ba%e3%81%97/#post-151713) * ``` if ('recentnews' == $post->post_type){ print 'custom-recentnews'; } ``` * のような条件分岐をループ内に書けば良いと思います。 * 詳細は、公式ドキュメントをごらんください。 [http://wpdocs.sourceforge.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/WP_Query](http://wpdocs.sourceforge.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/WP_Query) * トピック投稿者 [aoneissei](https://ja.wordpress.org/support/users/aoneissei/) * (@aoneissei) * [14年、 1ヶ月前](https://ja.wordpress.org/support/topic/2%e7%a8%ae%e9%a1%9e%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%92%e3%81%9d%e3%82%8c%e3%81%9e%e3%82%8c%e8%89%b2%e5%88%86%e3%81%91%e3%81%97%e3%81%a6%e8%a1%a8%e7%a4%ba%e3%81%97/#post-151748) * php-webさま * ご返答誠にありがとうございます。 上記記述で今から試してみます。 * 本当にありがとうございます。 結果は明後日にご報告させていただきます。 * トピック投稿者 [aoneissei](https://ja.wordpress.org/support/users/aoneissei/) * (@aoneissei) * [14年、 1ヶ月前](https://ja.wordpress.org/support/topic/2%e7%a8%ae%e9%a1%9e%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%92%e3%81%9d%e3%82%8c%e3%81%9e%e3%82%8c%e8%89%b2%e5%88%86%e3%81%91%e3%81%97%e3%81%a6%e8%a1%a8%e7%a4%ba%e3%81%97/#post-151772) * php-webさん * こんにちは先日はご返答誠にありがとうございました。 頂きましたご回答ですが、どうも 私が理解できてないようでうまくいきません。。 すいませんがもう一度教えていただけ ますでしょうか。 * 「recentnews」の記事がある時はcustom-recentnewsというCSSのクラスを、 「campaign」 の記事がある時はcustom-campaignというCSSのクラスが適応されるようにしたいのですが、 * ``` if ('recentnews' == $post->post_type){ print 'custom-recentnews'; } ``` * 上記頂きました記述のprintの後に入る’custom-recentnews’がクラス名になるのでしょう か？ * 大変素人な質問で申し訳ございませんがご教授お願いいたします。 * [Fumito MIZUNO](https://ja.wordpress.org/support/users/php-web/) * (@php-web) * [14年、 1ヶ月前](https://ja.wordpress.org/support/topic/2%e7%a8%ae%e9%a1%9e%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%92%e3%81%9d%e3%82%8c%e3%81%9e%e3%82%8c%e8%89%b2%e5%88%86%e3%81%91%e3%81%97%e3%81%a6%e8%a1%a8%e7%a4%ba%e3%81%97/#post-151774) * > 上記頂きました記述のprintの後に入る’custom-recentnews’がクラス名になるのでしょう？ * そういう意図でかきました。 * > 頂きましたご回答ですが、どうも私が理解できてないようでうまくいきません。。 * うまくいかなかった、というっことですが、具体的に何をして、どうなったのでしょう か。 例えば、xxx にコードを追加したが、表示は何も変化しなかった、などです。 * トピック投稿者 [aoneissei](https://ja.wordpress.org/support/users/aoneissei/) * (@aoneissei) * [14年、 1ヶ月前](https://ja.wordpress.org/support/topic/2%e7%a8%ae%e9%a1%9e%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%92%e3%81%9d%e3%82%8c%e3%81%9e%e3%82%8c%e8%89%b2%e5%88%86%e3%81%91%e3%81%97%e3%81%a6%e8%a1%a8%e7%a4%ba%e3%81%97/#post-151782) * php-webさま * お世話になります。 何度もお時間を頂きまして恐縮しております。 下記が私が書い た記述です。 * ``` array('recentnews', 'campaign'), 'posts_per_page' => 5 ) ); while ( $loop->have_posts() ) : $loop->the_post(); if ('recentnews' == $post->post_type){ print 'custom-recentnews'; } ?> 　 ``` * 上記のように書くと、「recentnews」の投稿が存在する場合はulに指定してあるcustom- recentnewsというクラスが適応されると理解してるんですが、 上記のような記述だと、 custom-recentnewsという文字が * liの内容の前に表示されてしまいます。下記のような感じです。 * **custom-recentnews 2012/07/26 | 食生活セミナーを実施いたします！ * 無知すぎてホントに申し訳ないのですがもう一度教えていただけないでしょうか。 * [Fumito MIZUNO](https://ja.wordpress.org/support/users/php-web/) * (@php-web) * [14年、 1ヶ月前](https://ja.wordpress.org/support/topic/2%e7%a8%ae%e9%a1%9e%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e6%8a%95%e7%a8%bf%e3%82%92%e3%81%9d%e3%82%8c%e3%81%9e%e3%82%8c%e8%89%b2%e5%88%86%e3%81%91%e3%81%97%e3%81%a6%e8%a1%a8%e7%a4%ba%e3%81%97/#post-151784) * 書く場所が違っていますね。 * ``` if ('recentnews' == $post->post_type){ print 'custom-recentnews'; } ``` * は、custom-recentnews を表示する命令ですから。class の部分に入れる必要があります。