プラグイン用の管理画面の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″]

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!

著者について

コメント

コメントする

目次
閉じる