Wordpressで条件分岐がうまく動作せずその解決策

Question

###前提・実現したいこと
Wordpressで記事ページとそれ以外で読み込むCSSを条件分岐したい。
具体的には記事ページのh2の装飾です。
記事ページには「article.css」そのほかページには「stylesheet.css」を読み込ませたい

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

特になし

###該当のソースコード

<?php if( is_single() ) : ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/article.css" type="text/css" />
<?php else: ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css" type="text/css" />
<?php endif; ?>

###試したこと
上記のコードをいくつかの箇所に挿入し試しましたが動作しませんでした。
また、wp_enqueue_scriptsにアクションフックを追加する形でやろうと調べて下記を試しましたがHTTP ERROR 500が出てしまいました。

 function register_style() { 
	wp_register_style( 'style', get_bloginfo( 'template_directory' ) . '/css/style.css' ); 
	wp_register_style( 'article', get_bloginfo( 'template_directory' ) . '/css/article.css' ); } 

	function add_stylesheet() { 
		register_style(); wp_enqueue_style( 'style' ); 
		if ( is_single() ) { wp_enqueue_style( 'article' ); 
			elseif ( is_page( array('style') ) ) { wp_enqueue_style( 'style' ); } } 
			add_action( 'wp_print_styles', 'add_stylesheet' );

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

Comments

[退会済みユーザー]

wp_enqueue_scriptsにアクションフックを追加する形を試してみていただけますか。 https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_enqueue_style

[退会済みユーザー]

ソースコードや質問への追記は質問文に記載してください。

[退会済みユーザー]

また、「動作せず」の状況も具体的な記述をお願いします。「以下のエラーが表示される」「エラーにはならないが○○になる」など。

[misato_3310]

そのほかページには「stylesheet.css」を読み込ませたい とありますが、その下のソースでは<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css" type="text/css" />となっていますが、ここの間違いというのはないですか?

Answer 1

また、wp_enqueue_scriptsにアクションフックを追加する形でやろうと調べて下記を試しましたがHTTP ERROR 500が出てしまいました。

500エラーはPHPの文法エラーによるものです。
以下を参考に修正して、試してください
(コード内のコメントは適宜削除したうえで動かしてください)

function register_style()
{ 
    wp_register_style( 'style', get_bloginfo( 'template_directory' ) . '/css/style.css' ); 
    wp_register_style( 'article', get_bloginfo( 'template_directory' ) . '/css/article.css' );
} 

function add_stylesheet()
{ 
    register_style();
    // wp_enqueue_style( 'style' );  ←不要
    if ( is_single() ) // 記事ページには「article.css」
    {
    	wp_enqueue_style( 'article' ); 
    } // ←この括弧閉じが抜けていた
    // elseif ( is_page( array('style') ) ) ←「そのほかのページ」なので条件不要
    else // そのほかページには「stylesheet.css」
    {
    	wp_enqueue_style( 'style' );
    }
} 
add_action( 'wp_print_styles', 'add_stylesheet' );

---

追記
https://codex.wordpress.org/Plugin_API/Action_Reference/wp_print_styles

Since WordPress 3.3 wp_print_styles should not be used to enqueue styles or scripts.

上記のコードでひとまず動くかも知れませんが、wp_enqueue_scriptsアクションフックを使うかたちに修正することをおすすめします。

add_action( 'wp_enqueue_scripts', 'add_stylesheet' );