Wordpressのheader.phpで固定ページごとにcssを読み込ませたい

質問内容

header.php内に固定ページごとのcssを読み込ませたいです。
現在、記事一覧ページとトップページのcssは読み込むことが出来たのですが、その他の固定ページ(会社情報ページ・お問い合わせページなど)のcssを読み込ませるには下記のコードからどのように記述していけば良いか不明です。
お力貸していただけると嬉しく思います。

現在のコード

<?php if ( is_page() ): ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/top.css">
<?php else: ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri('') ?>/css/blog.css">
<?php endif; ?>

試したこと

<?php if ( is_page('') ): ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/top.css">
<?php elseif ('blog-page') : ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/blog.css">
<?php elseif ('contact') : ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/contactform.css">
<?php elseif ('company') : ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/about.css">
<?php endif; ?>

上記コードでトライしましたが、トップページと上から２番目の記事一覧ページのみcssが当たった状態で他二つはcssが当たっていません。
functions.phpでの記載もしようと記事を読みあさりコードをコピペしましたが、うまくいかず、header.phpで読み込む方が簡単だと思いました。

kei344

2020/02/20 02:58

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

行動規範の内容に同意します

回答1件

ベストアンサー

関数リファレンス/is_page にあるように is_page( 'slug' ) や is_page( id ) です。

is_page('') だと全ての固定ページに一致していたりしないでしょうか？

また、トップページというのは、どのように作られたページですか？

管理画面で固定ページをトップページとして選択したいる場合は、is_front_page() で判別できないでしょうか？

投稿2020/02/19 21:59

CHERRY

総合スコア25175

codemanvs

2020/02/19 22:36 編集

アドバイスありがとうございます。ご指摘いただきましたように、トップページは固定ページですので is_front_page() に直しました。コードは以下です。 ```<?php if ( is_front_page('') ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/top.css"> <?php elseif ( is_page('blog') ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/blog.css"> <?php elseif ( is_page('contact') ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/contactform.css"> <?php elseif ( is_page('company') ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/about.css"> <?php endif; ?>``` この状態にすると、次は何故かBlogの一覧ページのいcssが当たらない状態となりました。その他のページはcssが適応されています。また、スラッグも間違っていません。再度アドバイスいただけますと嬉しいです。

codemanvs

2020/02/19 23:23

CHERRY さん、解決しました。 Blogのページをindex.phpで作っていて、is_pageの部分を、is_homeにすることによってブログ一覧ページにもcssが当たりました。すごく助かりました。ありがとうございます。