プラグインのCSSやJavaScriptを常時読み込ませたくない場合に、ハンドル名(id)を指定していろいろと対処することがありますが、ソースを見ればある程度は表示されているのでわかります。しかし表示とは違ったりよく分からないものがあります。それを簡単に確認する方法です。
<link rel=’stylesheet’ id=’gorigori-css‘ …
↑のようなやつです。
設定
WordPressのJavascriptやCSSの名前は？ハンドル名？調べ方！
↑参考にさせてもらったサイトです。
functions.phpに↓を追加するとHTMLソースにCSSやJavaScriptのハンドル名が表示されます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
//--------------------------------------------------------------------------- // WordpressのJavascriptやCSSのハンドル名をHTMLソースに表示する //--------------------------------------------------------------------------- function my_get_dependency( $dependency ) { $dep = ""; if ( is_a( $dependency, "_WP_Dependency" ) ) { $dep .= "$dependency->handle"; $dep .= " [" . implode( " ", $dependency->deps ) . "]"; $dep .= " '$dependency->src'"; $dep .= " '$dependency->ver'"; $dep .= " '$dependency->args'"; $dep .= " (" . implode( " ", $dependency->extra ) . ")"; } return "$dep\n"; } function my_style_queues() { global $wp_styles; echo "<!-- WP_Dependencies for styles\n"; foreach ( $wp_styles->queue as $val ) { echo my_get_dependency( $wp_styles->registered[ $val ] ); } echo "-->\n"; } add_action( 'wp_print_styles', 'my_style_queues', 9999 ); function my_script_queues() { global $wp_scripts; echo "<!-- WP_Dependencies for scripts\n"; foreach ( $wp_scripts->queue as $val ) { echo my_get_dependency( $wp_scripts->registered[ $val ] ); } echo "-->\n"; } add_action( 'wp_print_scripts', 'my_script_queues', 9999 ); |
例)↓のようなものがHTMLソースに表示されます。[]の左がハンドル名(id)です。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!-- WP_Dependencies for styles contact-form-7 [] 'https://pluswordpress.com...' contact-form-7-confirm [] 'https://pluswordp...' crayon [] 'https://pluswordpress.com/wp-cont...' crayon-theme-eclipse [] 'https://pluswordpre...' crayon-font-verdana [] 'https://pluswordpres...' piyopiyo4 [] 'https://pluswordpress.com/wp-c...' gorihoge7 [] 'https://pluswordpress.com/wp-c...' --> <!-- WP_Dependencies for scripts crayon_js [jquery] 'https://pluswordpress.co...' contact-form-7 [jquery jquery-form] 'http:/...' contact-form-7-confirm [jquery jquery-form]...'' piyopiyo4 [] 'https://pluswordpress.com/wp-c...' --> |
プラグインなどのCSSやJavaScriptを個別に読み込む
まったくいらないもの、ページごとに必要なもの、環境によっていろいろあると思いますが、いくつかやってみます。
functions.phpに↓を追加
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
if (!is_admin()) { function my_styles() { // 全ページで読み込まない wp_dequeue_style( 'piyopiyo4' ); wp_dequeue_script( 'piyopiyo4' ); // 固定ページのスラッグが「contact」以外では読み込まない if (!is_page('contact')) { wp_dequeue_style( 'contact-form-7' ); wp_dequeue_style( 'contact-form-7-confirm' ); wp_dequeue_script( 'contact-form-7' ); wp_dequeue_script( 'contact-form-7-confirm' ); } //「投稿ページ」以外では読み込まない if (!is_single()){ wp_dequeue_style( 'crayon' ); wp_dequeue_style( 'crayon-theme-eclipse' ); wp_dequeue_style( 'crayon-font-verdana' ); wp_dequeue_script( 'crayon_js' ); } // 投稿ページのスラッグが「hogehoge1」「gorigori2」以外では読み込まない if (!is_single(array( 'hogehoge1', 'gorigori2' ))) { wp_dequeue_style( 'gorihoge7' ); } } add_action( 'wp_enqueue_scripts', 'my_styles'); } |
