ページごとにcss、jsを自動で読み込む

2013.07.03 篠原隆司

アフィリエイト広告を利用しています

このページの内容が役に立ったら X (旧twitter) でフォローして頂けると励みになります
挨拶や報告は無しで大丈夫です

テーマディレクトリに、「page」ディレクトリを作り、「ページID.css」「ページID.js」を作ると読み込まれます。

特定のページだけに効かせたい大きめのCSSやJSがあるときに。

header.php

<br />
<?php<br />
wp_head();<br />
if (is_page()){<br />
$fileBase = '/page/' . get_the_ID();<br />
$urlBase = get_bloginfo('template_directory') . $fileBase;<br />
$filePathBase = dirname(__FILE__) . $fileBase;<br />
if (file_exists($filePathBase . '.css')){<br />
echo '<link type="text/css" rel="stylesheet" href="' . $urlBase . '.css" charset="utf-8" />' . "\n";<br />
}<br />
if (file_exists($filePathBase . '.js')){<br />
echo '<script type="text/javascript" src="' . $urlBase . '.js"></script>' . "\n";<br />
}<br />
}<br />
?><br />
</head><br />