add_actionを使って管理ページで独自cssを使う

add_actionを使って管理ページで独自cssを使う - 管理ページに独自のcssやjavascriptファイルを追加する

説明

テーマやプラグインで専用の管理ページを作る場合、そのページ向けのcssやjavascriptが必要になることがある。どちらもページ内に直接記述できるが、特にcssは別ファイルに分けたいほうが便利だ。ここではその方法を紹介しよう。 WordPressの管理ページは、表示の際にadmin_head関数(アクション)を実行する(このアクションは通常のテーマでいうところのwp_head関数の管理ページ版と考えればいい)。実際に独自のcssやjavascriptを追加するのは、テーマであればfunctions.phpの任意の場所に次の内容を記述すればいい。
if ( !has_action( 'admin_head', 'private_admin_head' ) )
	add_action( 'admin_head' , 'private_admin_head' );
function private_admin_head() {
?>
<link rel="stylesheet" type="text/css" media="all" href="/css/admin.css" />
<script type="text/javascript" src="/js/admin.js"></script>
<?php
}
この例では、admin_headアクションにprivate_admin_head(この関数名はほかに重複しなければ自由に指定できる)という独自のアクション関数を追加し、'/css/admin.css'と'/js/admin.js'ファイルを指定している。これで管理ページを表示すると、admin_headアクションとしてprivate_admin_head関数が呼び出され、管理ページのHTML内ではheadタグ内で出力される。出力される場所は、WordPressが標準で組み込むcssの後になるので、WordPress標準スタイルを上書きすることも可能だ。

関連

  • add_action - アクション関数を追加する
  • has_action - WordPressタグにアクションが登録されているか調べる
  • wp_head - wp_headアクションを実行する

お勧めコンテンツ

is_trackback(2011年10月31日 登録)

bool is_trackback( )
トラックバックエンドポイントリクエストなのか調べる。

get_category_by_slug(2010年1月4日 登録)

mixed get_category_by_slug( string $slug )
カテゴリーのスラッグからカテゴリー情報を取得する。

wp_attachment_is_image(2014年7月12日 登録)

bool wp_attachment_is_image( [ int $post_id = 0 ] )
メディア投稿(attachment)の添付ファイルが画像ファイルか調べる。

home_url(2010年6月9日 登録)

string home_url( [ string $path = '' [ , string $scheme = null ] ] )
現在のブログ(サイト)のホームURLを取得する。ホームURLは、管理者ページの「設定」-「一般」の「サイトのアドレス(URL)」のこと。

wp_parse_args(2012年7月19日 登録)

array wp_parse_args( mixed $args, mixed $defaults = '' )
クエリー文字列を解析し、各パラメータのデフォルト値とマージした連想配列を取得する。

最終更新日時 : 2011-02-25 13:33