Wordpressで、archiveﾍﾟｰｼﾞの検索結果の表示を、「アーカイブ、カテゴリー」の場合と「タグ」の場合とで、別のCSSを適用させたい。

Question

■まず、archive.phpにこう①↓書いてあって、

<header class="page-header-tag">
  <?php
  the_archive_title();
  ?>
</header><!-- .page-header-tag -->

■次に、functions.phpにこう②↓書いてあります。

add_filter( 'get_the_archive_title', function ( $title ) {
  if( is_category('6') ) {
   $title = 'カテゴリーID「6」の記事一覧';
 } elseif( is_category() or is_tag() ) {
   $title = '【' . single_cat_title( '', false ) . '】に関する記事の一覧';
 }
  return $title;
});
```参照サイト
https://www.imamura.biz/blog/22602
  
---
  
  
さて、ここから首記の質問です。

『「アーカイブ、カテゴリー」の検索結果と、「タグ」の検索結果とで、別のCSSを適用させたい』

と思っています。
  
  
 
上の②では、

『カテゴリーIDが「6」のアーカイブページの場合は「カテゴリーID「6」の記事一覧」という表示を、それ以外の「カテゴリー」「タグ」のアーカイブページは「【○○】に関する記事の一覧」という表示をさせるように変更する』

という操作をしているようなのですが、こうではなく、

『「カテゴリー、アーカイブ」には「①で付けた.page-header-tagとは別のタグ」をつけ直す』

という操作にしたいわけです。
  
  
  
①のように.page-header-tagではなく、アーカイブとカテゴリーには、②の操作によって.page-header-archiveとかまたは.page-header-categoryとかをつけ直して、①とは別のCSSを適用させたいんです。
 
 
 
しかし、②を変えることで、『タグをつけ直す』なんてこと、できるのでしょうか？
その場合、②のコードの、どこを直せばいいのでしょうか？
 
 
 
もしできなければ、ほかに首記の目的を果たせる方法はあるのでしょうか？
 
 

お詳しい方、いらっしゃいましたらよろしくお願いいたします。m(__)m

Answer 1

archive.phpの部分を下記のように分けてあげれば大丈夫だと思います。

<?php
  $className='';
  if(is_category()){
    $className='page-header-category';
  } else if(is_tag()){
    $className='page-header-tag';
  }
?>
<header class="<?php echo $className; ?>">

またfunction.phpの'add_filter('get_the_archive_title', 略)'はarchive.phpのthe_archive_title();の部分で呼び出されますのでこのタイミングではすでに<header class="page-header-tag">は処理済みなので無理だと思います。

他の方法としてはタグ一覧を表示する場合archive.phpよりもtag.phpの方が優先して呼びだされますので、archive.phpをコピーしてtag.phpにリネームarchive.phpのヘッダーのclassを修正するという方法もあります。

Comments

[退会済みユーザー]

おはようございます。
ご回答まことにありがとうございます。

てきとーな場所に突っ込んだり、にのぴったり上書きしたり、いろいろやってみたのですが笑、検索結果の表示(質問文でいう○○のこと)がなくなってしまったようです。
the_archive_titleがなくなったせいでしょうか？
でも、なくすんですよね？

そして、CSSでデザインしたタグの枠だけは残っています。
CSSが残っているのはタグの検索結果だけで、アーカイブとカテゴリーの検索結果にはCSSさえも表示されません。

もしよろしければ、
・ご回答のコードは、①のどこに書き加えるのか？
・function.phpは書き換えなくていいのか？
ご教示いただければ幸いです。

[退会済みユーザー]

できました！
試行錯誤不足でしたし、それにより良い経験になりました。
どうもありがとうございました????