WordPressでページごとに異なる外部cssファイルを指定する方法(メモ書き)
ほとんど自分のためのメモ書きですが、Wordpressの固定ページごとに異なる外部cssファイルを指定するソースをいつも忘れるのでおいておきます。
<head>～</head>の中に以下のソースを入れる。
(大体のテーマは子ページにheader.phpをコピーし、ファイル内の<head>～</head>内に追記すればOK)
<link rel='stylesheet' href='<?php echo get_stylesheet_directory_uri().'/'.basename(get_permalink()); ?>.css' type='text/css'/>
これを入れることで、子テーマのディレクトリに固定ページのスラッグ.cssのファイルを作ることで、そのページだけのcssを適用することが可能です。
例えばhttps://nakahitoworks.com/sample_css/というページならば、子テーマのディレクトリに「sample_css.css」というファイルを作れば、このページにだけこのcssファイルが読み込まれます。
他のページには読み込みされないので、ページ別にcssを読み込ませたい場合に便利です。