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

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

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

header.php

&lt;?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 '&lt;link type="text/css" rel="stylesheet" href="' . $urlBase . '.css" charset="utf-8" /&gt;' . "\n";<br />
}<br />
if (file_exists($filePathBase . '.js')){<br />
echo '&lt;script type="text/javascript" src="' . $urlBase . '.js"&gt;&lt;/script&gt;' . "\n";<br />
}<br />
}<br />
?&gt;<br />
&lt;/head&gt;<br />

広告

HOME