【WordPress】特定の固定ページにのみコードを追加する方法。is_pageを使った分岐方法について解説

カテゴリー: サイト制作

WordPressを構築していて、特定の固定ページにだけこのコードを表示させたいけど、 どうすればいいんだろう?と迷われた方は以下のタグで試してみてください!
is_page

必要な作業手順

  1. 固定ページのIDを確認する
  2. is_pageで固定ページを限定する
  3. 対象のコードをis_pageで囲む

固定ページのIDを確認する

まずはじめに固定ページのIDを確認します。今回はWordPressの管理画面で確認する方法を紹介します。

固定ページのID確認方法1:固定ページの一覧を開く

WordPress の管理画面にログインし、「固定ページ」>「固定ページ一覧」をクリックします。

固定ページのID確認方法2:ページIDを確認する

ページのタイトル下に「編集」、「クイック編集」、「ゴミ箱へ移動」などのリンクが表示されます。
「編集」リンクにマウスカーソルを合わせると、ブラウザの左下にURLが表示されます。
このURLに post= という文字列とそれに続く数字があります。この数字が固定ページのIDです。

例:https://example.com/wp-admin/post.php?post=123&action=edit の場合、固定ページIDは 123 です。

is_pageで固定ページを限定する

is_page()の中に先ほど調べたIDを入力します。

            
<?php
if ( !is_page(ここに除外したい固定ページIDを入力する) ) {
?>

//ここに表示したいコードを入力

<?php
}
?>
            
            

続けて上記の<?php ( is_page(ここに固定ページIDを入力する) ) {?> ~ <?php}?>で対象のコードを囲ってあげると、 囲ったコードは指定した固定ページでのみ表示されるようになります。

固定ページ以外での処理方法

逆にこの固定ページ以外でのみ表示させたい場合は以下のコードで対応してみてください。

            
<?php
if ( !is_page(ここに除外したい固定ページIDを入力する) ) {
?>

//ここに表示したいコードを入力

<?php
}
?>
            
            

複数の固定ページを指定したい場合

1ページだけではなく複数ページを対象にしたい、もしくは除外したい場合はis_page()の中に入力するIDを , で区切ってください。

            
<?php
if ( is_page(1,2,3,) ) {
?>

//ここに表示したいコードを入力

<?php
}
?>
            
            

まとめ

header.php, footer.php, sidebar.php, single.php, page.php, archive.php, index.php など、 WordPressテーマを構成するPHPファイル内でのみ使用できるコードとなってます。 JavaScript ファイルや CSS ファイル、HTMLファイル内では使用できないのでご注意ください。

onimaru

「2flock」と「owl department store」を運営しています。サイト運営における課題や経験をブログに書き留めてます。

Web