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

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

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

header.php

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

広告