- このトピックには9件の返信、3人の参加者があり、最後に
Hajime Megane Ogushiにより1年、 9ヶ月前に更新されました。
-
投稿者投稿
-
2022年11月30日 4:57 PM #114425
一覧表示における記事毎のカテゴリーには、カテゴリーごとのIDがclassがついてます。
<span class="c-entry-summary__term c-entry-summary__term--category-23"> お知らせ </span>
しかし、記事中では、カテゴリーごとの差異を示すclassなどがついていません。
<li class="c-meta__item c-meta__item--categories"> <span class="screen-reader-text">カテゴリー</span> <svg class="svg-inline--fa fa-folder" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="folder" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M64 480H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H298.5c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64z"></path></svg><!-- <i class="fa-solid fa-folder" aria-hidden="true"></i> Font Awesome fontawesome.com --> <a href="https://snow-monkey.2inc.org/category/info/">お知らせ</a> </li>
具体的な用途としてはカテゴリーごとに色分けして、出力したい的な要望です。
もちろん
template-parts/content/entry-meta
をフィルターで上書きして、いい感じにすることは出来るのですが
可能なら、統一されてidかslug(出来るなら操作しやすいslug
のほうがいいです。)がカテゴリーを出力する場所に付与されないかなーと思い、コメントしてみました。サイドバーのランキングにもカテゴリーが出てたりするので、影響の箇所が大きそうですが、ご検討のほどお願いします。
♥ 0いいねをした人: 居ません2022年11月30日 5:30 PM #114430Snow Monkey も body_class() 関数を使って body の部分に class を追加しているので、そこをカスタマイズしてあげればいいかなと思います。
add_filter( 'body_class', function( $class ) { global $post; $categories = get_the_category( $post->ID ); foreach ( $categories as $category ) { $class[] = "cat-" . $category->slug; } return $class; } );
こんな感じなものをプラグインにすれば使いまわせるのでは
2022年11月30日 5:38 PM #114435要は
<li class="c-meta__item c-meta__item--categories"> <span class="c-meta__term c-meta__term--category-23"> <span class="screen-reader-text">カテゴリー</span> <i class="fa-solid fa-folder" aria-hidden="true"></i> <a href="https://snow-monkey.2inc.org/category/info/">お知らせ</a> </span> </li>
みたいになったら良いですかね? 確かにここ CSS でさくっとやろうとしても HTML 構造的に無理なので、こうしちゃったほうが良い気がします!
2022年11月30日 5:48 PM #114437ありがとうございます。
body_class() に追加する場合、記事に付与されるカテゴリーが複数だと、色分けが出来ないので、どうしようかと考えておりました。
c-meta__term–category-23
そうですね、そのとおりです。ただIDだと、登録時のWPの状態によってIDが可変してしまい、DBの情報が異なる場合に、想定通りの色分けにならない可能性があります。
ですので
c-meta__term–category-{term_slug}
みたいなると一番ありがたいです。
またおそらく今も考慮されているので大丈夫だと思うのですが。カスタム分類でも同様のルールでclassが付与されるととても嬉しいです。♥ 0いいねをした人: 居ません2022年12月1日 11:37 AM #1145172022年12月1日 12:03 PM #114521やたー!ありがとうございます。ありがとうございます。
♥ 0いいねをした人: 居ません2022年12月1日 8:25 PM #114548あーでも、ごめんなさい!
slugにすると日本語のスラッグだったときにすごいことになっちゃうかもですね。
なのでそこをフィルターするようなものがあるだけでもいいかもです。♥ 0いいねをした人: 居ません2022年12月2日 8:31 PM #1146242022年12月5日 11:22 AM #1147452022年12月5日 5:28 PM #114815 -
投稿者投稿
- トピック「一覧や詳細における分類の表示時にslugなどをclassに付与してもらえると嬉しい。」には新しい返信をつけることはできません。