wordpressの記事ページだけでstyle.css以外を反映する

前提・実現したいこと

wordpressで
１、style.cssに加えて、新たに作成したarticle.cssファイルを記事ページだけに読み込ませたい。
２、１を実現するために、記事ページで、<head>~</head>内で、style.cssの後にarticle.cssを出力するようにしたい。

発生している問題・エラーメッセージ

１と２が実現できない。

試したこと

header.phpに以下のように記載してもダメでした。

<?php wp_head(); ?>

　<?php if( is_single() ) : ?>
<link href="http:// example.com/【インストールフォルダ名】/wp-content/themes/【テーマフォルダ名】/custom.css" rel="stylesheet">
<?php endif; ?>

</head>

kei344

2019/08/03 11:15

「ダメでした」とは具体的にどのような状況になったのでしょうか。出力されたHTML（ブラウザで「ページのソースを表示」）を確認してみてください。

TSTSTST

2019/08/03 11:59

分かりにくい質問差し上げ、申し訳ございませんでした。 article.cssが出力されるのですが、style.cssの＜link href=~＞より上に記載されてしまい、（上記が原因かはわかりませんが、）反映されておりませんでした。

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

回答1件

ベストアンサー

WordPress使ってるのであれば、WP関数使いましょうね。
functions.phpに以下を書いてみてください。

php
1function my_wp_enqueue_scripts()
2{
3	wp_enqueue_style('base-style', get_theme_file_uri( 'style.css' ) );
4
5	if( is_single() ) {
6		wp_enqueue_style('article-style', get_theme_file_uri( 'article.css' ), array( 'base-style' ) );
7	}
8}
9add_action( 'wp_enqueue_scripts', 'my_wp_enqueue_scripts' );