###■やりたいこと
トップページだけ別のCSSファイルを読み込ませたいです。
具体的には、「top.php」というページで「top.css」を読み込ませて、それ以外のページでは「style.php」を読み込ませたいです。
###■いまの状況
いまは、「header.php」の<?php wp_head(); ?>直前に下記コードを書いています。
なのに、「style.css」しか読み込んでくれないんです。
php
1<?php if ( is_page('top') ) : ?> 2 <link type="text/css" rel="stylesheet" href="/top.css"> 3<?php else: ?> 4 <link type="text/css" rel="stylesheet" href="/style.css"> 5<?php endif; ?> 6 7<?php wp_head(); ?>
尚、上記コードはこちらのサイトを参考にしました。
・条件分岐の方法
https://bge.jp/wordpress_if/#_is_page
・CSSファイルへのリンクの仕方
http://memorandums.3ki3ki.com/wp_read/
###■確認したこと
【1】
固定ページのテンプレート選択項目ではちゃんと「top.php」を選択しています。↓
そしてこの選択は有効に機能しているハズです。
(問い合わせページでは選択したとおりのテンプレート「contact.php」を読み込んでくれているため。)
【2】
「top.php」の中身は、通常の固定ページテンプレート「page.php」と同じものです。
なので、いずれも「header.php」を読み込むようになっているはずです。
【3】
「top.php」「style.php」は、いずれも「header.php」と同じフォルダ階層にあります。
---補足ココカラ---
【4】
出力されたHTMLでは、トップぺージとそれ以外のページでこのように違っていました。
すなわち、トップページの出力はこう↓で、
それ以外のページはこう↓でした。
このように違っているのに、なぜ「top.css」は無視されてしまうのでしょうか。
このような出力の違いは、「cssの読み込みはこっちだよ」という意味ではないのでしょうか??
開発ツールから見ても、「top.css」に書いたclassへの指示は何もなくて、「style.css」の指示しかありませんでした。
---/補足ココマデ---
以上です。どうぞよろしくお願いいたします。m(__)m
回答2件
あなたの回答
tips
プレビュー