サポート » 使い方全般 » タイトルリスト表示で特定のタイトルのみ、色などを変更

  • 解決済 Naoki-Jo

    (@naoki-jo)


    <?php if(have_posts()):while(have_posts()):the_post(); ?>
    
    	<a href="<?php the_permalink() ?>"><?php the_title(); ?><br></a>

    のようにタイトルのリストを表示したときに、
    この中の特定のタイトルのみ、色やフォントのスタイルを変更することはできますか?

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • それは

    この中の特定のタイトルのみ

    の条件次第だと思います。

    希望の条件をなるべく詳しく書かないとアドバイスのしようがないので
    例:「カテゴリーIDが3の記事のタイトルに違うCSSを効かせたい」
    のように具体的に質問すべきだと思います。

    そして上記の例の条件はWordPress CodexのThe Loopのページでやり方を解説していたりします。

    トピック投稿者 Naoki-Jo

    (@naoki-jo)

    教えていただいたページを参照してみましたが、若干やりたいことが違う感じです。
    試してみましたが、やりたいことは実現できなさそうです。

    やってみたいことは、

    サイドバーに特定カテゴリー「A」の記事を表示しています。

    カテゴリ「A」の記事の中の
    いくつかの記事はカテゴリ「B」
    いくつかの記事はカテゴリ「C」
    に属していて、

    カテゴリAのみの場合は黒
    カテゴリAかつBに属している記事の場合は赤
    カテゴリAかつCに即している記事の場合は青

    などのように色分けしてタイトルを表示したいと思っています。

    便宜的にカテゴリAかつカテゴリB
    のように書きましたが、
    カテゴリAの中で特定の記事の区別がつけば
    タグやカスタムフィールドで区別してもかまいません。

    何か方法はあるでしょうか。

    よろしくお願いします。

    post_class() はどうですか?

    <?php if(have_posts()):while(have_posts()):the_post(); ?>
    <a <?php post_class(); ?> href="<?php the_permalink() ?>"><?php the_title(); ?><br></a>

    post_class() は、その投稿に関連付けされたカテゴリー(category-スラッグ)やタグ(tag-スラッグ)、投稿ID など、たくさんクラスを付けてくれますよ。
    もちろんループ内であれば、パーマリンクの親要素(div , li など)につけてもOKです。

    CSS

    .category-A{
        color:black;
    }
    .category-A.category-B{
        color:red;
    }
    .category-A.category-C{
        color:blue;
    }

    トピック投稿者 Naoki-Jo

    (@naoki-jo)

    ありがとうございます!

    教えていただいたコードで希望通りのことができました!

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「タイトルリスト表示で特定のタイトルのみ、色などを変更」には新たに返信することはできません。