この記事は最後に更新してから1年以上経過しています。

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標準スタイルを上書きすることも可能だ。

最終更新 : 2018年05月27日 10:52

お勧め

wp_add_post_tags（2012年7月5日更新）

mixed wp_add_post_tags( [ int $post_id = 0 [ , string $tags = '' ] ] )

投稿情報に投稿タグを追加する。

get_tags（2018年5月27日更新）

array get_tags( [ mixed $args = '' ] )

条件を指定してタグ情報を検索し、マッチしたすべてのタグ情報を取得する。

wp_array_slice_assoc（2022年2月2日更新）

array wp_array_slice_assoc( array $array, array $keys )

キーを指定して配列の一部を抽出する。

get_post_permalink（2022年11月6日更新）

string | false get_post_permalink( [ int | WP_Post ~~$id~~$post = 0 [ , bool $leavename = false [ , bool $sample = false ] ] ] )

カスタム投稿タイプの投稿ページのパーマリンクを取得する。

remove_query_arg（2024年3月21日更新）

string remove_query_arg( string | string[] $key [ , bool | string $query = false ] )

クエリーURIからパラメータ（キー名=値）を削除する。

説明

関連

お勧め