プラグイン用の管理画面のh2タイトルのアイコン指定

プラグインの管理画面を作っていて、タイトルの左側にアイコンを出す方法を、@jim0912さんに伺ったので、メモです。

h2の前に、

<div class="my-admin-icon32 icon32"></div>

cssに、

.my-admin-icon32 {
     background: url("../my-img/colog-admin-icon-32.png") no-repeat center;
     width: 45px;
}

ちなみに、きっかけになった、001 Prime Strategy Translate Acceleratorというプラグインは、日本語ファイルの読み込みに時間がかかっているのをキャッシュして高速化するという素晴らしすぎなプラグインです。

高速化には必須だ!

それで、その中を見ていて、なるほどな、と思ったのが、プラグインのphpファイルの中に書けば、cssでも関数が使えるんだよね!ってことだったので、それもメモです。

function print_icon_style() {
	$url = preg_replace( '/^https?:/', '', plugin_dir_url( __FILE__ ) ) . 'images/icon32.png';
?>
<style type="text/css" charset="utf-8">
#icon-psta-icon32 {
	background: url( <?php echo esc_url( $url ); ?> ) no-repeat center;
}

[blackbirdpie url=”http://twitter.com/#!/shinichiN/status/98668722205634561″]
[blackbirdpie url=”http://twitter.com/jim0912/status/98669882039730176″]
[blackbirdpie url=”http://twitter.com/#!/shinichiN/status/98670545494753280″]
[blackbirdpie url=”http://twitter.com/#!/jim0912/status/98670959963279360″]

↓ プラグインを作る方々への本、書きました。 ↓

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です