テンプレート名と同じcssを読み込む

WordPressのテンプレートを作る時のTipsです。
functions.phpに以下を追加すると
テンプレートのファイル名と同じ名前のCSSを読み込みます。
page.phpならcss/page.cssを読み込む。

add_action('wp_enqueue_scripts', 'theme_enqueue_styles');

function theme_enqueue_styles() {
	global $template;
	$url= get_stylesheet_directory_uri() . '/css/'.basename($template, '.php').'.css';
	// $header = @get_headers($url);
	// if ($header[0] != "HTTP/1.1 404 Not Found") {
  		wp_enqueue_style('page-style',$url, array('sitename-style'));
    // }


}

注意したいのは必ずテンプレート名.cssファイルを読み込もうとするので
テンプレート毎のCSSを作っておくか、
本番時は上記コードのコメントを外してキャッシュプラグインなどを入れると良いかと思います。

広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中