wordpressのPHPに条件分岐(if)でそれぞれ任意のidをつける方法

スポンサーリンク
ブログ/Web制作
スポンサーリンク

今回は条件分岐ifを使って固定ページごとに任意のidを指定していきます。

 

現在練習で作ったhtmlサイトをwordpress化しようとしている所。

固定ページごとに背景画像を変えたりヘッダーの高さを変えているためbody真下のdivにそれぞれ違ったidを入れていました。

ところがその部分がheader.php内のため、get_header()を使うとすべてidがhomeになってしまい個別のcssが読み込まれない状況に陥りました。

上記画像のid部分を固定ページごとに変えたい!!

というわけで以下の様に条件分岐を作った所、解決しました!

<div class="big-bg" 
 <?php if(is_page('news')):?>
  id="news"
 <?php elseif(is_page('menu')):?>
  id="menu"
 <?php elseif(is_page('contact')):?>
  id="contact"
 <?php else:?>
  id="home"
 <?php endif;?>
>
is_page(‘スラッグ’)を入れることで固定ページを指定できます。スラッグの他にタイトルやIDでも指定できます。
is_page()のように空白だと固定ページすべてが選択されます。

 

固定ページのスラッグは編集画面のパーマリンク→URLスラッグから指定・確認できます。

 

これを応用すればclassの指定もできます。

 

コメント

タイトルとURLをコピーしました