Q&A
回答者に考えられる可能性を要求する前に
質問者が考えられる可能性を絞り込むほうが先です。
最低でもheader.phpの中身のコードが記載されなければ
回答不可です。
index.php①
style.css
□img
□js
□WP
∟□自分で作ったテーマファイル
∟index.php
∟single.php
∟header.php
∟functions.php
・
・
・
など
↑のような構造で、「WP」というファイルにWordPressを入れ、
トップページ（index.php①）にWordPressの最新投稿一覧が表示されるようにしたいと思っています。
index.php①に投稿一覧を表示させることはできたのですが、問題はそこから投稿の個別ページに飛んでも、CSSが全く反映されていない状態です。
WordPresssファイル直下のindex.php②にはCSSが反映されているので、CSSへのリンクの記述は間違っていないはずなのですが、
single.phpには全く反映されていません。他にもarchive.php、page.phpにも反映されていませんでした。
考えられる原因を教えて頂けると助かります。
宜しくお願いします。
個別ページでhtmlソースの表示などをためして、読み込まれているcssがどれか、意図したものが読めているかを点検してください。
テーマの編集を行っている場合は、single.phpで読ませるように設定したcssファイルへのパス指定が絶対パスなのか相対パスなのか、ここも点検してください。
ご回答ありがとうございます。
header.phpはこのように記述しています。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="format-detection" content="telephone=no">
<title><?php wp_title('|', true, 'right'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); echo '?' . filemtime( get_stylesheet_directory() . '/style.css'); ?>" type="text/css" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); echo '?' . filemtime( get_stylesheet_directory() . '/css/reset.css'); ?>" type="text/css" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); echo '?' . filemtime( get_stylesheet_directory() . '/css/animation.css'); ?>" type="text/css" />
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header>
<ul>
<li>HOME</li>
<li>会社概要</li>
<li>新着情報</li>
・・・
</ul>
</header>
コードの読みやすさを狙って、質問文中に追記をお願いします。質問文編集機能で、コード貼付けした箇所を選択状態にした後、「code」ボタンをくりっくすると読みやすくなります。
回答1件
0
CSSが反映されているかどうか確認する方法は幾つかあります。
問題切り分けの手法も含めていくつか提示します。（※順不同です。）
body{background-color:#000;}など明らかに見た目でわかる指定を入れてみる
効かなかったらCSS読み込みされてません。効いていたらCSSの構文にミスがあるかもしれません。
- ブラウザ「ソースを表示」で対象のCSSの読み込み記述があるか確かめる
- ↑あったらChromeの場合、リンクになっているのでクリックする（CSSのURLを直にブラウザに打ち込んだのと同じです）
- ブラウザ「デベロッパーツール」でコンソールタブにエラーがないか確かめる。
404NotFoundとかなってればそこにファイルがないことになります。アップロードできてないか、パスが間違っているか、ファイルが破損しているかのいずれかです。
いずれにしてもフォルダ階層だけではなく「実際のファイルの中身」「どのような記述で読み込ませようとしているか」もコードでご提示いただいたほうがアドバイスも次のステップにいけると思います。
投稿2019/05/20 09:44
総合スコア80875
状況がよくわからない中、少しでも手がかりになりそうな情報を引き出したくて「調べ方」を回答としているのだと察しますが、**原因に直結しない当たり障りのない回答**は、どこかブログ記事やWiki記事にでも書いてリンクを「質問への追記・修正、ベストアンサー選択の依頼」枠にでも貼り付ける、の対応で良いような気がします、と意見表明させていただきます。
仰ることはよくわかります。
質問者さんで確認できることをどっちに書くかは結構迷います。
確認依頼を追記修正依頼に投げていたら気づいたら自己解決になったということは何度でもあります。
今回の質問者さんはteratailで質問がまだあまり多くないというのとあまり解決にされてないというところから確認依頼を重ねることによって解決するのは難しいと判断しました。
であれば当たりさわりのない内容であっても回答にしたほうが解決に至りやすいのではと思い回答にした次第です。
「記事読んでひとつずつ確認して」も考えましたが、そこからきちんと確認手法を拾えるかは確証がないかなと。
この手の質問の場合、自己解決に至った経緯を質問者自身が回答として書いてもらうのが一番タメになるんですけどね、どこをどう点検したらこういう良くないところを見つけて、こう直してみたところ期待したとおりになって解決した、なんて。（雑談チックになり申し訳ありません）
いえいえ。考え方もアプローチの仕方も様々あるので。
中には解決したらそれで終わり修正依頼あっても一切手を出さないような質問者も少なからずいるので、どこで解決にしてもらうかは悩みどころですね。
あなたの回答
tips
プレビュー
