常連

### 条件分岐を利用したカテゴリごとにデザインを変えたい

**実装したいこと**・・・・カテゴリごとにヘッダーのデザインを含め全てのデザインを変えたい
　　　　　　　　　　　　→index.phpとstyle.cssはトップページに、
header-basic.phpとsingle.phpとbasic.cssを一つとし、single-thesis(ブログ特殊デザインテンプレート）とthesis.css とheader-thesisを一つとしてテンプレートを作りたい


**ファイル**・・・・・・
index.php(トップページ用、ヘッダーの条件分岐）
                    header.php(cssの条件分岐)
header-basic.php
header-thesis.php
single.php(コンテンツのデザインの条件分岐）
single-basic(ブログ基本テンプレート)
single-thesis(ブログ特殊デザインテンプレート）
              
---
single関連はただしく条件分岐できているのですが、ヘッダーとcssが適用されません
---



header.php
```ここに言語を入力



<?php if ( in_category(array('thesis')) ) ://論文のカテゴリーの場合 ?> 
  　<link href="<?php echo get_template_directory_uri(); ?>/css/thesis.css" rel="stylesheet" type="text/css"> 　　
<?php else://通常ページの場合 ?>
   <link href="<?php echo get_template_directory_uri(); ?>/css/basic.css" rel="stylesheet" type="text/css"> 
<?php endif; ?>
```
header-basic.php

```ここに言語を入力


<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <?php wp_head();?>　　　　　　　　　　　//うまく実装でき無い理由と考えられる場所
    <title>ブログテンプレート1</title>
</head>

<body>

<header>
        <div class="head-wrapper">
            <div class="hamburger">
            <div class="hamburger-icon">
                <span></span>
                <span></span>
                <span></span>
              </div>
              
              <nav class="globalMenuSp">
                  <ul>
                      <li><a href="file:///Users/juujouhiroto/web%20programs/mypage.html#">Menu1</a></li>
                      <li><a href="file:///Users/juujouhiroto/web%20programs/mypage.html#">Menu2</a></li>
                      <li><a href="file:///Users/juujouhiroto/web%20programs/mypage.html#">Menu3</a></li>
                      <li><a href="file:///Users/juujouhiroto/web%20programs/mypage.html#">Menu4</a></li>
                      <li><a href="file:///Users/juujouhiroto/web%20programs/mypage.html#">Menu5</a></li>
                  </ul>
              </nav>
            </div>
            <div class="logo"></div>
            <div class="sns">
                <div class="icon instagram">
                    <i class="fab fa-instagram fa-2x"></i>
                </div>
                <div class="icon twitter">
                    <i class="fab fa-twitter fa-2x"></i>
                </div>
            </div>
        
        
        </div>
    </header>

```

header-thesis.php
```ここに言語を入力


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Kosugi&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@700&display=swap" rel="stylesheet">
    <title>論文テンプレート</title>
    <?php wp_head();?>

</head>

<body>

<header>
      <div class="headerTitle-wrapper">
          <div class="headerTitle">
              <h1>Thesis</h1>
              <p class="title-p">reserch by hirolog</p>
          </div>
      </div>
</header>
```


index.php
```ここに言語を入力

<?php if ( in_category(array('thesis')) ) ://論文のカテゴリーの場合 ?> 
  　　get_header(thesis);
<?php else://通常ページの場合 ?>
     get_header(basic);
<?php endif; ?>


  
  <div class="main-wrapper">                           


 <section class="site-image">
    <div class="subName">

        <div class="kousennsei-wrapper">
            <div class="kousennseino">
              <h1 class="text-basic ">高専生の日常</h1>
              <h1 class="text-shadow">高専生の日常</h1>
            </div>
            <div class="irast">                          
              <img class="baseball" src="baseball.png">        
              <img class="throw" src="2.png">
            </div> 
        </div>
    </div>

    <div class="new-contents-recommend">  
          <div class="new-contents-recommend-wrapper">
             <div class="recommend-image-container">
                 <img class="recommend-image"src="abstract-downloading.png">
             </div>
          </div>
    </div>

  </section>      
    

    <section class="intro">                               

        <div class="profile-header">    
            <h2 class="profile-h2"></h2>
        </div>

        <div class="profile">

            <div class="myimage">
            </div>
            <div class="sentence">
                <h3 class="sentence-header">
                    THANK YOU <br>FOR<br>WHACHING!
                </h3>
                <div class="sentence-text">
                   <p>どこかの国立高専の学生</p>
                   <p>高専病という病に侵されています</p>
                   <p>自分のためになりそうなことなど、嘆いて行きます。</p>
                </div>
            </div>

        </div>
    </section>
       
    <section class="category">                             

            <h3 class="category-header">category</h3>      
            <div class="category-wrapper">                 
            <div class="category-box no1">
            </div>
            <div class="category-box no2">
            </div>
            <div class="category-box no3">
            </div>
            <div class="category-box no4" id="no4">
            </div>
       
    </section>



    <div class="recomand">

          <h3 class="recomand-header">reccomand</h3>

            <div class="recomand-wrapper">
              <div class="recomand-box">
                  <div class="picture"></div>
                  <div class="word-wrapper">
                      <div class="contents-header"></div>
                      <div class="tag"></div>
                  </div> 
              </div>
              <div class="recomand-box"></div>
              <div class="recomand-box"></div>
              <div class="recomand-box"></div>
              <div class="recomand-box"></div>
              <div class="recomand-box"></div>
            </div>
            
    </div>      
         
     
 </div>      



    <section class="sidebar">
      <div class="side-wrapper">

      </div>
    </section>

 <?php get_footer()?>
```

single.php
```ここに言語を入力


<?php
if ( in_category('thesis') ) { //  カテゴリースラッグかカテゴリーIDを指定
      include(TEMPLATEPATH . '/single-thesis.php');
} 
 else {
      include(TEMPLATEPATH . '/single-basic.php');
}
?>
```

	@@ -1 +1 @@
1	- ワードプレスで自作テーマを~~作って~~います
1	+ 『ワードプレス自作テーマ』カテゴリごとにデザインを変えたい

質問編集履歴