Q&A
どのようなコードを試したのかを記載していただけないでしょうか。
また、画像の中に works.css ファイルが無いようですがどのディレクトリにありますか？
タイトル通りなのですが、ググると、
固定ページに個別のCSSを適用するには、
・Header.phpに記述する
・function.phoに記述する
・カスタムフィールドを使う
など、色々なやり方があり、どれも試してみたのですが、
CSSが全くききませんでした。。
固定ページに自分の作成した下記の「works.css」を適用するには、
どのようにするとよろしいのでしょうか。
教えていただけますと大変助かります。
上記の、luxechというのがluxeritasの子テーマです。
子テーマの中に、works.cssを入れ、それを固定ページで適用させたいです。
上記header.phpを子テーマのフォルダに入れ、
php
1<?php if ( is_page( 'works' ) ): ?> 2<link rel="stylesheet" href="works.css" /> 3<?php endif; ?>
上記の記述でworks.cssを読み込もうとしましたが、
適用されません。
初心者で理解力がないので大変恐縮ですが、
宜しくお願いします。
追記2020/4/8/15:10
親テーマのheader.phpにworks.cssを読み込ませる記述をしてみますと、
↑ページのソースを表示はこういう形に
↑変えたい部分はここなのですが、
↑エラーがでています。
早速ありがとうございます。大変助かります。
色々試している途中でしたので、works.css削除後のスクショを載せておりましたが、スクショも修正し、取り組んだ内容の時のディレクトリ内容にしました。
試したことですが、まず、ググると、固定ページにcssを適用させるには、header.phpにcssを記述するという記事がありましたので、そちらを参考に、
親テーマにあるheader.phpをコピーし、<head>内にcssを読み込ませるコードを書いたのですが、うまく適用されませんでした。
回答1件
0
ベストアンサー
テーマにあるならパスを指定すれば良いと思います。
PHP
1<?php if ( is_page( 'works' ) ): ?> 2<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/works.css" /> 3<?php endif; ?>
【get_stylesheet_directory_uri() | Function | WordPress Developer Resources】
https://developer.wordpress.org/reference/functions/get_stylesheet_directory_uri/
【WordPress » URL・ディレクトリの取得まとめ | MORILOG】
http://morilog.com/wordpress/template/url_and_directory_functions/
投稿2020/04/08 04:57
総合スコア69606
お忙しいところありがとうございます。
上記は、親テーマのheader.phpに記述する形でしょうか？
子テーマにheader.phpをコピーして該当箇所を記述する形でしょうか？
feeling_jumperさんの試されたコードについて、ほぼそのまま書いていますが、私が提示したコードを試した上で表示ができなかったのでしょうか。
もし、試してスタイルが適用されなかったのであれば、当該ページで出力されたHTML（ブラウザで「ページのソースを表示」）を確認し、そもそも出力されているかを確認してください。
出力されていた場合、スタイル指定が間違っている可能性があるので、デベロッパーツールで確認してみてください。
【ChromeデベロッパーツールでCSSをチェックする方法 | なんでものびるWEB】
https://nandemo-nobiru.com/2944/
ありがとうございます。
<?php if ( is_page( 'works' ) ): ?>
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/works.css" />
<?php endif; ?>
↑上記を親テーマのheader.phpに記述してみたのですがダメでした。
結果を本文の一番下に追記しました。
検証を押しますと、下のほうに赤文字でエラーがでていました。
やはりworks.cssが正常に読み込まれていないようです。
提示されているファイルブラウザの画像を基に考えると、適用されているテーマと編集中のフォルダが違います。子テーマを使うなら親テーマ側のフォルダにあるファイルを編集するのはやめましょう。ファイルの追加も子テーマ側のフォルダに置きましょう。
ありがとうございます。そのようにいたします。
子テーマにheader.phpを新たに作り、
<?php if ( is_page( 'works' ) ): ?>
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/works.css" />
<?php endif; ?>
上記をhead内に記述するとよろしいでしょうか。
そのやり方でやってみたのですが、まだ適用されないです。
works.css が親にあるなら get_stylesheet_directory_uri ではアクセスできません。
<?php if ( is_page( 'works' ) ): ?>
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/works.css" />
<?php endif; ?>
ここの記述をどのように変えるとよろしいでしょうか。
works.cssはご自身で追加したものではないのでしょうか。追加したものなら、子テーマ側に移動すればよいです。そうでないなら、回答にて提示した「URL・ディレクトリの取得まとめ」を見てください。
本文の画像にも載せている通り、works.cssは子テーマにあります。
エラー文から「luxeritas」がテーマとして選択されているようですが、そちらが子テーマではなかったのですね。
説明がうまくできておらず申し訳ないです。。
親テーマがluxeritas、
子テーマがluxech
です。
get_stylesheet_directory_uriは子テーマのURLを取得するものなので、親テーマのものに変えましょう。
あなたの回答
tips
プレビュー
