ワードプレス プラグインのCSSを使う


スポンサーリンク

プラグインで使うCSSをどうやって本体ページへフィードバックさせるか。
function thumb_box_style() {
	$plugin_dir = str_replace(basename(__FILE__),"",plugin_basename(__FILE__));
	$css_url = WP_PLUGIN_URL.'/'.$plugin_dir.'thumb_style.css';
	wp_enqueue_style( 'thumb-boxstyle', $css_url, false, '1' );
}
// thumb_box_style() をサイト公開側で呼び出す。
add_action( 'wp_print_styles', 'thumb_box_style' );
これで、WPのページのヘッダーにプラグインの入ったフォルダー 内にある thumb_style.css を読み込むようになる。
     :
<link rel='stylesheet' id='dashicons-css'  href='http://foo.net/wp-includes/css/dashicons.min.css?ver=4.0' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css'  href='http://foo.net/wp-includes/css/admin-bar.min.css?ver=4.0' type='text/css' media='all' />
<link rel='stylesheet' id='thumb-boxstyle'  href='http://foo.net/wp-content/plugins/thumb_box/thumb_style.css?ver=1' type='text/css' media='all' />
<script type='text/javascript' src='http://foo.net/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
<script type='text/javascript' src='http://foo.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
     :

スポンサーリンク